html { scroll-behavior: auto !important; }


@media (min-width: 1400px)  {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1140px;
	}

}


@media (max-width: 767px)  {
	#main > .container {
		padding-left: 5px; padding-right: 5px;
	}

}

.alert {
  padding: .6rem 1.25rem;
}

.alert.alert-light {
	color: rgb(73, 80, 87);
	background-color: rgb(252, 252, 253);
	border-color: #E9ECEF;
}



.btn-group .btn-check:checked + .btn-outline-default {
    background-color: #167b91;
    color: #FFF;
}

.btn-group .btn-outline-default {
    border-color: rgba(22, 123, 145, 0.2);
    color: #333;
}


.lwd-date-picker.pickered {
    position: absolute; opacity:0; z-index: 1; width: 1px;
}
.btn-date-modal {
    position: relative; z-index: 2;
}

.text-right {
	text-align: right;
}


h1, .h1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 25px;
}

h2, .h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.05;
  margin-bottom: 20px;
}


h4, .h4 {
  font-size: 18px;
  font-weight: 700;
}

.badge { font-weight: 500; }
.badge.bg-light { color: #000; }
.badge.bg-bordered { color: #000; background-color: #FFF;  border: 1px solid #CCC; }



#wrapper {  }

.text-bg-light { background-color: rgba(220, 244, 249, 0.4) !important; border: 1px solid rgba(243, 245, 247, 1); }


#saving-overlay { position: fixed; z-index: 2147483650; height: 100%; width: 100%; background-color: rgba(0,0,0,0.6); top: 0; left: 0; display: flex; justify-content: center; flex-direction: column;  align-items: center;  }
#saving-overlay .text { font-size: 22px; color: #FFF; }

.modal-backdrop.show {
	opacity: 0.8 !important;
}




#main .btn:not(.read-more), .modal .btn:not(.read-more) { padding: 6px 20px; font-weight: 400; border-radius: 5px; font-size: 13px; border-width: 1px; line-height: 24px; }
#main .btn-primary:disabled, .modal .btn-primary:disabled { opacity: 0.7; color: #ffffff;  background-color: #841419;  border-color: #841419; }
#main .btn-sm, .modal .btn-sm { padding: 3px 10px !important; font-weight: 400 !important; font-size: 13px !important;line-height: 20px !important; }

#main .btn-default, .modal .btn-default { color: #13697C; background-color: #FFF; border-color: #167b91; border-width: 1px;border-radius: 5px; }
#main .btn-danger, .modal .btn-danger { background-color: var(--red); border-color: var(--red); }


#main .btn.btn-outline { background-color: #FFF; border-color: #1BA9C2; }
#main .btn.btn-outline:hover { background-color: #1BA9C2; border-color: #1BA9C2; color: #FFF; }

#main
.btn.btn-date { border: 1px solid #E2E2E2;
  background-color: #FFF;
  border-radius: 3px;
  padding: 7px 12px; display: block;
  font-size: 15px;
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  background-color: #FFF;
  text-align: left;
  }

#main .btn-group > .btn-group:not(:last-child) > .btn,
#main .btn-group > .btn.dropdown-toggle-split:first-child,
#main .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#main
.btn.btn-date:before {
	position: absolute;
	display: block;
	font-size: 16px;
	content: "\e472";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	right: 10px;
	color: #666;


}

#main .btn-group > .btn-group:not(:first-child) > .btn,
#main .btn-group > .btn:nth-child(n+3),
#main .btn-group > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-check:active + .btn:focus, .btn-check:checked + .btn:focus, .btn.active:focus, .btn.show:focus, .btn:active:focus {
	box-shadow: none;
}



.ico-pp-holder.pp-gold { color: #CCC124; }
.ico-pp-holder.pp-bronze { color: #CD7F32; }
.ico-pp-holder.pp-silver { color: #C0C0C0; }


.dropdown-person-select .ico-pp-holder { color: #CCC124; font-size: 24px; }


.terrain-green { color: #198754; font-size: 11px; margin: 0 1px; }
.terrain-blue { color: #0d6efd; font-size: 11px; margin: 0 1px; }
.terrain-black { color: #000000; font-size: 11px; margin: 0 1px; }



#main .btn-group-sm .btn:not(.read-more) {
    padding: 3px 15px;
    font-size: 12px;

}


#main a { text-decoration: none; }


#main  {
	padding-top: 10px;
	padding-bottom: 60px;
	background-color: #F3F3F3;
	font-size: 14px;
}

.modal { font-size: 14px; }

footer a {
	text-decoration: none;
}



.navbar-toggler-icon { background:none; }
.navbar-toggler { border: none; }
.navbar-toggler:focus { box-shadow: none; }

.navbar-shop .navbar-left { width: 65%; }
.navbar-shop .navbar-left li { width: 100%; }
.navbar-shop .navbar-left i { margin-right: 5px; }



.navbar-shop .navbar-full { width: 100%; }
.navbar-shop .navbar-full li { width: 100%; }
.navbar-shop .navbar-fyll i { margin-right: 5px; }



.navbar-shop { padding: 6px 7px; margin-bottom: 0; }


.navbar-shop .navbar-right i { font-size: 18px; color: var(--red); }
.navbar-nav.navbar-right {flex-direction:row;}


.navbar-shop .badge {
	height: 16px;
	width: 16px;
	line-height: 16px;
	padding: 0;
	text-align: center;
	border-radius: 50%;
	font-size: 10px;
	position: absolute;
	top: -3px;
	right: -1px;
}

.left-nav #profile .nav {
	padding-top: 0;
}
.left-nav #profile {
	border-top: 1px solid #EBEBEB;
}

.left-nav #profile .nav .nav-link {
	padding: 3px 10px;
}

.left-nav .navbar-shop .nav-item:not(:last-child) {
	margin-bottom: 0;
}


.left-nav > .card:first-child + br { display: none; }
.left-nav > .card:first-child  { margin-bottom: 10px; }






.left-nav .card { box-shadow: none; }
.left-nav .nav { padding: 10px 7px; }
.left-nav .nav-item .nav-link { position: relative; color: #333; padding: 6px 10px; }
.left-nav .nav-item .nav-link:hover, .left-nav .nav-item.active > .nav-link { color: #28bcdc; background-color: #f3f3f9; border-radius: 5px; }
.left-nav .nav-item .nav-link[aria-expanded="false"]::after { content: ""; display: inline-block; width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 320 512'%3E%3Cpath d='M320 240L160 384 0 240l0-48 320 0 0 48z' fill='%23333'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; margin-left: 5px; }
.left-nav .nav-item .nav-link[aria-expanded="true"]::after { content: ""; display: inline-block; width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 320 512'%3E%3Cpath d='M0 272L160 128 320 272v48H0V272z' fill='%23333'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; margin-left: 5px; }

.left-nav .nav-item:not(:last-child) { margin-bottom: 5px; }
.left-nav .nav-item:not(:last-child) .nav-link:after { content: ""; display: none; height: 1px; background-color: #f3f3f9; margin-top: .5rem;}

.left-nav .nav-item .nav { padding: 0; }
.left-nav .nav-item .nav .nav-link { color: #666;  padding: 6px 10px 6px 20px; font-size: 90%; }



.left-nav > .card.card-mini-stats { margin-bottom: 10px; }
.left-nav > .card.card-mini-stats .card-header { background-color: var(--red); color: #FFF; text-align: center; padding-top: 6px; padding-bottom: 6px; font-size: 14px; }
.left-nav > .card.card-mini-stats .card-footer { background-color: #CFF4FC; text-align: center; color: #04414d;; font-size: 13px; text-align: center; padding-top: 5px; padding-bottom: 5px; font-weight: 600;  }


.left-nav > .card.card-left-nav { margin-bottom: 10px; }



.left-nav > .card-admin-privileges { margin-bottom: 10px; padding: 10px 12px; }

.left-nav .nav-item .nav-link .hidden-to-public { color: rgb(132, 20, 25); position: absolute; right: 8px; top: 8px; }


.left-nav .nav-item .terrain-green, .left-nav .nav-item .terrain-blue, .left-nav .nav-item .terrain-black  {
	font-size: 10px !important;
}



@media only screen and (max-width : 767px) {
	.left-nav > .card:first-child { margin-bottom: 5px; }
	.left-nav > .card.card-mini-stats { margin-bottom: 5px; }
	.left-nav > .card-admin-privileges { margin-bottom: 5px; }
}




.top-right-col-content {  }
@media only screen and (max-width : 767px) {
	.top-right-col-content .alert { margin-bottom: 5px; padding: 10px 15px; }
}



.nav-pills[role="tablist"] .nav-item { margin-right: 8px; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: var(--blue);
}
.nav-pills .nav-link {
    background-color: #FFF;
}

.nav-pills .nav-link {
    line-height: 1.2;
}

.nav-pills .nav-link small {
    line-height: 1.1;
    opacity: 0.7;
}

.nav-link {
	color: var(--blue);
}

.form-check-input:checked {
	background-color: var(--blue);
	border-color: var(--blue);
}







.card.styled-header .card-header {
    border:none;background-color:#13687C; color: #FFF;
}




.shop-nav .row { margin-left: -6px; margin-right: -6px; }
.shop-nav .row > div { padding-left: 6px; padding-right: 6px;  }
.shop-nav .item { margin-bottom: 15px; }

.shop-nav .card-img-top { aspect-ratio: 16/7; }


.shop-nav .price-bubble { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; position: absolute; z-index: 2; left: 0; top: 0; right: 0; padding: 10px;  }
.shop-nav .price-bubble .subhead { display: inline-block; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; color: var(--blue);  }
.shop-nav .price-bubble .head { display: inline-block; font-size: 130px; line-height: 1; font-weight: 700; letter-spacing: -10px; padding-right: 15px;  }
.shop-nav .price-bubble .head sup { display: inline-block; font-size: 30%; top: -1.5em; margin-right: 10px;  }
.shop-nav .price-bubble .med-text { display: inline-block; font-weight: 500; letter-spacing: 1.2px; line-height: 1.2; font-size: 12px; color: #FFF;  }
.shop-nav .img-container { overflow: hidden; display: block; position: relative;  }
.shop-nav .price-bubble { background-color: var(--red); width: 110px; height: 110px; border-radius: 50%; left: auto; right: -10px; top: auto; /*top: 100px;*/ bottom: -25px; z-index: 2; justify-content: center;  padding-bottom: 30px;  }

.shop-nav .price-bubble.top { top: -35px; bottom: auto; padding-top: 50px;  }
.shop-nav .price-bubble .subhead { color: #FFF; line-height: 1; font-size: 9px;  }
.shop-nav .price-bubble .head { color: #FFF; font-size: 34px; letter-spacing: -1px; padding-right: 5px;  }
.shop-nav .price-bubble .head sup { margin-right: 5px;  }


.shop-nav .hidden-to-public { position: absolute; display: block; color: #FFF; line-height: 24px; width: 24px; height: 24px; border-top-right-radius: 5px; text-align: center; background-color: rgb(132, 20, 25); font-size: 12px; bottom: 0; }


@media only screen and (min-width : 768px) {
	.shop-nav .item > .desktop-view { height: 100%; }
	.shop-nav .item .card { border-radius: 8px 8px 0 0; display: flex; flex-direction: column; }
	.shop-nav .item .card-header { border-bottom: none; /*flex: 1; display: flex; align-items: center; justify-content: center;*/ }

	.shop-nav.shop-nav-dashboard .mobile-view { display: none; }
	.shop-nav.shop-nav-dashboard .desktop-view { display: flex; }

	.shop-nav.shop-nav-tickets .mobile-view { display: none; }
	.shop-nav.shop-nav-tickets .desktop-view { display: flex; }

}


@media only screen and (max-width : 767px) {
	.shop-nav.shop-nav-dashboard {
		padding-top: 25px;
	}

	.shop-nav .row { margin-left: -4px; margin-right: -4px; }
	.shop-nav .row > div { padding-left: 4px; padding-right: 4px;  margin-bottom: 10px; }
	.shop-nav .row > div > div { height: 100%;}

	.shop-nav.shop-nav-dashboard .item { margin-bottom: 8px; }
	.shop-nav.shop-nav-dashboard a { height: 100%; width: 100%; display: block; text-align: center; padding: 17px 4px; background: rgba(255,255,255,1); border-radius: 5px; }
	.shop-nav.shop-nav-dashboard .icon { display: block; text-align: center; height: 32px; margin-bottom: 8px; display: flex; align-items: flex-end; justify-content: center; }
	.shop-nav.shop-nav-dashboard .icon svg { height: 100%; width: auto; fill: rgba(22, 123, 145, 0.6); }
	.shop-nav.shop-nav-dashboard .title { display: block; text-align: center; font-size: 12px; line-height: 1.3; color: #000; padding-top: 5px; }
	.shop-nav.shop-nav-dashboard .sub-title { display: block; text-align: center; font-size: 12px; line-height: 1.3; color: rgba(22, 123, 145, 0.6); padding-top: 8px; }
	.shop-nav.shop-nav-dashboard .row > div { flex: 0 0 auto;  width: 33.33333333%;}

	.shop-nav.shop-nav-dashboard .mobile-view { display: flex; }
	.shop-nav.shop-nav-dashboard .desktop-view { display: none; }

	.shop-nav.shop-nav-tickets .mobile-view { display: none; }
	.shop-nav.shop-nav-tickets .desktop-view { display: flex; }
	.shop-nav.shop-nav-tickets .row > div { flex: 0 0 100%; width: 100%;  }



}






.ruby-banner {
	display: block;
	background-image: url('/images/banners/ruby-banner-for-website-v2-optimized.jpg');
	background-size: cover;
	width: 100%;
	padding-top: 20.4%;
	position: relative;
	margin-bottom: 10px;
}
.ruby-banner .content {
	position: absolute;
	top: 0; left: 0;
	height: 100%; width: 100%;
	display: flex;
	align-items: center;
	padding-left: 15px;

}

.ruby-banner h3 {
	color: #FFF;
	font-weight: 600 !important;
	font-size: 24px !important;
	text-shadow: -2px 2px 2px rgba(0,0,0,0.6);
    max-width: 63%;
}
.ruby-banner h3.small {
    font-size: 18px !important;
}

.ruby-banner #date-counter { display: block;color: #FFF; font-size: 18px; 	text-shadow: -2px 2px 2px rgba(0,0,0,0.6); }


@media (max-width: 767px)  {
	.ruby-banner .content {
		padding-left: 10px;
	}

	.ruby-banner h3 {
		color: #FFF;
		font-size: 18px !important;
	}

	.ruby-banner h3.small {
		font-size: 14px !important;
	}
}






form .card {
	margin-bottom: 15px;
}

.card-header:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.card {
	background-color: #FFF;
	border-radius: 8px;
	border: none;

	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.10);

}
.card-header {
	color: var(--red);
	background-color: #FFF;
	font-weight: 400;
	font-size: 15px;
	padding: 12px 12px;
	border-bottom-color: #EBEBEB;
}



.card-header h5 {
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 0;
	color: #333;
}

.card-header h6 {
	font-weight: 400;
	font-size: 15px;
	margin-bottom: 0;
	color: #333;
}

.card.card-profiles .card-header h6 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.card-footer {
	background-color: #EBEBF4;
	background-color: #FFF;
	border-top-color: #EBEBEB;
	padding: 12px 12px;
}

.card-body {
	color: #666;
	padding: 25px 12px;
	position: relative;
}

.card-body.card-body-no-padding {
	padding: 0;
}

.card-body h3 {
	font-size: 17px;
	font-weight: 500;
}

.card-body h4 {
	font-size: 17px;
	font-weight: 500;
}

.card-body > *:last-child { margin-bottom: 0; }

.card.card-profiles {
	height: 100%;
}


.card.card-profiles .card-header {
	height: auto;
}
.card.card-profiles .card-body {
	padding: 12px 12px;
	min-height: 0;
}

.card.card-profiles .card-body .list-group label {
	display: block;
	font-weight: 600;
}

.card.card-profiles .card-img-top {
	height: 200px !important;
	object-fit: cover;
}

.card.card-profiles .btn-remove {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 10px;
}


.card.card-profiles .card-footer {
	padding: 6px 16px;
}

.card.card-profiles .card-footer  {
	padding: 0;
	border-top: none;
}

#main .card.card-profiles .card-footer .btn-default {
	display: block;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-color: #13697C;
	background-color: #13697C;
	color: #FFF;
	padding-top:6px;
	padding-bottom:6px;
}


.card.card-profiles .card-footer .btn-danger,
		.card.card-profiles .card-footer .btn-info,
		.card.card-profiles .card-footer .btn-warning,
		.card.card-profiles .card-footer .btn-success {
	display: block;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding-top:6px;
	padding-bottom:6px;
}


.card.card-profiles .card-footer .btn.btn-success {
	display: block;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-color: #414549;
	background-color: #414549;
}

.card-body strong, .card-body b {
	font-weight: 600;
	color: #444;
}

.card-body .card-text.card-limit-text {
	 max-height: 200px;
	 overflow: hidden;
}
.card-body .card-text.card-limit-text::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 80px;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 15%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 15%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 15%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.card-body .card-text *:last-child {
	margin-bottom: 0;
}






.card.product-tile-condensed {

}


.card.product-tile-condensed .card-body {
	padding: 10px 12px;
	min-height: 0;
}

.card.product-tile-condensed .card-footer {
  padding: 0;
  border-top: none;
}

#main .card.product-tile-condensed .card-footer .btn-default {
  display: block;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: #13697C;
  background-color: #13697C;
  color: #FFF;
  padding-top: 6px;
  padding-bottom: 6px;
}



#accordion .card-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 12px 15px 27px 15px;
}
#accordion .card-footer .btn {
	margin: 15px 7.5px 0 7.5px;
}
.card-footer:last-child {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.cropped-img { width: 100%; object-fit: cover; aspect-ratio: 16/9; }

#accordion .card {
	margin-bottom: 15px;
}
#accordion .card-header {
	border-bottom: none;
	padding: 0;
	background-color: #555;
}
#accordion .card-header h5 .btn-link {
	color: #FFF;
	font-weight: 400;
	font-size: 15px;
	display: block;
	padding: 0;
	padding: .75rem 2.75rem .75rem 1.25rem;
	width: 100%;
	text-align: left;
	position: relative;
	text-decoration: none;
}





.card-header h5, .card-header h5 a {
	font-weight: 400;
	font-size: 15px;
	color: #121214;
}
.card-header h5 a {
	display: block;
}


.card-header h5 a span {
	display: block;
	padding-top: 5px;
	color: #777;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
}

.card-header h5 a span.badge {
	color: #FFF;
	font-size: 13px;
	display: inline-block;
	padding: 3px 12px;
	line-height: 15px;
}

#accordion .card-header h5 .btn-link:hover,#accordion .card-header h5 .btn-link:focus {
	text-decoration: none;
}
#accordion .card-header h5 .btn-link:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z' fill='%23FFF'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: all 0.2s ease;
}
#accordion .card-header h5 .btn-link[aria-expanded="true"]:after {
	transform: rotate(180deg);
}
#accordion .card-header + .collapse.show {
	border-top: solid 3px #f8f8f8;
}
#accordion .card-body {
	font-size: 14px;
}
#accordion .card-body .btn + .btn {
	margin-left: 15px;
}

.alert .lwd-error {
	position: relative;
	float: right;
	margin-right: -15px;
	margin-top: -10px;
	margin-left: 10px;
	font-size: 12px;

}

.accord {
	position: relative;
}

.accord .faq.card {
	border-radius: 0;
	border: none;
	border-bottom: solid 1px #eee;
	margin-bottom: 0;
}

.accord .faq .card-header {
	border-radius: 0;
	border: none;
	background-color: #FFF;
	position: relative;
	padding: 15px 20px;
}
.accord .faq .card-header::after {

	content: "\f078";
	display: block;
	position: absolute;
	right: 20px;
	top: 12px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size: 21px;
	color: #73899d;

}

.accord .faq .card-header.active:after {
	content: "\f077";
}

.accord .faq .card-header h3 {
	margin-bottom: 0;
	font-size: 20px;
	color: #090909;
}


.accord .faq .card-header h3 a {
	display: block;
}

.accord .faq .card-header h3 a .fas {
	display: inline-block;
	width: 24px;
	text-align: center;
	margin-right: 5px;
}










.product-list { margin-bottom: 0; list-style-type: none; padding-left: 0; }


.cr-slider {
	width: 100% !important;
}



.nav-tabs { .border-bottom: 1px solid #DEE2E6; margin-bottom: 15px; }
.nav-tabs .nav-item .nav-link { border: none; background:transparent; color: #999; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border-bottom: 1px solid #BA0D16; color: #495057; }







.dashboard-blocks {  }

.dashboard-blocks .item a { border: 1px solid #FFF; border-radius: 5px; display: flex; height: 160px; background-color: #FFF; margin-bottom: 30px; flex-direction: row-reverse; padding: 0 30px; transition: all 0.25s; }

.dashboard-blocks .item a:hover { text-decoration: none; border: 1px solid #BA0D16; background-color: #F9F9F9;  }

.dashboard-blocks .item a .left { flex: 0 0 75%; margin-bottom: auto !important; margin-top: auto !important; padding-right: 25px; }
.dashboard-blocks .item a .right { flex: 0 0 25%; margin-bottom: auto !important; margin-top: auto !important; text-align: center }
.dashboard-blocks .item a .right i { font-size: 50px; color: #BA0D16; }

.dashboard-blocks .item a .title { color: #BA0D16; font-size: 22px; display: block; }
.dashboard-blocks .item a .description { color: #666; font-size: 16px; font-weight: 300; display: block; line-height: 1.1; }




.family-blocks { margin-left: -10px; margin-right: -10px; }
.family-blocks > .item { padding-left: 10px; padding-right: 10px;  }
.family-blocks .item .inner { border: 1px solid #FFF; border-radius: 5px; height: 380px; background-color: #FFF; margin-bottom: 30px;  padding: 15px 15px; transition: all 0.25s; display: flex; flex: 0 0 100%; flex-direction: column; justify-content: space-between; }
.family-blocks .item .inner h3 { color: #BA0D16; font-size: 18px; display: block; margin-bottom: 20px; font-weight: 400; }
.family-blocks .item .inner .btn-remove { color: #666; float: right; line-height: 16px; margin-left: 10px; border: none; background: none; padding: 5px; margin: 0 -5px 0 0; cursor: pointer;}

.family-blocks .item .inner p { color: #666; font-weight: 200; font-size: 14px; line-height: 1; margin-bottom: 15px; }

.family-blocks .item .inner label { font-weight: 400; color: #333; margin-bottom: 5px; display: block; }
.family-blocks .item .inner .ticket-photo { width: 60px; height: auto; }
.family-blocks .item .inner .btn { border-radius: 5px; }








.breadcrumb { text-align: center; background-color: #FFF; margin-bottom: 0; display: block; padding: 12px 15px; border-radius: 5px; }
.right-content .breadcrumb { text-align: left; }

.right-content nav + br { display: none; }
.right-content nav { margin-bottom: 15px; }

.breadcrumb li { display: inline-block; }
.breadcrumb li a { color:   var(--bs-breadcrumb-item-active-color); text-decoration: none; }
.breadcrumb-item + .breadcrumb-item:before {
	display: inline-block;
	color: #6c757d;
	opacity: 0.2;
	content: "\f054";
	font-family: "Font Awesome 5 Pro";
}

/*.right-content .row .card { height: 100%; }*/



.right-content > .row {
	margin-left: -6px;
	margin-right: -6px;
}

.right-content > .row > div {
	padding-left: 6px;
	padding-right: 6px;
}



.profile-select-list { list-style-type: none; margin: 0 0 15px 0; padding: 0; display: block; }
.profile-select-list li { display: block; margin-bottom: 15px; }

.profile-select-list li a { display: flex; justify-content: space-between; background-color: #FFF; border-radius: 5px; height: 50px; border: 1px solid #FFF; transition: all 0.25s; }
.profile-select-list li a:hover { text-decoration: none; border: 1px solid #BA0D16; background-color: #F9F9F9;  }

.profile-select-list li .thumb { width: 50px; position: absolute; height: 48px !important; background-color: #CCC;  border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

#main .profile-select-list li img { height: 100%; width: 100%; object-fit: cover; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.profile-select-list li .name { display: flex; color: #666; margin-left: 65px; font-weight: 300; margin-top: auto; margin-bottom: auto; }
.profile-select-list li .price { display: flex; color: #000; float: right;  margin-top: auto; margin-bottom: auto; padding-right: 15px;  }
.profile-select-list li .name .badge.bg-danger { color: #FFF; line-height: 1; font-weight: 300; padding: 3px 5px; display: inline-block; }





.row.profile-list { margin-left: -4px; margin-right: -4px; }
.row.profile-list > div { padding-left:4px; padding-right: 4px; margin-bottom: 8px; }

.row.profile-list a { display: flex; opacity: 0.6; justify-content: space-between; height: 48px; background-color: #FFF; border-radius: 5px; height: 50px; border: 1px solid #FFF; transition: all 0.25s; }
.row.profile-list a:hover { text-decoration: none; border: 1px solid #BA0D16; background-color: #F9F9F9;  }

.row.profile-list .thumb { width: 50px; position: absolute; height: 48px !important; background-color: #CCC;  border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.row.profile-list img { height: 100% !important; width: 100% !important; object-fit: cover; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.row.profile-list .name { display: flex; color: #666; margin-left: 65px; font-weight: 300; margin-top: auto; margin-bottom: auto; }


.row.profile-list a.active { opacity: 1; border: 1px solid #E2E2E2;  }

.row.profile-list a.active .name { color: #000; }



.person-select-list  { display: block; max-width: 330px; margin: 0; list-style-type: none;  padding: 0; margin-bottom: 12px; }
.person-select-list li { margin-top: 5px; }

.person-select-list a { border: 1px solid #01659f; border-radius: 5px; display: flex;  flex-wrap: wrap; flex-direction: row; }
.person-select-list a .price {  justify-content: center; align-items: center; background-color: #01659f; display: flex; flex: 0 0 auto; max-width:60px; text-align: center; padding: 5px 10px; color: #FFF; }
.person-select-list a .name {   padding: 5px 10px; display: flex; flex: 0 0 auto; max-width: calc(100% - 100px); flex-direction: column; }
.person-select-list a:hover { background-color: #F3F3F3;  }




.product-select-list { list-style-type: none; margin: 0 0 15px 0; padding: 0; display: block; }
.product-select-list li { display: block; margin-bottom: 15px; }

.product-select-list li a {  display: flex; text-decoration: none; background-color: #FFF; border-radius: 5px; min-height: 40px; border: 1px solid #FFF; transition: all 0.25s; }
.product-select-list li a:hover { text-decoration: none; border: 1px solid #BA0D16; background-color: #F9F9F9;  }


.product-select-list li .product-title { display: inline-block; color: #666; padding-left: 15px; font-weight: 300; margin-top: auto; margin-bottom: auto; }

.product-select-list li .product-title label { margin-bottom: 0; font-weight: 400; cursor: pointer; }
.product-select-list li .product-title p { margin-bottom: 5px; }

.product-select-list li.admin-only a { background-color: #FCF8E4; }


.product-select-list li .price { display: inline-block; color: #999; width: 110px; padding-left: 15px; font-weight: 300; margin-top: auto; margin-bottom: auto; }
.product-select-list li .title { display: inline-block;  color: #666;  font-weight: 300; margin-top: auto; margin-bottom: auto; }




.product-select-list li .alert a { display: inline; background-color: transparent; border-radius: none; min-height: 0px; border: none; }





.wtp-select-list .alert {
    padding-left: 10px; padding-right: 10px;
}


.wtp-select-list { list-style-type: none; margin: 0 0 15px 0; padding: 0; display: block; }
.wtp-select-list li { display: block; margin-bottom: 8px; }

.wtp-select-list li a {  display: flex; text-decoration: none; background-color: #FFF; border-radius: 5px; min-height: 50px; border: 1px solid #FFF; transition: all 0.25s; }
.wtp-select-list li a:hover { text-decoration: none; border: 1px solid #BA0D16; background-color: #F9F9F9;  }

.wtp-select-list li .thumb { display: flex; width: 50px; flex-shrink: 0;  max-width: 50px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;  }
.wtp-select-list li .thumb img { height: 100%; width: 100%; object-fit: cover;  border-top-left-radius: 3px; border-bottom-left-radius: 3px;  }

.wtp-select-list li .wtp-title { display: block; flex: 1;color: #000; font-weight: 500; line-height: 1.2; padding-left: 10px; font-weight: 300; margin-top: auto; margin-bottom: auto; }
.wtp-select-list li .balance { color: #666; font-size: 12px; }

.wtp-select-list li .wtp-title .badge {
    margin-top: 5px;
    margin-bottom: 5px;
}
.wtp-select-list li .wtp-title .badge.bg-removed { color: #FFF; background-color: #911616; font-size: 12px; }
.wtp-select-list li .wtp-title .badge.bg-replaced { color: #FFF; background-color: #167b91; font-size: 12px; }

.wtp-select-list li .badges { display: flex; width: 80px; justify-content: flex-end; align-items: center; padding-right: 8px; }
.wtp-select-list li .badges .badge { display: inline-block; height: auto; }




.wtp-select-list li .wtp-title label { margin-bottom: 0; font-weight: 400; cursor: pointer; }
.wtp-select-list li .wtp-title p { margin-bottom: 5px; }

.wtp-select-list li.admin-only a { background-color: #FCF8E4; }


.wtp-select-list li .price { display: inline-block; color: #999; width: 110px; padding-left: 15px; font-weight: 300; margin-top: auto; margin-bottom: auto; }
.wtp-select-list li .title { display: inline-block;  color: #666;  font-weight: 300; margin-top: auto; margin-bottom: auto; }




.wtp-select-list li .alert a { display: inline; background-color: transparent; border-radius: none; min-height: 0px; border: none; }




/* form customization */
/*
form label { display: inline-block; z-index:2; position: relative; margin-bottom: 0; background-color: #FFF; font-weight: 400; padding: 0 .25rem; transform: translate(.5rem,10px); line-height: 1; color: #BA0D16; }
form .form-control { border-radius: 0; height: calc(2.25rem + 6px); }
*/

form label { display: inline-block; z-index:2; position: relative; margin-bottom: 0; background-color: #FFF; font-weight: 400; padding: 0 .25rem;  line-height: 1; color: #5e5873; font-size: .857rem; }
form .form-control {}


.form-control {
	border: 1px solid #E2E2E2;
	background-color: #FFF;
	border-radius: 3px;
	padding: 7px 12px;
}

.card form .form-control, form .card .form-control {
    font-size: 13px;
    background-color: #F6F6F6;
    border-color: #F1F1F1;
    padding: .375rem .75rem;
}




.doc-uploader.box {
    background-color: #F6F6F6;
    border-color: #F1F1F1;
    padding: .375rem .75rem;
}


.table { background-color: #FFF; }
.table th { background-color: var(--blue); color: #FFF; border-top: none; font-weight: 400; }

.table.table-chip-card-list td { vertical-align: middle; }
#main .table.table-chip-card-list .btn.btn-edit { padding: 3px 10px; border-radius: 0; padding: 3px 10px; font-size: 13px; }
#main .table.table-chip-card-list .btn.btn-remove { padding: 3px 10px; border-radius: 0; padding: 3px 10px; font-size: 13px; }
#main .table.table-chip-card-list .btn.btn-restore { padding: 3px 10px; border-radius: 0; padding: 3px 10px; font-size: 13px; }
.table.table-chip-card-list .person-thumb { height: 30px;  width: 30px; object-fit: cover; margin-right: 6px; vertical-align: middle; }
.table.table-chip-card-list .wtp-thumb { height: 30px;  width: 30px; object-fit: cover; margin-right: 6px; vertical-align: middle; }


.table.table-order-list {  }
.table.table-order-list .badge.bg-light { margin-bottom: 2px; background-color: #F9F9F9 !important; padding: 4px 8px; font-size: 13px; border: 1px solid #EEE; }



/* Pricing Table */
		.table.table-pricing {  }
		.table.table-pricing thead th { line-height: 1.2; }
		.table.table-pricing th.sold-out { color: rgba(255,255,255, 0.85); font-weight: 100; }
		.table.table-pricing td.sold-out { color: #858585; font-weight: 100; }
		.table.table-pricing th, .table.table-pricing td { font-size: 13px; }
		.table.table-pricing td { vertical-align: middle; }

		.table.table-pricing .badge { font-weight: 400; }

		.table.table-pricing td { padding: 0.35rem 0.5rem; }

		.table.table-pricing tfoot td { border-bottom: 0; }
		.table.table-pricing tfoot td small {  line-height: 1.4; display: block; color: #666; }

/* EO Pricing Table */



.image-uploader { margin: 0px auto; }

.image-uploader  .btn[id^='image-uploader-'] { margin: 0px auto; }





.message-list h5 { font-size: 14px; font-weight: 500;  padding-top: 8px; }
.message-list .badge { font-size: 11px; }



.notification-list { list-style-type: none; margin: 0 0 15px 0; padding: 0; display: block; }
.notification-list li { display: block; margin-bottom: 15px; }

.notification-list li a {  display: flex; background-color: #FFF; border-radius: 5px; min-height: 40px; border: 1px solid #FFF; transition: all 0.25s; }
.notification-list li a:hover { text-decoration: none; border: 1px solid #BA0D16; background-color: #F9F9F9;  }


.notification-list li .product-title { display: inline-block; color: #666; padding-left: 15px; font-weight: 300; margin-top: auto; margin-bottom: auto; }

.notification-list li .product-title label { margin-bottom: 0; font-weight: 400; cursor: pointer; }
.notification-list li .product-title p { margin-bottom: 5px; }

.notification-list li.admin-only a { background-color: #FCF8E4; }


.notification-list li .price { display: inline-block; color: #999; width: 110px; padding-left: 15px; font-weight: 300; margin-top: auto; margin-bottom: auto; }
.notification-list li .title { display: inline-block;  color: #666;  font-weight: 300; margin-top: auto; margin-bottom: auto; width: 100%; }

.notification-list li .alert a { display: inline; background-color: transparent; border-radius: none; min-height: 0px; border: none; }

.notification-list .icon {
	color: #f7ef00;
	margin-right: 10px;
}






.ring {
    display:block;
    width: 18px;
    height: 18px;
    font-size: 16px;

    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}


.new-notifications {
    display:block;
    width: 18px;
    height: 18px;
    font-size: 16px;

    color: #9e9e9e;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }

    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }

    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
}

@keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }

    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
}




.cart-item-lifespan { background-color: var(--red); color: #FFF; font-size: 12px; padding: 5px 10px; border-radius: 3px; display: inline-block; }

#cart_contents .cart-item-lifespan { float: right; margin-left: 15px; }
@media only screen and (max-width : 767px) {
	#cart_contents .cart-item-lifespan { float: none; margin-left: 0px; margin-bottom: 10px; }
}


.upcoming-maintenance { text-align: center; background-color: var(--red); color: #FFF; padding: 15px 20px; display: block; }

.upcoming-maintenance p:last-of-type { margin-bottom: 0; }



.header-time-remaining { text-align: center; background-color: #167b91; color: #FFF; padding: 15px 20px; display: block; text-decoration: none; margin-top: -9px; }
.header-time-remaining .cart-item-lifespan { margin-left: 15px; }

.header-time-remaining:hover { color: #FFF;  }




.checkout-form input[type="checkbox"] {flex: 0 0 30px;}






.list-group.list-group-people { }
.list-group.list-group-people .list-group-item { display: flex; }
.list-group.list-group-people .img { height: 29px; width: 30px; }
.list-group.list-group-people .img img { position: aboslute; margin-left: -16px; margin-top: -8px; height: calc(100% + 16px) !important; max-width: 200px !important; width: auto !important; }


.list-group.flex-tickets-list-group .list-group-item.header {
	border-color: var(--blue);
	background-color: var(--blue);
	color: #FFF;
}

@media (max-width: 767px)  {
    .list-group.flex-tickets-list-group .row > div {
        margin-bottom: 10px;
    }
    .list-group.flex-tickets-list-group .row > div:last-of-type {
        margin-bottom: 0;
    }
    .list-group.flex-tickets-list-group .btn {
    }
}

.gift-icon-holder {
	display: inline-block;
	width: 14px;
	height: 14px;
	position: relative;
}

.list-group.flex-tickets-list-group .list-group-item .fa-gift {
	position: absolute;
}

.list-group.flex-tickets-list-group .list-group-item.temp-highlight .fa-gift {
 /*animation: FadeInTempHighlight 1.75s ease-in-out forwards;*/
	animation: FadeInTempHighlight 1.75s ease-in-out forwards;
	left: -10000px;
}

@keyframes FadeInTempHighlight {
	0%  { left: -10000px; }
    100%  { left: 0px; }
}

.jingle {
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;

}



.lwd-calendar {  }
.lwd-calendar header { position: relative; margin-bottom: 15px; }
.lwd-calendar header .month { font-size: 22px; line-height: 1.1; margin: 0; padding: 0; text-align: center; }
.lwd-calendar header .month .year { font-size: 14px; }

.lwd-calendar header .btn-prev-next { color: #CCC; position: absolute; top: 5px; line-height: 30px; text-align: center; width: 32px; height: 32px; border: 2px solid #CCC; border-radius: 50%; }
.lwd-calendar header .btn-prev-next:hover { color: #FFF; background-color: #CCC; }
.lwd-calendar header .btn-prev { left: 0; }
.lwd-calendar header .btn-next { right: 0; }





.lwd-calendar table { width: 100%; }
.lwd-calendar table thead th { text-align: center; font-weight: 400; font-size: 18px; }
.lwd-calendar table tbody td { text-align: center; padding-top: 6px; padding-bottom: 6px; }

.lwd-calendar table tbody td .day { cursor: not-allowed; color: #CBD1D2; border: 2px solid #FFF; border-radius: 50%; display: inline-block; width: 42px; height: 42px; line-height: 38px; text-align: center;  }
.lwd-calendar table tbody td .today { border-color: #EEE; }
.lwd-calendar table tbody td .day.has-event { cursor: pointer; color: #545A5C; position: relative; }
.lwd-calendar table tbody td .day.has-event:hover { border-color: #6691CC; }

.lwd-calendar table tbody td .day .operations { display: block; height: 10px; position: absolute;  bottom: 17px;  left: 0;  right: 0; }
.lwd-calendar table tbody td .day .operations > i {  padding: 0 2px; font-size: 6px; line-height: 10px; opacity: 0.6; }
.day-operations { color: #346eeb;}
.night-operations { color: #E8C917; }












.lwd-calendar-large {  }
.lwd-calendar-large header { position: relative; margin-bottom: 15px; }
.lwd-calendar-large header .month { font-size: 22px; line-height: 1.1; margin: 0; padding: 0; text-align: center; }
.lwd-calendar-large header .month .year { font-size: 14px; }

.lwd-calendar-large header .btn-prev-next { color: #CCC; position: absolute; top: 5px; line-height: 30px; text-align: center; width: 32px; height: 32px; border: 2px solid #CCC; border-radius: 50%; }
.lwd-calendar-large header .btn-prev-next:hover { color: #FFF; background-color: #CCC; }
.lwd-calendar-large header .btn-prev { left: 0; }
.lwd-calendar-large header .btn-next { right: 0; }


.lwd-calendar-large header .btn-prev-next i { line-height: 30px; }


.lwd-calendar-large table { width: 100%; }
.lwd-calendar-large table thead th { text-align: center; font-weight: 400; font-size: 18px; width: 14.28%; }
.lwd-calendar-large table tbody td { text-align: center; border: 1px solid #EEE; height: 80px; padding: 0; }

.lwd-calendar-large table tbody td .day-of-month { display: block; text-align: center; padding: 3px 3px 10px 3px; font-size: 12px; }


.lwd-calendar-large table tbody td .day { cursor: not-allowed; width: 100%; height: 100%; border: none; border-radius: 0; }
.lwd-calendar-large table tbody td .today { border-color: #EEE; }

.lwd-calendar-large table tbody td .day { cursor: pointer; color: #D1D1D1; position: relative; line-height: 1.3; }
.lwd-calendar-large table tbody td .day:hover { border-color: #FDE2E4; background-color: #FDE2E4; color: #333; }
.lwd-calendar-large table tbody td .day.has-event { cursor: pointer; color: #545A5C; position: relative; }
.lwd-calendar-large table tbody td .day.has-event:hover { border-color: #E6F4E9; background-color: #E6F4E9; }




.lwd-calendar-large table tbody td .day .badge.price span { background-color: rgba(0,0,0,0.15); display: inline-block; text-align: center; position: absolute; top:0px; left: -6px; line-height: 16px; height: 16px; width: 16px; margin-right: 8px; border-radius: 50%; margin-left: 6px; }
.lwd-calendar-large table tbody td .day .badge.price  { padding-left: 20px; position: relative; padding-right: 8px;}


@media only screen and (max-width : 500px) {
    .card-body .lwd-calendar-large table {
        margin-left: -12px; width: calc(100% + 12px);
	}
	.lwd-calendar-large table thead th { font-size: 14px; }
	.lwd-calendar-large table .save-text { font-size: 11px; }


}

.lwd-calendar-large table tbody td .day .operations { display: block; height: 10px; position: absolute;  bottom: 17px;  left: 0;  right: 0; }
.lwd-calendar-large table tbody td .day .operations > i {  padding: 0 2px; font-size: 6px; line-height: 10px; opacity: 0.6; }







.weekly-calendar-container {
    min-height: 461px;
}
.weekly-calendar-container tbody td {
	height: 35px;
	padding: 0px 0px;
	vertical-align: middle;
}
.weekly-calendar-container .date-option.selected {
	font-weight: bold;
	color: green;
}
.weekly-calendar-container td, .weekly-calendar-container th {
    text-align: center;
}
.weekly-calendar-container th small {
	display: block; font-size: 11px; line-height: 1;
}

.weekly-calendar-container .next-week {
	float: right;
}
.weekly-calendar-container .prev-week {
	float: left;
}


.table-weely-view .badge { padding-top: 10px; padding-bottom: 10px; padding-left: 2px; padding-right: 2px; display: block; text-align: center; }
.table-weely-view .badge.disabled { cursor: not-allowed; user-select: none;   }

.table-weely-view .badge.bg-light { color: #666; font-weight: 200; }

.table-weely-view { margin-left: -15px; width: calc(100% + 30px); }

.table-weely-view.table > :not(caption) > * > * {
	border-bottom: none;
	padding-top: 6px;
	padding-left: 6px; padding-right: 6px;
}



.alert.bg-danger {
	color: #FFF;
}











.table-age-groups {
	font-weight: 300;
}













@media only screen and (min-width : 998px) {
	.card.card-login .card-body {
		padding-top: 0;
		padding-bottom: 0;
	}

	.card.card-login .right {
		border-left: 2px solid #F3F3F9;
	}
	.card.card-login .left {
		padding: 60px 60px;
	}

	.card.card-login .right {
		padding: 60px 40px;
	}
	.card.card-login .right {
		text-align: center;
	}

}

@media only screen and (min-width : 768px) and (max-width : 997px) {
	.card.card-login .card-body {
		padding-top: 0;
		padding-bottom: 0;
	}

	.card.card-login .right {
		border-left: 2px solid #F3F3F9;
	}
	.card.card-login .left , .card.card-login .right {
		padding: 30px 30px;
	}

	.card.card-login .right {
		text-align: center;
	}

}



@media only screen and (max-width : 767px) {
	.card.card-login .left {
		padding: 10px 30px 40px 30px;
	}

	.card.card-login .right {
		padding: 40px 30px 30px 30px;
		text-align: center;
	}

	.card.card-login .right {
		border-top: 2px solid #F3F3F9;
	}
}







.card-product-list .table.table-pricing {
}

.card-product-list .table.table-pricing th, .card-product-list .table.table-pricing td {
	font-size: 12px;
}


.card-product-list .table.table-pricing th {
	line-height: 1.2;
}

.card-product-list .table.table-pricing tbody tr {
	border-bottom-color: #E9E9E9;
}


.card-product-list .table.table-pricing tbody tr:last-of-type {
	border-bottom: #FFF;
}




.card-product-list.card-tiny-table .table.table-pricing th, .card-product-list.card-tiny-table .table.table-pricing td {
	font-size: 11px;
}

.card-product-list.card-tiny-table .table > :not(caption) > * > * {
	padding: 4px 4px;
}



.pricing-table-container {
	width: calc(100% + 24px);
	margin-left: -12px;

}






.card-product-list .price-bubble {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	right: 0;
	padding: 10px;
}
.card-product-list .price-bubble .subhead {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	color: var(--blue);
}
.card-product-list .price-bubble .head {
	display: inline-block;
	font-size: 130px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: -10px;
	padding-right: 15px;
}
.card-product-list .price-bubble .head sup {
	display: inline-block;
	font-size: 30%;
	top: -1.5em;
	margin-right: 10px;
}


.card-product-list .price-bubble .med-text {
	display: inline-block;
	font-weight: 500;
	letter-spacing: 1.2px;
	line-height: 1.2;
	font-size: 12px;
	color: #FFF;
}

.card-product-list a.img-container {
	overflow: hidden;
	display: block;
	position: relative;
}
.card-product-list .price-bubble {
	background-color: var(--red);
	width: 110px;
	height: 110px;
	border-radius: 50%;
	left: auto;
	right: -10px;
	top: auto;
	/*top: 100px;*/
	bottom: -25px;
	z-index: 2;
	justify-content: flex-start;
	padding-top: 30px;
}


.card-product-list .price-bubble.top {
	top: -35px;
	bottom: auto;
	padding-top: 50px;
}


.card-product-list .price-bubble .subhead {
	color: #FFF;
	line-height: 1;
	font-size: 9px;
}
.card-product-list .price-bubble .head {
	color: #FFF;
	font-size: 34px;
	letter-spacing: -1px;
	padding-right: 5px;
}
.card-product-list .price-bubble .head sup {
	margin-right: 5px;
}
.card-product-list .card-header,
.card-product-list .card-body {
	position: relative;
	z-index: 3;
	background-color: #FFF;
}



.card-product-list a {
	position: relative;
}

.card-product-list .employee-discount-bar {
	background-color: #198754;
	color: #FFF;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 4px 10px;
	text-align: center;
}



.card-product-list .price-bar {
	background-color: var(--red);
	color: #FFF;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 4px 10px;
	text-align: center;
}

.card-product-list .card-footer {
	padding: 8px 12px;
}


.card .person-bar {
	background-color: #198754;
	color: #FFF;
	position: absolute;
	top: 0;
	width: 100%;
	padding: 4px 10px;
	text-align: center;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}



.card .featured-product {
	background-color: #198754;
	color: #FFF;
	position: absolute;
	top: 0;
	width: 100%;
	padding: 4px 10px;
	text-align: center;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


@media only screen and (min-width : 998px) {
	.card.card-promo .card-body {
		padding-top: 0;
		padding-bottom: 0;
	}

	.card.card-promo .right {
		border-left: 2px solid #F3F3F9;
	}
	.card.card-promo .left {
		padding: 60px 35px;
	}

	.card.card-promo .right {
		padding: 60px 35px;
	}
	.card.card-promo .right {
		text-align: center;
	}

}



@media only screen and (max-width : 991px) {
	.card.card-promo .left {
		padding: 10px 30px 40px 30px;
	}

	.card.card-promo .right {
		padding: 40px 30px 30px 30px;
		text-align: center;
	}

	.card.card-promo .right {
		border-top: 2px solid #F3F3F9;
	}
}

@media only screen and (max-width : 767px) {
	.card-body {
		min-height: 1px;
	}
}



@media (min-width: 1400px) {
	.left-nav { width: 22%;  }
	.right-content { width:78%; padding-left: 0; }
}



@media (min-width: 768px)  and (max-width: 991px) {
	.left-nav { width: 30%; }
	.right-content { width:70%; }
}


/* hours */
.hours { margin: 0; background: none; }
.hours > tbody > tr:last-child > th, .hours > tbody > tr:last-child > td { border-bottom: none; }
.hours > tbody > tr > th, .hours > tbody > tr > td { padding: .75rem; background: none; color: #212529; }
.hours > tbody > tr > th { font-weight: 700; }

.modal {
	--bs-modal-zindex: 2147483645;
}
.modal-backdrop {
	--bs-backdrop-zindex: 2147483640;
}



.list-group-item-action.active {
    background-color: #E2E6E9;
    color: #000;
    border-color: var(--bs-list-group-border-color);
}





#main .dropdown-person-select { border: 1px solid #E2E2E2; background-color: #FFF; border-radius: 3px; margin-bottom: 15px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; }
#main .dropdown-person-select .thumb { height: 24px; width: 24px; position: absolute; text-align: center; }
#main .dropdown-person-select .thumb img { height: 100%; width: 100%; object-fit: cover;}
#main .dropdown-person-select .name { display: flex; align-items: center; margin-left: 35px; height: 24px; line-height: 24px; color: #333; font-size: 14px; font-family: "Poppins", sans-serif; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; }
#main .dropdown-person-select a.btn { display: block; text-align: left; width: 100%; }
#main .dropdown-person-select ul {  width: 100%; }

#main .dropdown-person-select a.btn, #main .dropdown-person-select a.dropdown-item { padding: 6px 12px;  }

#main .dropdown-person-select .person-add {  border-bottom: 1px solid #E2E2E2; }
#main .dropdown-person-select .person-add .thumb i { color: #008000; }



#main .dropdown-ticket-type-select { border: 1px solid #E2E2E2; background-color: #FFF; border-radius: 3px;  padding: 0; margin-bottom: 12px; margin-bottom: 15px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; }
#main .dropdown-ticket-type-select .thumb { height: 24px; width: 24px; position: absolute; }
#main .dropdown-ticket-type-select .thumb img { height: 100%; width: 100%; object-fit: cover;}
#main .dropdown-ticket-type-select .name { display: block; line-height: 24px; color: #333; font-size: 14px; font-family: "Poppins", sans-serif; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; }
#main .dropdown-ticket-type-select a.btn { display: block; text-align: left; width: 100%; }
#main .dropdown-ticket-type-select ul {  width: 100%; }

#main .dropdown-ticket-type-select a.btn, #main .dropdown-ticket-type-select a.dropdown-item { padding: 6px 12px;  }


#main .form-select {
	border: 1px solid #E2E2E2;
	background-color: #FFF;
	border-radius: 3px;
	padding: 7px 12px;
}
#main .service-list .badge {
	--bs-badge-font-size: 13px;
}


.navbar.navbar-profile {
	padding-top: 0; padding-bottom: 0; margin-bottom: 0;
}



@media (max-width: 768px) {
	.navbar.navbar-profile .nav-tabs {
		flex-wrap: nowrap;

	}
	.navbar.navbar-profile li {
		align-self: flex-end;
		text-align: center;
		line-height: 1.1;
	}

	.navbar.navbar-profile .nav-tabs .nav-link {
		padding-left: 5px; padding-right: 5px;
	}

}








ul.avatars {
    margin: 0 -4px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
}

ul.avatars li {
    margin: 0px;
    padding: 0 4px;
    flex: 0 0 auto;
 	flex: 1 0 12.5%;
    max-width: 12.5%;
    position: relative;
}

@media (max-width: 570px) {
    ul.avatars li {
     	flex: 1 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 571px) and (max-width: 1023px) {
    ul.avatars li {
     	flex: 1 0 16.667%;
        max-width: 16.667%;
    }
}


ul.avatars li input {
    opacity: 0; position: absolute;

}
ul.avatars li img {
    width: 100%;
    height: auto;
}

ul.avatars  .checkmark {
    display: none;
    position: absolute;
    top: -2px;
    right: -2px;
    color: rgb(25, 135, 84);
    font-size: 22px;
}



ul.avatars label {
    border: 2px solid #E2E2E2;
  background-color: #FFF;
  border-radius: 5px;
  padding: 6px 0 0 0;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  text-align: center;
  margin-bottom: 8px;
    position: relative;
}

ul.avatars .avatar-check:checked + label {
    border-color: rgb(25, 135, 84);
}

ul.avatars .avatar-check:checked + label .checkmark {
    display: inline;
}



