/* ============================================= */
/* common.css — Consolidated CSS              */
/* Generated: 2026-03-27                            */
/* ============================================= */


/* === Source: calendar/calendar.css === */

/* Common */
.hidden-fields {
	display: none;
}

.cleardiv {
	clear: both;
}

.loading {
	text-align: center;
	margin: 130px 0;
}

.ts-events-calendar {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Bar */
.events-calendar-bar {
	margin-top: 20px;
}

.events-calendar-bar .bar-btn.active {
	background: #999999;
}

.events-calendar-bar .bar-btn {
	color: #fff;
    background: #757575;
    padding: 3px 10px 3px 28px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    border: 0;
    margin-right: 10px;
	line-height: 26px;
	cursor: pointer;
	display: inline-block;
	position: relative;
}

.events-calendar-bar .bar-btn:hover {
	background: #999999;
}

.events-calendar-bar .back-calendar {
	padding: 3px 10px 3px 22px;
	margin-right: 0;
	float: right !important;
}

.events-calendar-bar .bar-btn i {
	position: absolute;
	left: 10px;
}

.events-calendar-bar .calendar-view i {
	top: 7px;
}

.events-calendar-bar .list-view i {
	top: 9px;
}

.events-calendar-bar .back-calendar i {
	top: 9px;
}

/* Calendar */
.ts-calendar .calendar-table {
	table-layout: auto;
	box-sizing: content-box;
	border-right: 0;
}

.ts-calendar .calendar-table th, .ts-calendar .calendar-table td {
	border-bottom: none;
	border-right: none;
	padding: 8px;
}

.ts-calendar .calendar-btn span {
	font-size: 14px;
	color: #fff;
}

/* Tooltip */
.calendar-day-event {
	position: relative;
}

.calendar-day-event .ts-event-tooltip {
	position: absolute;
    z-index: 9999;
    width: 180px;
    left: 50%;
	margin: 0 0 0 -100px;
    bottom: 35px;
    background: #f5f5f5;
    opacity: 0;
	border: 1px solid #cccccc;
	box-shadow: 0 0 5px 2px rgba(145,145,145,.35);
    border-radius: 6px;
	pointer-events: none;
	padding: 10px;
	text-align: left;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.calendar-day-event .ts-event-tooltip::before, .calendar-day-event .ts-event-tooltip::after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.calendar-day-event .ts-event-tooltip::after {
	border-color: rgba(245, 245, 245, 0);
	border-top-color: #f5f5f5;
	border-width: 8px;
	margin-left: -8px;
}

.calendar-day-event .ts-event-tooltip::before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #cccccc;
	border-width: 9px;
	margin-left: -9px;
}

.calendar-day-event .ts-event-tooltip .event-tooltip-item {
	border-bottom: 1px dotted #666;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.calendar-day-event .ts-event-tooltip .event-tooltip-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.calendar-day-event .ts-event-tooltip .event-time {
	display: inline-block;
	font-size: 12px;
	color: #fff;
    background: #757575;
    padding: 0 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    margin-bottom: 5px;
	line-height: 22px;
}

.calendar-day-event .ts-event-tooltip .event-time i {
	margin-right: 5px;
}

.calendar-day-event .ts-event-tooltip .event-name {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 6px;
	color: #999999;
}

.calendar-day-event .ts-event-tooltip .event-image  img {
	width: 100%;
	margin-bottom: 6px;
	border: 1px solid #EEE;
}

.calendar-day-event .ts-event-tooltip .event-intro {
	font-size: 14px;
}

.event-name a {
	color:var(--card-body) !important;
}


/* === Source: custom.css === */

/*****************************************
	Ticketscene Green is #004225 
*****************************************/


/********************************************
	basic items
********************************************/

body {
  background-color:var(--grey-white);
  overflow-x: hidden;
  padding-top: 70px;
  font-size: 14px !important;
}

h1{
	font-size: 26px !important;
	font-weight: 700 !important;
}

h2{
	font-size: 22px !important;
}

h3{
	font-size: 20px !important;
}

p, .btn{
	font-size: 15px !important;
}

p, div, a, h1, h2, h3, h4, h5, section {
	font-family: 'Roboto', sans-serif !important;
	font-weight:400;
	letter-spacing:0.5px;
}

h1,h2,h3,h4,h5,h6 {
	color:var(--green-primary);
}

a {
	color:var(--green-primary);	
}

input[type="range"] {
  accent-color: var(--green-primary);
}

/********************************************
	Main Navigation - Header
********************************************/

#navigation {
	background-color: var(--grey-white) !important;
	margin-bottom: 10px;
}

.smaller_h2{
	font-size: 20px !important;
}

.ticketscene {
	background-color: rgba(var(--green-primary),0.25);
	padding:15px;
	margin-bottom:20px;
}

.ticketscene > .label {
	color:var(--white) !important;
	
}

.alert-ticketscene{
	background-color: var(--green-light);
	border-color: var(--green-lighter);
}

/*
.alert-ticketscene{
	background-color: rgb(16 185 129/.1);
	border-color: rgb(16 185 129/.3);
	color: rgb(167 243 208);
	Color-Darker: rgb(52 211 153/.8);
}
*/
.dropdown-menu {
	z-index:11111 !important;
}

#mobile-timer {
	float:right;
	margin-top:15px;
}

/* This only works with JavaScript, 
	if it's not present, don't show loader */
	.no-js #loader { display: none;  }

.js #loader { display: block; position: absolute; left: 100px; top: 0; }

.se-pre-con {
		position: fixed;
		left: 0px;
		top: 0px;
		right:0px;
		bottom:0px;
		z-index: 9999;
		background: url(/_images/motif2.gif) center no-repeat var(--white);
	}

.header-top {
		border-bottom: 1px solid #d1d5dd;
	}

.header-links li {
		display:inline-block !important;
	}

.top10-header {
		display:block !important;
	}

.badge-danger, .badge-info, .badge-warning, .badge-success {
	color:var(--white) !important;
}

.badge-danger {
	background-color:#d9534f !important;
}

.badge-info {
	background-color:#5bc0de !important;
}

.badge-warning {
	background-color:#f0ad4e !important;
}

.badge-success {
	background-color:#5cb85c !important;
}

.badge.badge-muted {
	background-color:#aaaaaa !important;
	color:#eeeeee !important;
}

.ages {
	color:#cc9900;
	font-size:12pt;
}

.media {
  margin-top: 30px !important;
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.alert-danger a {
	font-weight:bold;
	color:rgb(169, 68, 66);
	text-decoration:underline;
}

.profile-photo {
	margin:-20px;
}

.profile-photo img {
	width: 100%;
}

.identicon {
	color:#cccccc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 	
		-5px -5px 5px 0px red,
		-5px 0px 5px 0px magenta,
		-5px 5px 5px 0px blue,
		5px -5px 5px 0px yellow, 
		5px 0px 5px 0px green, 
		5px 5px 5px 0px cyan;
}

.identicon-M {
	box-shadow: 	
		0px 0px 5px 0px #4dafe4,
}

.right-border{
	border-right: 1px solid var(--grey-pentadic);
}

.digital td{
	padding-left: 5px;
	padding-right: 5px;
}

.digital th{
	padding-left: 5px;
	padding-right: 5px;
}

ul.leaders {
    padding: 0;
    overflow-x: hidden;
    list-style: none}

ul.leaders li:before {
    float: left;
    width: 0;
	line-height:3rem;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
}

ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white;
}

ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white;
}

.order-rows{
	background-color:#c2dbb9 !important;
	color:#3c763d !important;
	
}

.order-header-rows th{
	background-color:#dff0d8 !important;
	color:#3c763d !important;
	border-bottom: 2px solid #3c763d !important;
	border-top: 1px solid #3c763d !important;
	
}

.inactive {
	border:2px solid #DC393C;
	margin:0px !important;
}

.inactive::before {
	width:100%;
	content: "Live updates paused due to inactivity";
	text-align:center;
	color:#ffffff;
	background-color:#DC393C;
	margin-bottom:10px;
}

option:hover {
  background-color: #87a698; 
}

input:focus,select:focus,textarea:focus {
	border:2px solid #87a698 !important;
}

input:focus,select:focus,textarea:focus,.btn:hover {
	outline: 0 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(var(--black),.075),0 0 80px rgba(var(--green-lighter),.6) !important;
	box-shadow: inset 0 1px 1px rgba(var(--black),.075),0 0 80px rgba(var(--green-lighter),.6) !important;
}

.wbox-header, .wbox-footer {
	background-color:var(--green-primary);
	padding:10px;
}

.wbox-header h3, .wbox-footer h3 {
	margin:0px;
	padding:0px;
}

.wbox-header *, .wbox-footer *  {
	color:var(--white) !important;
}

.wbox-header {
	margin:-20px -20px 20px -20px;
}

.wbox-footer {
	padding:20px 30px;
	margin:20px -20px -20px -20px;
}

.ico_spinner {
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#event-details hr {
	margin-top:5px !important;
	margin-bottom:5px !important;
	color:#999999;
}

tr.flagged td {
	background-color:#cc0000 !important;
}

tr.flagged:hover td {
	background-color:#ee3333 !important;
}

tr.flagged td, tr.flagged a {
	color:var(--white) !important;
}

a.sell-button {
	background: var(--green-primary);
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: block;
	color: var(--white);
	font-size: 20pt;
	text-align: center;
	border: 2px solid #5b6d31;
	margin-bottom: 20px;
	margin-left:-5px;
	margin-right:-5px;
}

a.sell-button span {
	font-size: 11pt;
	display: block;
	margin-top:-5px;
}

.wbox {
	padding:20px;
	background: var(--white);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
	-webkit-box-shadow: 0 1px 15px rgba(var(--black),0.1);
	-moz-box-shadow: 0 1px 15px rgba(var(--black),0.1);
	box-shadow: 0 1px 15px rgba(var(--black),0.1);
	min-height: 100px;
	margin-bottom:30px;
	margin-left:-5px;
	margin-right:-5px;
	/* margin-top: -30px; */
}

.promoter-header {
	border: none;
	-webkit-box-shadow: 0 1px 5px rgba(var(--black),0.15);
	-moz-box-shadow: 0 1px 5px rgba(var(--black),0.15);
	box-shadow: 0 1px 5px rgba(var(--black),0.15);
	width:100%;
}

nav {
		-moz-box-shadow: 0 4px 4px rgba(var(--black), 0.4);
		-webkit-box-shadow: 0 4px 4px rgba(var(--black), 0.4);
		box-shadow: 0 4px 4px rgba(var(--black), 0.4);
	}

.navbar {
		margin-bottom:0px !important;
	}

.navbar {
		border-radius:0px !important;
	}

.nav > li > a:focus, .nav > li > a:hover2 {
		text-decoration: none;
		background-color: var(--grey-green) !important;
	}

.navbar-nav > li > .dropdown-menu2 {
		background-color:var(--grey-green);
	}

.navbar-fixed-top{
		background-color: var(--green-primary) !important;
	}

.navbar-toggler{
		border: none;
		box-shadow: none !important;
	}

.navbar-toggler > .icon-bar{
		color: var(--white) !important;
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		margin-top: 4px;
	}

.dropdown-menu > li > a2 {
		color: var(--white);
		text-decoration: none;
	}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover2 {
		color: var(--white);
		background-color: #69726d;
	}

.social-icon {
		background: #999999;
		color: var(--white);
		height: 30px;
		width: 30px;
		line-height: 30px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		margin: 0px 3px;
	}

.social-icon:hover {
		color:var(--white);
	}

.footer {
		display: block;
		width: 100%;
		padding: 38px 0;
		color:#acacac;
		background-color: #252525;
		border-top: 8px solid #999999;
	}

.footer .footerLink h5 {
		color: #DDDDDD;
		text-transform: uppercase;
		margin-bottom: 13px;
	}

.footer .footerLink ul li a {
		color: #acacac;
		line-height: 20px;
		text-decoration: none;
	}

.copyright {
		display: block;
		width: 100%;
		padding-top:10px;
		background-color: #101010;
		color: #acacac;
		line-height:30px;
	}

.copyright a {
		color:#d9d9d9;
		text-decoration: none;
	}

/* Small devices (tablets, 768px and under) */
	@media (max-width: 767px) {
		.text-center-sm {
			text-align: center !important;
		}
	}

#SearchParameters.in,
	#SearchParameters.collapsing {
		display: block!important;
	}

#top_10.in,
	#top_10.collapsing {
		display: block!important;
	}

.navbar-inverse .navbar-toggle {
		border: none !important;
		color:var(--white) !important;
	}

.big-cover-box{
		position:relative;
	}

.big-cover-box .infor{
		background:#f7f7f7;
		display:flex;
		padding:8px 8px 0 8px;
	}

.big-cover-box .infor .container{
		padding:15px 22px;
	}

@media (min-width: 1200px){
		.big-cover-box .infor .container{
		width:990px;
	}
	
	}

@media (max-width: 767px){
		.big-cover-box .infor .container{
		padding:15px 10px;
		
		}
		#event-title {
			border:none !important;
		}
		#event-date div {
			display:inline-block !important;
			border:none !important;
			float:left;
		}
		
	}

.big-cover-box .infor .container span{
		color:#434a48;
		display:inline-block;
		font-size:16px;
		font-weight:800;
	}

.big-cover-box .big-cover{
		position:relative;
		overflow:hidden;
		height:400px;
		top:100px;
	}

.big-cover-box .big-cover .big-cover-crop{
		padding:20px;
		position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		/*background-color:var(--green-primary);*/
	}

.event-offset {
		margin-top:-380px;	
	}

@media (max-width: 420px){
		.big-cover-box .big-cover .big-cover-crop {
			padding:20px 10px;
		}
	}

.nav-social-icons li a {
		padding-left:5px !important;
		padding-right:5px !important;
	}

.big-cover-box .big-cover .big-cover-crop .big-cover-bg{
		position:absolute;
		top:-50px;
		left:-50px;
		bottom:-50px;
		right:-50px;
	}

/* BS5 event detail page layout fixes */
.big-cover-box {
  overflow: hidden;
  position: relative;
}

.big-cover-box > .row {
  display: block;
}

.big-cover-box .big-cover.col-12 {
  float: left;
  padding: 0 15px;
  width: 100%;
}

.big-cover-box .infor {
  position: relative;
  z-index: 2;
}

.big-cover-box .big-cover {
  z-index: 1;
}

.container.page-content > .row {
  display: block;
}

.container.page-content .col-12.event-offset {
  float: left;
  width: 100%;
}

.event-offset > .row {
  display: flex;
  flex-wrap: wrap;
}

.event-offset .col-md-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.event-offset .col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.Top_10_thumbnail {
		width: 40px;
		height: 40px;
		clip: rect(0px, 40px, 40px, 0px);
		overflow: hidden;
		border: 1px solid #ececec;
		margin-right:5px;
	}

.Top_10_Number {
		font-size: 14pt;
		text-align: center;
		color: var(--grey-green);
		width:40px;
		height:40px;
		line-height:40px;
		float:right !important;
	}

.Top_10_text {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		min-width: 0;
		font-size: 10pt;
		color: var(--green-primary);
		line-height:20px;
	}

.Top_10_link {
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
	}

.Top_10_link:hover {
		background-color:#eeeeee;
	}

#top_10 .list-group-item:hover {
		background-color:#eeeeee;
	}

nav {
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}

.navbar-default {
	border:none !important;
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.navbar-default .navbar-nav>li>a {
  font-weight: bold;
}

.navbar-dark .navbar-nav .nav-link {
  color: #ffffff !important;
  font-weight: bold;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #ffffff !important;
  opacity: 0.85;
}

.mega-dropdown {
  position: static !important;
  width: 100%;
}

.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
  color: var(--grey-green);
  font-size: 18px;
  font-weight: bold;
}

.mega-dropdown-menu form {
  margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}

/********************************************
	Buttons
********************************************/
.btn-round {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.btn-faded {
	opacity:.5;
}

.btn-link {
	color:var(--green-primary);
}

.btn-form { /*Style for big button on submit forms*/
  position: fixed;
  bottom: 20px;
  z-index:99;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-left:-15px;
}

.btn-quick > strong {
	font-size:.8em;
	font-weight:700;
	text-transform: uppercase;
}

.btn-bold, .btn-bold:hover {
	background-color:var(--green-primary);
	color:var(--white);
}

.btn-facebook, .btn-google,.btn-facebook:hover, .btn-google:hover {
	color: white;
}

.btn-facebook {
	background: #3B5998;
}

.btn-google {
	background: #dd4b39;
}

.btn-header {
	background-color:var(--green-primary) !important;
	color:var(--white) !important;
	border:none !important;	
}

.btn-default, .btn-default:hover {
	color:var(--green-primary);
}

#btn-search {
	background-color:transparent;
	margin-left: -50px;
	z-index: 100;
	border: none;
}

/******************************************/


/********************************************
	Event Styles
********************************************/

#event-title * {
	color:var(--white);
}

.event-selected {
  border-color: var(--green-tertiary-hover);
  background-color: var(--green-tertiary-hover);
  color: var(--white);
}

.event-selected h5{
  color: var(--white);
}

#event-title h4 {
	color:var(--white);
}

.payby_d {background-color:var(--grass-green-secondary) !important;text-transform:uppercase;}

.payby_c {background-color:var(--yellow) !important;text-transform:uppercase;}

.payby_e {background-color:var(--gender-non-binary) !important;text-transform:uppercase;}

.payby_p {background-color:var(--blue-border) !important;color:var(--white);text-transform:uppercase;}

#page-content-wrapper {padding:0px !important}

.tr_success td {
	color: var(--green-tertiary);
}

.tr_error td {
	color: var(--red-primary);
}

.tr_highlighted td {
	background-color:#e7f2d2 !important;
	font-weight:bold;
}

.counters {
	font-size:14pt;
	font-weight:bold;
}

/* margin-top */
.mt-20 { margin-top:20px !important}

.mt-15 { margin-top:15px !important}

.mt-10 { margin-top:10px !important}

.mt-5 { margin-top:5px !important}

/* margin-bottom */
.ml-20 { margin-bottom:20px !important}

.ml-15 { margin-bottom:15px !important}

.ml-10 { margin-bottom:10px !important}

.ml-5 { margin-bottom:5px !important}

/* margin-right */
.mr-20 { margin-left:20px !important}

.mr-15 { margin-left:15px !important}

.mr-10 { margin-left:10px !important}

.mr-5 { margin-left:5px !important}

/* [DUPLICATE REMOVED] /* margin-right */
.mr-20 { margin-left:20px !important}... */
/* [DUPLICATE REMOVED] .mr-15 { margin-left:15px !important}... */
/* [DUPLICATE REMOVED] .mr-10 { margin-left:10px !important}... */
/* [DUPLICATE REMOVED] .mr-5 { margin-left:5px !important}... */
/* [DUPLICATE REMOVED] /* margin-bottom */
.ml-20 { margin-bottom:20px !important}... */
/* [DUPLICATE REMOVED] .ml-15 { margin-bottom:15px !important}... */
/* [DUPLICATE REMOVED] .ml-10 { margin-bottom:10px !important}... */
/* [DUPLICATE REMOVED] .ml-5 { margin-bottom:5px !important}... */
#clock {
	padding-top:10px;
	color:var(--white);
	font-size:18pt;
}

.ui-tooltip {
	box-shadow:none !important;
	position:relative !important;
	z-index:1000000;
}

.tooltip-inner {
    background-color: #296048;
    box-shadow: 0px 0px 4px var(--green-primary);
    opacity: 1 !important;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #296048 !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #296048 !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #296048 !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #296048 !important;
}

.manage_links a {
	color:#999999;
	text-decoration:none;
	margin-right:20px;
	font-size:8pt;
}

.manage_links {
	margin-top:10px;
}

@media print {
    body{
		padding-top:0px !important;
	}
	a:link:after,
    a:visited:after {
        content: "" !important;
    }
	
	.navbar, .mainbar, .footer {
		display:none;
	}
	.no-print, .no-print *
    {
        display: none !important;
    }
}

@keyframes slide {
  0% {
    left: 0;
    top: 0;
  }
  50% {
    left: 0px;
    top: -25px;
  }
  100% {
    left: 0;
    top: 0;
  }
}

.venue-buttons-holder {
  position: relative;
}

.venue-buttons:active .btn{
  animation-play-state: paused;
}

.venue-desc {
	padding: 10px 20px;
	margin: 0px -20px;
	background-color: var(--grey-white);
	border-bottom: thin solid var(--grey-tertiary);
	border-top: thin solid var(--grey-tertiary);
}

.venue-logo {
	width:100px;
	margin-right:20px;
	float:left;
}

.venue-logo img {
	width:100%;
}

.venue-logo-social {
	margin-bottom:20px;
}

.venue-social {
	float:left;
	margin-top: -10px;
}

.venue-social div {
	margin-top: -10px;
	margin-bottom:15px;
}

.button-bounce .btn{
  animation: slide 1s ease-in-out .5s alternate;
}

/*Bigger Check Boxes*/
.big-boxes {
  transform: scale(2, 2);
  margin:15px;
}

.checkbox input[type=checkbox].event-check-box {
  transform:scale(2, 2); 
  margin:15px;
  float:left;
}

.camping-check-box {
  transform:scale(2, 2); 
  float:left;
}

.is-camping {
  border: 2px solid #47a447;;;
}

.small-left-margin {
  margin-left:0.5%;
}

.none-left-padding {
  padding-left:0px;
}

.none-right-padding {
  padding-right:0px;
}

/*.checkbox-column {
  width: 10%;
}*/
.table-striped tbody tr.event-selected:nth-child(odd) td {
   border-color: #47a447;
   background-color: #47a447;
}

.table-striped tbody tr.event-selected:nth-child(even) td {
   border-color: #47a447;
   background-color: #47a447;
}

/*Style for growable widget list*/
.widget-list ul {
  margin: 0; 
  padding: 0; 
  list-style-type: none;
}

.conditions-fieldset {
  padding: 10px 10px 10px 10px;
}

.condition-btn-hidden {
  display:none;
}

.modal-errors {
  background-color: #F3EBEB;
  border-color: #A94442;
}

.modal-title {
	color:#fff !important;
}

.modal-header {
	background-color: var(--blue-border);
}

.close {
	color:#fff !important;
}

.modal2 {
	background: url("/_images/motif2.gif") no-repeat 200px center;
}

.attribute-fields{
  padding-bottom: 1.5%;
}

/*li.variation-input{
  margin-bottom: 2.5%;
}*/
.widget-list li{
  margin-bottom: 1.5%;
  list-style-type: none;
  position: relative;
  border-left: 10px solid var(--green-primary); 
  padding: 30px;
  background-color: #fefefe;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(var(--black),0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(var(--black),0.75);
  box-shadow: 0px 0px 5px 0px rgba(var(--black),0.75);
}

.close-button {
  margin-bottom: 10%;
  margin-right: -5%;
  margin-top: -5%;
  margin-left: 5%;
}

/* Line up the text editor toolbar icons on addons modify page  */

#formAddOn ul.wysihtml5-toolbar li {
	display: inline;
	margin-right: 20px;
}

#formAddOn ul.wysihtml5-toolbar {
	padding-left: 0;
}

@media (max-width: 767px) {
  .collapsed-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .collapsed-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .collapsed-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .collapsed-lg {
    display: none !important;
  }
}

.well {
	background-color:#f7f9f8;
	border: 1px solid #ecf1ef;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

.switch-text {
	display:inline !important;
	position:absolute !important;
	margin-left:5px !important;
	font-weight:normal !important;
  	cursor: pointer !important;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: var(--green-primary);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--green-primary);
}

input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 22px;
}

.slider.round:before {
  border-radius: 50%;
}

.slide-image {
    width: 100%;
}

.carousel-holder {
    margin-bottom: 30px;
}

.carousel-control,
.item {
    border-radius: 4px;
}

.caption {
    height: 130px;
    overflow: hidden;
}

.caption h4 {
    white-space: nowrap;
}

.thumbnail img {
    width: 100%;
}

.ratings {
    padding-right: 10px;
    padding-left: 10px;
    color: #d17581;
}

.thumbnail {
    padding: 0;
}

.thumbnail .caption-full {
    padding: 9px;
    color: #333;
}

footer {
    margin: 50px 0;
}

.cart-timer {
        font-size: 16px;
        border-radius: 5px;
		padding:5px 20px;
		color:var(--white);
    }

#mobile-timer span.cart-timer {
		font-size:16px !important;
		padding:5px 10px !important;
	}

.timer-green{
		background-color:var(--green-primary) !important;
	}

.timer-lime{
		background-color:#b8bc05 !important;
	}

.timer-yellow{
		background-color:#ffcc00 !important;
	}

.timer-orange{
		background-color:#ff6600 !important;
	}

.timer-red{
		background-color:#cc0000 !important;
	}

@keyframes blink {
    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
      opacity: .2;
    }
    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    50% {
      opacity: 1;
    }
    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    100% {
      opacity: .2;
    }
}

body.modal-open .modal-blur {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}

#mobile-footer {
	background-color:#333333;
	margin-top:30px;
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	border-top: 5px solid #999999;
}

#mobile-footer ul {
	display:table;
	width:100%;
	margin:0px;
	padding:0px;
}

#mobile-footer li {
	width: auto;
	display:table-cell;
	border-right:1px solid #444444;
}

#mobile-footer a {
	display:block;
	padding:20px;
	color:var(--white) !important;
	text-align:center;
}

.count {
	display:inline-block;
	position:absolute;
	margin-top:-6px;
	margin-left:-15px;
	text-indent: 0;
	width: 2em;
	height: 2em;
	line-height: 2em;
	box-sizing: content-box;
	font-size: .75em;
	border-radius: 100%;
	border: 2px solid #333333;
	background-color:#7E923C;
	color:var(--white);
	font-weight:bold;
}

#navigation a.active,
#navigation a:hover,
#navigation a:focus {
	border-bottom:none !important;
}

ul.dropdown-cart{
    min-width:250px;
}

ul.dropdown-cart li .item{
    display:block;
    padding:3px 10px;
    margin: 3px 0;
}

ul.dropdown-cart li .item:hover{
    background-color:#f3f3f3;
}

ul.dropdown-cart li .item:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.dropdown-cart li .item-left{
    float:left;
}

ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info{
    float:left;
}

ul.dropdown-cart li .item-left span.item-info{
    margin-left:10px;   
}

ul.dropdown-cart li .item-left span.item-info span{
    display:block;
}

ul.dropdown-cart li .item-right{
    float:right;
}

ul.dropdown-cart li .item-right button{
    margin-top:14px;
}

.navbar-toggle {
	float:left;
	margin-right:0px;
	border:none !important;
	color:var(--white);
}

.icon-bar {
	background-color:var(--white) !important;	
}

.navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus  {
	background-color:transparent !important;
}

.secure-connection {
	background-color:var(--green-primary);
	color:var(--white);
	text-align:center;
	padding:10px;
	font-size:11pt;
}

.secure-connection a {
	color:var(--white) !important;
	margin-left:10px;
}

.badge-success {
	color: var(--white) !important;
	background: var(--green-primary) !important;
}

.badge {
	margin-left: 5px;
}

.navbar-default .navbar-nav > li > a {
	color: var(--white);
	padding: 7px 10px 0px 10px;
	display: block;
	text-decoration: none;
}

#covid-19 a {
	color:var(--green-primary);
}

#covid-19 .panel-body {
	color:var(--green-primary);
}

#event_details p {
    font-size:11pt !important;
    lineheight:16pt !important;
}

::-moz-selection { /* Code for Firefox */
 color:var(--white) !important;
 background:var(--green-primary) !important;
}

::selection {
 color:var(--white) !important;
 background:var(--green-primary) !important;
}

/* Calendars ************************************************/

.Calendar {
	width:100%;
	background-color:var(--grey-white);
	margin-bottom:20px !important;
}

.Calendar tbody {
	margin-top:3px;
	padding:5px;
	border-top:3px transparent;
}

.Calendar td, .Calendar th {
	line-height:200%;
	padding:5px;
	text-align:center;
}

.CalendarMonth {
	background-color:var(--green-primary);
	color:var(--white);
	text-align:center;
	font-weight:700;
}

.CalendarDay {
	color:var(--green-primary);
	text-align:center;
}

.CalendarHasEvents{
	text-align:right;
	font-weight:700;
}

.CalendarHasEvents a{
	Color:var(--green-primary);
	font-weight:bold;
}

td.CalendarHasEvents {
	border:1px solid var(--white);
	border-radius:4px;
	margin:2px;
	background:var(--green-light);
}

.CalendarNoEvents{
	color:var(--green-primary);
	opacity:.75;
}

.CalendarDateHasPassed {
	background-color:var(--grey-tetradic);
	color:var(--grey-pentadic);
	opacity:.75;
}

.CalendarToday {
	background-color:var(--green-primary);
	color:var(--white);
}

/* [DUPLICATE REMOVED] .CalendarToday {
	background-color:var(--green-primary);
	color:var(--white);
}... */
.Calendar td:hover {
	stransform:scale(120%);
}

.calendar-header .date {
    border-radius: 10px;
    color: var(--white);
    height: 45px;
    padding-top: 5px;
    text-align: center;
    width: 100%;
}

.calendar-header .date .prev {
    border-right: 1px solid var(--white);
    left: 0px;
}

.calendar-header .date .next {
    border-left: 1px solid var(--white);
    right: 0px;
}

.calendar-header .date .prev, .calendar-header .date .next {
    background: none repeat scroll 0% 0% transparent;
    border: medium none;
    display: block;
    height: 50px;
    position: absolute;
    top: 0px;
    width: 50px;
	color:var(--white);
}

/* Cities Header ************************************************/

.cities a {
	color:var(--white);
}

/* [DUPLICATE REMOVED] .manage_links a {
	color:#999999;
	text-decoration:none;
	margin-right:20px;
	fo... */
/* [DUPLICATE REMOVED] .manage_links {
	margin-top:10px;
}... */
.price_level {
	border:1px solid #eeeeee;
	padding:15px;
	margin:10px 0px;
	background-color:#fcfcfc;
}

.price_level_sold_out {
	border:1px solid #f5c6cb;
	padding:15px;
	margin:10px 0px;
	background-color:#f8d7da;
}

.price_level:hover, .price_level_sold_out:hover {
    box-shadow: 0px 0px 20px #cccccc;
	border:1px solid #cccccc;
}

.navbar-default .navbar-nav > li > a:hover {
	color: var(--white);
	border-bottom:5px solid var(--white);
}

.price_level_name {
	font-weight:600;
	color:var(--green-primary) !important;
}

.popover {transition: none !important;}

.tooltip {transition: none !important;}

b, strong {
		font-weight:700;
	}

.login-icon {
		background-color:var(--white);
		border-right:1px solid var(--white);
	}

.search-overlay {
		height: 100%;
		width: 0%;
		position: fixed;
		z-index: 99999;
		top:60px;
		bottom: 0;
		left: 0;
		right:0;
		background-color: rgba(245, 245, 245, 0.6);
		overflow-x: hidden;
		transition: 0.5s;
		color: var(--grey-primary);
	}

.search-overlay .closebtn {
		font-size: 40px;
		color: var(--grey-primary);
		text-decoration: none;
		margin: 10px 20px;
	}

.search-overlay .closebtn:hover {
		color: var(--green-primary);
	}

.search-overlay a {
		text-decoration: none;
		transition: 0.3s;
	}

.search-overlay a:hover{
		transform: scale(1.05);
	}

.btn-search {
	  border: 2px solid var(--green-primary);
	  color: var(--green-primary);
	  background-color: var(--white);
	  border-radius: 4px;
	  padding-left: 1rem;
	  padding-right: 1rem;
	  white-space: nowrap;
	  display: inline-block;
	  margin: 4px 0;
	}

@media (max-width: 420px) {
	  .btn-search {
		display: block;
		width: 100%;
		text-align: center;
	  }
	}

.search-overlay .search-button{
		background-color:transparent;
		border:none;
	}

#searchbox {
		color: var(--grey-primary);
		background-color: var(--white);
		border: 1px solid var(--grey-pentadic) !important;
		font-weight: bold;
	}

#searchbox:focus {
		background-color: var(--white);
		color: var(--grey-primary);
		border-color: var(--grey-pentadic) !important;
		box-shadow: none;
	}

#searchbox::placeholder {
		color: var(--grey-secondary);
	}

input::placeholder,
	textarea::placeholder {
	  color: var(--green-primary); /* Change this to any colour you want */
	  opacity: 1;   /* Optional: ensures full colour visibility */
	}

.search-overlay input::placeholder {
	  color: var(--grey-secondary);
	}

.form-control:focus + .fa, .icon-addon:hover .fa {
		color:var(--green-primary);
	}

.search-overlay .input-group-text {
		background-color: var(--white) !important;
		border: 1px solid var(--grey-pentadic) !important;
		color: var(--green-primary);
	}

@media screen and (max-height: 450px) {
	  .search-overlay {padding-top: 15px;}
	  .search-overlay a {font-size: 18px;}
	}

.icon-addon {
			position: relative;
			color: #555;
			display: block;
		}

.icon-addon:after,
		.icon-addon:before {
			display: table;
			content: " ";
		}

.icon-addon:after {
			clear: both;
		}

.icon-addon.addon-md .glyphicon,
		.icon-addon .glyphicon, 
		.icon-addon.addon-md .fa,
		.icon-addon .fa {
			position: absolute;
			z-index: 2;
			left: 10px;
			font-size: 14px;
			width: 20px;
			margin-left: -2.5px;
			text-align: center;
			padding: 10px 0;
			top: 1px
		}

.icon-addon.addon-lg .form-control {
			line-height: 1.33;
			height: 46px;
			font-size: 18px;
			padding: 10px 16px 10px 40px;
		}

.icon-addon.addon-sm .form-control {
			height: 30px;
			padding: 5px 10px 5px 28px;
			font-size: 12px;
			line-height: 1.5;
		}

.icon-addon.addon-lg .fa,
		.icon-addon.addon-lg .glyphicon {
			font-size: 18px;
			margin-left: 0;
			left: 11px;
			top: 4px;
		}

.icon-addon.addon-md .form-control,
		.icon-addon .form-control {
			padding-left: 30px;
			float: left;
			font-weight: normal;
		}

.icon-addon.addon-sm .fa,
		.icon-addon.addon-sm .glyphicon {
			margin-left: 0;
			font-size: 12px;
			left: 5px;
			top: -1px
		}

.icon-addon .form-control:focus + .glyphicon,
		.icon-addon:hover .glyphicon,
		.icon-addon .form-control:focus + .fa,
		.icon-addon:hover .fa {
			color: #2580db;
		}

.block {
			background-color: #dee7e3;;
			margin: -20px -20px 30px -20px;
			padding: 24px;
			color: var(--green-primary);
		}

/********************************************
	Scroll Bars
********************************************/
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--green-primary) #87a698;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #87a698;
  border-radius: 20px;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--green-primary);
  border-radius: 20px;
}

/********************************************
	Developer Highlights
********************************************/

.development, .developer {
	border:2px solid var(--red-primary) !important;
	position:relative;
	margin: 5px -5px 5px -5px;
	padding:5px;
}

.development::before, .developer::before {
  	content: "Development";
  	border:2px solid var(--red-primary) !important;
	color:var(--white);
	background-color:var(--red-primary);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:0px 15px;
	font-size:.75em;
  	right: 15px;
  	top: -12px;
  	position: absolute;
}

.dev-pill-close {
	border:2px solid var(--red-primary) !important;
	color:var(--white);
	background-color:var(--red-primary);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:0px 15px;
	font-size:.75em;
	right: 15px;
	top: -12px;
	position: absolute;
	cursor: pointer;
}

.has-dev-pill::before {
	display: none;
}

.btn-toggle, .btn-toggle:hover, .btn-toggle:active {
	margin:5px 0px !important;
	color:var(--white);
	font-size:1.5em;
	text-align:left !important;
}

.btn-toggle {
	background-color:#454545 !important;
	color:var(--white) !important;
}

.btn-toggle:hover, .btn-toggle:active {
	background-color:var(--green-primary) !important;
	color:var(--white) !important;
}

#moving_quick.in,
#moving_quick.collapsing,
#recently_announced.in,
#recently_announced.collapsing {
    display: block!important;
}

.search-trigger{
	color: var(--white);
}

.main-header > a{
	text-align: left;
	padding: 15px 15px 15px 15px;
	border: thin solid var(--grey-pentadic);
}

.carousel-indicators {
  bottom:-50px;
}

.carousel-es {
  bottom: 10px !important;
}

.carousel-es li {
  border-color:#999;
  background-color:#ccc;
}

.carousel-indicators li {
  border-color:#999;
  background-color:#ccc;
}

.carousel-buttons{
	top: 90%;
}

.ts-carousel-button{
	background-color: var(--green-primary) !important;
	width: 12px !important;
	height: 12px !important;
	border-radius: 50px !important;
	display: inline-block !important;
	border-bottom: none !important;
	border-top: none !important;
}

.image-container{
	margin: 0px -28px 0px -12px;
}

.image-container_3_3{
	margin: -20px -20px 0px -20px;
}

.carousel-item > a > img{
	max-height: 400px;
/*	max-width: 110%;*/
}

#carousel-generic-Autoplaying{
	margin:-20px 0px 0px -8px;
	padding: 0px;
}

#moving_quick{
	margin-top: 50px; 
}

i.caret {
	border-top: 4px dashed !important;
	border-right: 4px solid transparent !important;
	border-left: 4px solid transparent !important;
}

.navbar {
	border:none !important;
}

.carousel-caption {
	background-color:transparent !important;
}

.rounded-corners {
  border-radius: 15px; /* Applies a 15px radius to all four corners */
  border: 2px solid;
  padding: 5px 10px;
}

/**************************************************
	End High Contrast items
***************************************************/

/* ==Login Page (login.tpl) */
#login-tabs {
	background-color:#cddfb7 !important;
	border-radius:30px;
	text-align:center;
	padding:10px;
}

/* Base styling for all nav pills */
#login-tabs li {
	width:48%;
}

#login-tabs .nav-link {
    background-color: transparent;
    border-radius: 0; /* Optional: remove Bootstrap pill shape */
    transition: background-color 0.3s, color 0.3s;
	border-radius:20px;
}

/* Active tab */

#login-tabs.nav-pills  a {
	border-radius:20px;
    color: rgba(0, 66, 37, 0.8);
}

#login-tabs .nav-link.active,
#login-tabs.nav-pills > li.active > a {
    background-color: #004225 !important;
    color: #ffffff !important;
}

/* Hover state */
#login-tabs a:hover {
    background-color: rgba(255, 255, 255, 0.5);
    color: #004225;
}

/* Optional: keep text green on focus if needed */
#login-tabs .nav-link:focus {
    color: #ffffff;
    background-color: rgba(0, 66, 37, 0.5);
}

.alert h2 {
	 margin-top: 0px !important;
 }

.tab-content h3 {
	margin-top:0px !important;
 }

.login-tab {
	 width:50%;
 }

.login-tab a {
	 background-color:transparent !important;
 }

label {
	color:#666666;
	font-weight:normal !important;
 }

.tab-content {
	 margin-top:-3px !important;
 }

.login-tab.active {
	 background-color:#f5f5f5 !important;
 }

.login-tab a:hover  {
	 background-color:#f9f9f9 !important;
 }

.login-tab.active a:hover  {
	 background-color:#f5f5f5 !important;
 }

.btn-facebook {
  background: #3B5998;
  border-radius: 0;
  color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #263961;
}

.btn-facebook:link, .btn-facebook:visited {
  color: #fff;
}

.btn-facebook:active, .btn-facebook:hover {
  background: #263961;
  color: #fff;
}

#or::before,
#or::after {
    display: inline-block;
    content: "";
    border-top: 2px solid #999999;
    width: 30%;
    margin: 0 5px;
    transform: translateY(-4px);
}

/* ==Rounded Switch (shared with admin) */
.form-switch .form-check-input {
  width: 3em;
  height: 1.5em;
  background-color: var(--grey-tertiary);
  border: none;
  cursor: pointer;
}

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

.form-switch .form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 66, 37, 0.25);
  border-color: var(--green-primary);
}

}


.form-switch .form-check-label {
  padding-top: 0.2em;
}

/****** Layout Header Styles ******/
#navigation .navbar {
  background-color: var(--green-primary) !important;
}

.navbar-logo {
  margin: -19px;
}

/****** Layout Container & Sidebar Styles ******/
.container.page-content {
  margin-top: 0px;
  margin-bottom: 30px;
}

.wbox {
  min-height: 420px;
}

/****** Footer Cities Multi-Column ******/
.footer-cities {
  column-count: 2;
  column-gap: 10px;
}

/****** Sidebar Styles ******/
.col-md-3.col-sm-12 {
  padding-left: 25px;
  padding-right: 20px;
}
.col-md-3.col-sm-12 h2 {
  margin-top: 1.5rem;
}

/****** Footer Styles ******/
.footer-logo {
  opacity: 0.5;
  margin-left: -17px;
  margin-top: -5px;
}

/****** Search Overlay Styles ******/
.search-overlay .search-overlay-inner {
  margin: 0 10px 10px 10px;
  background-color: var(--white);
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/****** Dropdown Menu Hover ******/
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  background-color: var(--green-primary);
  color: var(--white);
}

/****** Receipt Page ******/
.receipt-order-id {
  font-size: 18pt;
}
.receipt-item {
  border-bottom: 1px solid var(--grey-pentadic);
  padding: 30px;
}
.receipt-item h3 {
  margin-top: 0;
}
.receipt-seat-badge {
  font-size: 16pt;
  background-color: var(--blue-badge);
  color: var(--white);
}
.receipt-totals {
  float: right;
}
.receipt-totals td {
  text-align: right;
}
.receipt-totals tr.top-line td {
  border-top: 1px solid var(--black);
}

/********************************************
	btn_ticketscene — universal button style
	Also defined in target-admin.css for admin;
	duplicated here so public pages can use it.
********************************************/
.btn_ticketscene {
  background-color: var(--green-primary);
  color: var(--white);
  border-color: var(--green-primary);
}
.btn_ticketscene:hover,
.btn_ticketscene:focus,
.btn_ticketscene:active {
  background-color: var(--green-secondary);
  color: var(--white);
  border-color: var(--green-secondary);
}

/* ==========================================================================
   ACCORDION — Override BS5 default blue/lavender active state
   ========================================================================== */
.accordion-button:not(.collapsed) {
	background-color: var(--grey-pentadic);
	color: var(--grey-primary);
	box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--grey-tertiary);
}

.accordion-button:not(.collapsed)::after {
	/* Override the default blue chevron with a dark grey version */
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:focus {
	border-color: var(--grey-tertiary);
	box-shadow: 0 0 0 0.25rem var(--black-12);
}


/* === Source: manage.css === */

/*JQueryUI autocomplete menu items*/
.ui-widget .ui-menu-item{
	text-align: left;
}

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

.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.required_holder{
	position: relative;
}

.required_holder span.required::before {
	position: absolute;
	left: -10px;
	content:" * ";
	color: var(--error-text);
}

.required_holder span.required.high::before{
	top: -12px;
}

.required_holder span.required.height_0::before{
	top: 0;
}

.required_holder span.required.height_1::before{
	top: -1px;
}

.required_holder span.required.height_2::before{
	top: -2px;
}

.required_holder span.required.height_3::before{
	top: -3px;
}

.required_holder span.required.height_4::before{
	top: -4px;
}

.required_holder span.required.height_5::before{
	top: -5px;
}

.required_holder span.required.height_6::before{
	top: -6px;
}

.required_holder span.required.height_7::before{
	top: -7px;
}

.required_holder span.required.height_8::before{
	top: -8px;
}

.required_holder span.required.height_9::before{
	top: -9px;
}

.required_holder span.required.height_10::before{
	top: -10px;
}

.required_holder span.required.height_11::before{
	top: -11px;
}

.required_holder span.required.height_12::before{
	top: -12px;
}

/*styling for the growable headliners and supporting acts widgets*/
.growable_widget li{
	list-style-type: none;
}

.growable_widget{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.growable_widget li.bulletless{
	list-style-type: none;
	margin-top: 5px;
	padding:5px;
}

#add_variations_input_group{
	margin: 4px;
}

.ts-input-group-icon{
	width: 13px;
}

/*Fixes a Bootstrap bug where the Trent Richardson datetimepicker appears underneath other elements*/
#ui-datepicker-div{
	position: relative;
	z-index: 5000 !important;
	/*I don't know why the number 101 is needed, only that it seems to fix the problem*/
}

.ui-menu{
	position: relative;
	z-index: 100;
}

.ui-autocomplete {
	position: relative;
	cursor: default;
	z-index:101 !important;
}

#pricing_levels_holder {
    margin-bottom: 50px;
	padding-left: 0;
}

#pricing_levels_holder li.pricing_level {
    margin-left:30px;
}

#pricing_levels_holder li.pricing_level {
	list-style-type: none;
	position: relative;
	margin-bottom: 30px;
	border-left:10px solid var(--green-secondary);
	padding:20px;
	background-color:var(--grey-white);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

#pricing_levels_holder .ui-state-highlight, #sections_holder .ui-state-highlight{
	border: thin var(--blue-badge) solid;
}

#pricing_levels_holder .handle, #sections_holder .handle{
	position: absolute;
	top: 0;
	bottom: 0;
	opacity: 0.5;
	background: url(/_images/grab_mesh.png);
	width: 10px;
	z-index: 1;
}

#pricing_levels_holder .handle:hover, #sections_holder .handle:hover{
	cursor: grab;
}

#pricing_levels_holder .info_area, #sections_holder .info_area{
	margin-left: 10px;
	display: block;
	padding: 10px;
}

#pricing_levels_holder .main_area{

}

#pricing_levels_holder .show_outline, #sections_holder .show_outline{
	border: thin var(--blue-badge) solid;
	border-radius: 4px;
}

#pricing_levels_holder li, #sections_holder li{
	list-style-type: none;
	margin: 0;
}

#pricing_levels_holder .taskbar button, #sections_holder .taskbar button{
	/*border: thin #888888 solid;*/
	background: var(--grey-pentadic);
	margin-right: 1px;
}

#pricing_levels_holder .taskbar button:hover, #sections_holder .taskbar button:hover{
	border: thin var(--blue-border) solid;
}

#pricing_levels_holder .taskbar .move_down .fa, #sections_holder .taskbar .move_down .fa{
	position: relative;
	top: -3px;
}

#pricing_levels_holder .taskbar .move_up .fa, #sections_holder .taskbar .move_up .fa{
	position: relative;
	bottom: -3px;
}

/* Legacy .has-error removed — now using BS5 .is-invalid (bootstrap-compat.css)
   and .has-validation-error for container-level validation */


.category{
	border: 0;
	display: inline;
	margin-top: 4px;
	margin-right: 4px;
}

.category_selected{
	background-color: var(--green-tertiary);
}

.category_unselected{
	background: var(--grey-secondary);
}

.category_unselected:hover{
	background: var(--grey-pentadic);
}

.category_unselected:focus{
	background: var(--grey-pentadic);
}

#display_window .category_icon_remove{
	display: none;
}

.category_icon_select{
	color: var(--white);
	display: none;
}

.category_icon_remove{
	color: var(--white);
}

#display_window li.ui-state-default{
	background-color: var(--white);
}

#display_window li.ui-state-active{
	background-color: var(--grey-secondary);
	border: 1px solid var(--grey-pentadic);
}

#display_window li.ui-state-hover{
	outline: var(--red-primary);
}

#display_window .ui-tabs-anchor{
	background: none;
	color: var(--black);
	outline: none;
	border: none;
}

._draggable:hover{
	cursor: grab;
}


/* === Source: style.css === */

/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem; 
  font-family: "Source Sans Pro", sans-serif;
  color: #2c3f4c;
  background-color: #ffffff;
}

a {
  color: #96c03d;
  text-decoration: none;
}

section {
  /* used just to separate different styles */
  border-bottom: 1px solid #e6e6e6;
  padding: 4em 0;
}

section h2 {
  width: 90%;
  margin: 0 auto 2em;
  color: #2c3f4c;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}

@media only screen and (min-width: 1170px) {
  section {
    padding: 6em 0;
  }
  section h2 {
    margin: 0 auto 3em;
  }
}

/* -------------------------------- 

Basic Style

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
  width: 90%;
  max-width: 768px;
  padding: 0.5em 1em;
  margin: 1em auto;
  background-color: #edeff0;
  border-radius: .25em;
}

.cd-breadcrumb:after, .cd-multi-steps:after {
  content: "";
  display: table;
  clear: both;
}

.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
}

.cd-breadcrumb li::after, .cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}

.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}

.cd-breadcrumb li > *, .cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: 1.4rem;
  color: #2c3f4c;
}

.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #96c03d;
}

.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #96c03d;
}

.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default arrow separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(../img/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}

.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}

.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}

@media only screen and (min-width: 768px) {
  .cd-breadcrumb, .cd-multi-steps {
    padding: 0 1.2em;
  }
  .cd-breadcrumb li, .cd-multi-steps li {
    margin: 1.2em 0;
  }
  .cd-breadcrumb li::after, .cd-multi-steps li::after {
    margin: 0 1em;
  }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    font-size: 1.6rem;
  }
}

/* -------------------------------- 

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-breadcrumb.triangle {
    /* reset basic style */
    background-color: transparent;
    padding: 0;
  }
  .cd-breadcrumb.triangle li {
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0;
  }
  .cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
  }
  .cd-breadcrumb.triangle li > * {
    position: relative;
    padding: 1em .8em 1em 2.5em;
    color: #2c3f4c;
    background-color: #edeff0;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #edeff0;
  }
  .cd-breadcrumb.triangle li.current > * {
    /* selected step */
    color: #ffffff;
    background-color: #96c03d;
    border-color: #96c03d;
  }
  .cd-breadcrumb.triangle li:first-of-type > * {
    padding-left: 1.6em;
    border-radius: .25em 0 0 .25em;
  }
  .cd-breadcrumb.triangle li:last-of-type > * {
    padding-right: 1.6em;
    border-radius: 0 .25em .25em 0;
  }
  .no-touch .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    color: #ffffff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
  }
  .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
    /* 
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 24px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
  }
  .cd-breadcrumb.triangle li::after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #ffffff;
    /* reset style */
    margin: 0;
  }
  .cd-breadcrumb.triangle li > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
  }
  .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
    /* hide the triangle after the last step */
    display: none;
  }
  .cd-breadcrumb.triangle.custom-separator li::after {
    /* reset style */
    background-image: none;
  }
  .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
    /* 50px is the height of the <a> element */
    border-top-width: 25px;
    border-bottom-width: 25px;
  }

  @-moz-document url-prefix() {
    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li > *::after {
      /* fix a bug on Firefix - tooth edge on css triangle */
      border-left-style: dashed;
    }
  }
}

/* -------------------------------- 

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
  .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
    /* change custom icon using image sprites - hover effect or current item */
    background-position: 0 -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
    background-position: -20px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
    background-position: -40px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
    background-position: -60px -40px;
  }
}

/* -------------------------------- 

Multi steps indicator 

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-multi-steps {
    /* reset style */
    background-color: transparent;
    padding: 0;
    text-align: center;
  }

  .cd-multi-steps li {
    position: relative;
    float: none;
    margin: 0.4em 40px 0.4em 0;
  }
  .cd-multi-steps li:last-of-type {
    margin-right: 0;
  }
  .cd-multi-steps li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    content: '';
    height: 4px;
    background: #edeff0;
    /* reset style */
    margin: 0;
  }
  .cd-multi-steps li.visited::after {
    background-color: #96c03d;
  }
  .cd-multi-steps li > *, .cd-multi-steps li.current > * {
    position: relative;
    color: #2c3f4c;
  }

  .cd-multi-steps.custom-separator li::after {
    /* reset style */
    height: 4px;
    background: #edeff0;
  }

  .cd-multi-steps.text-center li::after {
    width: 100%;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%) translateX(-1px);
    -moz-transform: translateY(-50%) translateX(-1px);
    -ms-transform: translateY(-50%) translateX(-1px);
    -o-transform: translateY(-50%) translateX(-1px);
    transform: translateY(-50%) translateX(-1px);
  }
  .cd-multi-steps.text-center li > * {
    z-index: 1;
    padding: .6em 1em;
    border-radius: .25em;
    background-color: #edeff0;
  }
  .no-touch .cd-multi-steps.text-center a:hover {
    background-color: #2c3f4c;
  }
  .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
    color: #ffffff;
    background-color: #96c03d;
  }
  .cd-multi-steps.text-center.custom-icons li.visited a::before {
    /* change the custom icon for the visited item - check icon */
    background-position: 0 -60px;
  }

  .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
    width: 80px;
    text-align: center;
  }
  .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    left: 50%;
    /* 40px is the <li> right margin value */
    width: calc(100% + 40px);
  }
  .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #edeff0;
  }
  .cd-multi-steps.text-top li.visited > *::before,
  .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
  .cd-multi-steps.text-bottom li.current > *::before {
    background-color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
    color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
    box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
  }

  .cd-multi-steps.text-top li::after {
    /* this is the line connecting 2 adjacent items */
    bottom: 4px;
  }
  .cd-multi-steps.text-top li > * {
    padding-bottom: 20px;
  }
  .cd-multi-steps.text-top li > *::before {
    /* this is the spot indicator */
    bottom: 0;
  }

  .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    top: 3px;
  }
  .cd-multi-steps.text-bottom li > * {
    padding-top: 20px;
  }
  .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    top: 0;
  }
}

/* -------------------------------- 

Add a counter to the multi-steps indicator 

-------------------------------- */
.cd-multi-steps.count li {
  counter-increment: steps;
}

.cd-multi-steps.count li > *::before {
  content: counter(steps) " - ";
}

@media only screen and (min-width: 768px) {
  .cd-multi-steps.text-top.count li > *::before,
  .cd-multi-steps.text-bottom.count li > *::before {
    /* this is the spot indicator */
    content: counter(steps);
    height: 26px;
    width: 26px;
    line-height: 26px;
    font-size: 1.4rem;
    color: #ffffff;
  }

  .cd-multi-steps.text-top.count li:not(.current) em::before,
  .cd-multi-steps.text-bottom.count li:not(.current) em::before {
    /* steps not visited yet - counter color */
    color: #2c3f4c;
  }

  .cd-multi-steps.text-top.count li::after {
    bottom: 11px;
  }

  .cd-multi-steps.text-top.count li > * {
    padding-bottom: 34px;
  }

  .cd-multi-steps.text-bottom.count li::after {
    top: 11px;
  }

  .cd-multi-steps.text-bottom.count li > * {
    padding-top: 34px;
  }
}


/* === Source: target-admin.css === */

/* ========================================================
*
* Target Admin
*
* ========================================================
*
* File: target-admin.css
* Version: 1.0.0
* Author: Jumpstart Themes
*
* [Table of Contents]
* 
*   ==Buttons
*   ==Dropdown
*   ==Badges
*   ==Tables
*   ==Modal
*   ==Progress Bars
*   ==List Group
*   ==Thumbnail
*   ==Accordion
*   ==Tabs
*   ==Pagination
*   ==Forms
*   ==Labels
*   ==Text
* 
*   ==Error Styles
*   ==Navbar
*   ==Mainbar
*   ==Content
*   ==Footer
*   ==Noticebar

*   ==Icons List
*   ==Headings
*   ==Portlets
*   ==Progress Stat
*   ==Row Stat
*   ==Spark Stat
*   ==Panel Content
*   ==Back to Top

*   ==Morris
*   ==Calendar
*   ==Slider
*   ==Autosize
*   ==Date Picker
*   ==iCheck
*   ==Select2
*   ==Color Picker
*   ==Time Picker
*   ==Validation
*   ==Howl
*   ==Data Tables
*   ==Flot
*   ==Table Checkable

*   ==Account Styles
*   ==Support List
* ======================================================== */
/* ==Body */
/* ----------------------------------------------- */
body {
  font: 400 14px/1.6 Roboto, sans-serif;
  background: var(--white);
  padding-top:140px !important;
}

@media (min-width: 768px) {
  body {
    background: var(--white);
/*  	max-width: 1140px !important;*/
  }
}

/* BS3→BS5 override: BS5 sets .container max-width to 1320px at ≥1400px viewport (xxl).
   Production (BS3) uses 1170px at all breakpoints. Cap globally to match. */
.container {
  max-width: 1170px;
}

a {
	color: var(--green-primary);
	text-decoration: none;
}

a:hover, a:active {
	color: var(--green-secondary);
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

h3 {
  padding-top: var(--spacer-3);
  color: var(--green-primary);
}

.input-group {
  flex-wrap: nowrap;
}

/*
 * BS3→BS5 input-group border-radius fix.
 * Bootstrap 3 doesn't zero inner radii for .input-group-text (only .input-group-addon).
 * We replicate BS5's native behavior here.
 */

/* 1. Zero out all border-radius on inputs and addons inside input-groups */
.input-group .form-control,
.input-group .form-select,
.input-group > .btn,
.input-group > .input-group-text,
.input-group > .btn.input-group-text {
  border-radius: 0;
}

/* 2. First element gets rounded left edge */
.input-group > .form-control:first-child,
.input-group > .form-select:first-child,
.input-group > .btn:first-child,
.input-group > .input-group-text:first-child,
.input-group > .btn.input-group-text:first-child {
  border-top-left-radius: var(--bs-border-radius);
  border-bottom-left-radius: var(--bs-border-radius);
}

/* 3. Last element gets rounded right edge */
.input-group > .form-control:last-child,
.input-group > .form-select:last-child,
.input-group > .btn:last-child,
.input-group > .input-group-text:last-child,
.input-group > .btn.input-group-text:last-child {
  border-top-right-radius: var(--bs-border-radius);
  border-bottom-right-radius: var(--bs-border-radius);
}

/* 4. Input-group addons — single icon renders as a square, text grows naturally */
.input-group .input-group-text:has(> i:only-child),
.input-group .input-group-text:has(> svg:only-child),
.input-group .input-group-text.icon-addon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--bs-border-radius) * 2 + 1.5em + 12px);
  min-width: 0;
  padding: 0;
}

.border-transparent {
  border-color: transparent !important;
}

/* [DUPLICATE REMOVED] .form-switch .form-check-input {
  width: 3em;
  height: 1.5em;
  background-col... */
/* [DUPLICATE REMOVED] .form-switch .form-check-input:checked {
  background-color: var(--green-primary... */
.form-switch .form-check-input:focus {
  box-shadow: 0 0 0 0.25rem var(--green-primary-25);
  border-color: var(--green-primary);
}

.form-switch .form-check-label {
  padding-top: 0.2em;
}

.btn_ticketscene {
  background-color: var(--green-primary);
  color: var(--white);
  border-color: var(--green-primary);
}

.btn_ticketscene:hover,
.btn_ticketscene:focus,
.btn_ticketscene:active {
  background-color: var(--green-secondary);
  color: var(--white);
  border-color: var(--green-secondary);
}

.admin-button {
	background-color:var(--grey-tetradic);
	border:1px solid var(--grey-tertiary);
	color: var(--grey-secondary);
	text-align:center;
	width:100%;
	padding:20px;
	margin:10px 0px;
	display:inline-block;
	text-decoration:none;
}

.admin-button i {
	font-size:46px;
}

i.calendar-number {
	margin:20px 0px 0px -30px;
	font-size:30px;
}

.admin-button-text {
	display:block;
	font-weight:700;
}

.admin-button:hover{
	background: var(--green-light);
	color: var(--green-primary);
	border:1px solid var(--green-lighter);
}

.admin-button:hover i, .admin-button:hover .admin-button-text {
	text-decoration:none;
}

/* ==Buttons */
/* ----------------------------------------------- */
.btn-secondary,
.btn-tertiary,
.btn-facebook,
.btn-twitter {
  text-shadow: 0 -1px 0 var(--black-20);
  -webkit-box-shadow: inset 0 1px 0 var(--white-15), 0 1px 1px var(--black-8);
  -moz-box-shadow: inset 0 1px 0 var(--white-15), 0 1px 1px var(--black-8);
  box-shadow: inset 0 1px 0 var(--white-15), 0 1px 1px var(--black-8);
}

.btn-secondary:active,
.btn-tertiary:active,
.btn-facebook:active,
.btn-twitter:active,
.btn-secondary.active,
.btn-tertiary.active,
.btn-facebook.active,
.btn-twitter.active {
  -webkit-box-shadow: inset 0 3px 5px var(--black-12);
  -moz-box-shadow: inset 0 3px 5px var(--black-12);
  box-shadow: inset 0 3px 5px var(--black-12);
}

.btn:active,
.btn.active {
  background-image: none;
}

.btn-primary {
  color: var(--white);
  background-color: var(--green-light);
  border-color: var(--red-secondary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: var(--white);
  background-color: var(--red-secondary);
  border-color: var(--red-primary);
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: var(--green-light);
  border-color: var(--red-secondary);
}

.btn-primary .badge {
  color: var(--green-light);
  background-color: var(--white);
}

.btn-secondary {
  color: var(--white);
  background-color: var(--blue-badge);
  border-color: var(--blue-border);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  color: var(--white);
  background-color: var(--blue-badge);
  border-color: var(--blue-border);
}

.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  background-image: none;
}

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
  background-color: var(--blue-badge);
  border-color: var(--blue-border);
}

.btn-secondary .badge {
  color: var(--blue-badge);
  background-color: var(--white);
}

.btn-tertiary {
  color: var(--white);
  background-color: var(--grey-orange);
  border-color: var(--grey-footer-text);
}

.btn-tertiary:hover,
.btn-tertiary:focus,
.btn-tertiary:active,
.btn-tertiary.active,
.open .dropdown-toggle.btn-tertiary {
  color: var(--white);
  background-color: var(--grey-footer-text);
  border-color: var(--grey-secondary);
}

.btn-tertiary:active,
.btn-tertiary.active,
.open .dropdown-toggle.btn-tertiary {
  background-image: none;
}

.btn-tertiary.disabled,
.btn-tertiary[disabled],
fieldset[disabled] .btn-tertiary,
.btn-tertiary.disabled:hover,
.btn-tertiary[disabled]:hover,
fieldset[disabled] .btn-tertiary:hover,
.btn-tertiary.disabled:focus,
.btn-tertiary[disabled]:focus,
fieldset[disabled] .btn-tertiary:focus,
.btn-tertiary.disabled:active,
.btn-tertiary[disabled]:active,
fieldset[disabled] .btn-tertiary:active,
.btn-tertiary.disabled.active,
.btn-tertiary[disabled].active,
fieldset[disabled] .btn-tertiary.active {
  background-color: var(--grey-orange);
  border-color: var(--grey-footer-text);
}

.btn-tertiary .badge {
  color: var(--grey-orange);
  background-color: var(--white);
}

.btn-facebook {
  color: var(--white);
  background-color: var(--facebook-blue);
  border-color: var(--facebook-blue-dark);
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
  color: var(--white);
  background-color: var(--blue-dark);
  border-color: var(--grey-purple);
}

.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
  background-image: none;
}

.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
  background-color: var(--facebook-blue);
  border-color: var(--facebook-blue-dark);
}

.btn-facebook .badge {
  color: var(--facebook-blue);
  background-color: var(--white);
}

.btn-twitter {
  color: var(--white);
  background-color: var(--twitter-blue);
  border-color: var(--twitter-blue-dark);
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
  color: var(--white);
  background-color: var(--twitter-blue-darker);
  border-color: var(--twitter-blue-darkest);
}

.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
  background-image: none;
}

.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active {
  background-color: var(--twitter-blue);
  border-color: var(--twitter-blue-dark);
}

.btn-twitter .badge {
  color: var(--twitter-blue);
  background-color: var(--white);
}

.btn-jumbo {
  padding: 13px 20px;
  font-size: 22px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-primary .caret,
.btn-secondary .caret,
.btn-tertiary .caret,
.btn-facebook .caret,
.btn-twitter .caret {
  border-top-color: var(--white);
}

.dropup .btn-primary .caret,
.dropup .btn-secondary .caret,
.dropup .btn-tertiary .caret,
.dropup .btn-facebook .caret,
.dropup .btn-twitter .caret {
  border-bottom-color: var(--white);
}

/* [DUPLICATE REMOVED] /* ==Dropdowns */
/* ----------------------------------------------- */
.btn-pri... */
.daily_inspiration{
	margin:-30px 0px 5px 0px;
	background-color: var(--green-primary);
	color: var(--white);
	padding:5px 20px;
	width:180px;
	border-radius: 25px 25px 4px 4px;
	-moz-border-radius:  25px 25px 4px 4px;
	-webkit-border-radius:  25px 25px 4px 4px;
	text-align:center;
}

.daily_quote{
	white-space:nowrap;
}

/* [DUPLICATE REMOVED] .dropup .btn-primary .caret,
.dropup .btn-secondary .caret,
.dropup .btn-tertiar... */
.dropdown-menu {
  min-width: 185px;
}

.dropdown-menu > li {
  margin-right: .5em;
  margin-left: .5em;
}

.dropdown-menu > li > a {
  padding: 6px 7px;
  font-size: 13px;
  display: block;
  width: 100%;
  text-decoration: none;
  color: var(--green-primary);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.dropdown-header {
  padding: 7px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: var(--green-primary);
  background-color: var(--green-light);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: var(--grey-primary);
  background-color: var(--grey-tertiary);
}

.btn-group .dropdown-menu > li > a {
    color: var(--grey-primary) !important;
  }

.nav-text{
	display: block;
	margin-top:15px;
	padding:5px 10px; 
	border-radius:4px;
	color:var(--white);
}

@media (max-width: 768px) {
  .dropdown-header {
    color: var(--green-primary);
    font-size: 13px;
  }
  .dropdown-menu > li > a {
    color: var(--green-primary);
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding-left: 40px;
  }
  .dropdown-menu .divider {
    background-color: var(--grey-secondary);
  }
  .mainbar-collapse{
  	display: grid;
	text-align: left;
	float: left;
	padding: 5px;
  }
  .mainbar-nav > li {
/*	margin: 10px 10px 10px 0px;*/
  }
  .mainbar-nav > li > a {
  	display: block;
	
	padding: 10px 70px 10px 10px;
  }
  .nav-text{
  	display: none;
  }
}

/* ==Desktop Dropdown Hover */
/* ----------------------------------------------- */
@media (min-width: 768px) {
  /* Main dropdown items: show menu on hover */
  .mainbar .mainbar-nav > li:hover > .dropdown-menu {
    display: block !important;
    margin-top: 0;
  }
  /* Ensure the parent li is positioned for dropdown-menu to anchor to */
  .mainbar .mainbar-nav > li {
    position: relative;
  }
  /* Override BS5 Popper positioning — use CSS-only positioning on hover */
  .mainbar .dropdown-menu {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .mainbar .dropdown-menu::before {
    display: none !important;
  }
  .mainbar .mainbar-nav > li > .dropdown-menu {
    position: absolute !important;
    top: 100%;
    left: 0;
  }
  /* Nested submenu dropdowns: show on hover, positioned to the right */
  .mainbar .dropdown-submenu > .dropdown-menu {
    position: absolute !important;
    top: 0;
    left: 100%;
    margin-top: 0;
    margin-left: 0;
  }
  .mainbar .dropdown-submenu:hover > .dropdown-menu {
    display: block !important;
  }
  /* Keep dropdown visible while transitioning from trigger to menu */
  .mainbar .mainbar-nav > li > .dropdown-menu:hover {
    display: block !important;
  }
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  display: none;
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}

.navbar .dropdown-submenu > .dropdown-menu,
.mainnav .dropdown-submenu > .dropdown-menu {
  display: block;
  margin-top: -6px;
  margin-left: 20px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.dropdown-submenu:hover > .dropdown-menu:before,
.dropdown-submenu:hover > .dropdown-menu:after {
  display: none;
}

@media (min-width: 768px) {
  .navbar .dropdown-submenu > .dropdown-menu,
  .mainnav .dropdown-submenu > .dropdown-menu {
    display: none;
    margin-left: -1px;
  }
  .navbar .dropdown-submenu:hover > .dropdown-menu,
  .mainnav .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
  .dropdown-submenu > a:after {
    content: " ";
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -5px;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: var(--green-lighter);
  }
  .dropdown-submenu:hover > a:after {
    border-left-color: var(--green-light);
  }
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

/* ==Badges */
/* ----------------------------------------------- */
.badge-primary {
  background: var(--green-light);
}

.badge-secondary {
  background: var(--blue-badge);
}

.badge-tertiary {
  background: var(--grey-pentadic);
}

/* ==Tables */
/* ----------------------------------------------- */
.table-bordered thead tr:first-child,
.table-bordered tfoot tr {
  background-color: var(--grey-primary);
}

.table-bordered thead tr:first-child th,
.table-bordered tfoot tr th {
  color: var(--white);
  font-size: 12px;
  font-weight: 600;
  background-color: transparent;
  border-bottom-width: 1px;
  border: 1px solid var(--grey-primary);
  vertical-align: middle;
}

.table-bordered.table-highlight {
  border-top-color: var(--black);
}

.flagged > td {
  background-color: var(--red-primary) !important;
}

/* ==Letter Filter Buttons */
/* ----------------------------------------------- */
.admin-letter-btn {
  display: inline-block !important;
  clear: none !important;
  float: left;
  margin: 2px;
  width: 23px;
  text-align: center;
  color: var(--black);
  padding: 1px 5px;
}

.admin-letter-btn-all {
  width: 42px;
}

/* ==Search Alert Spacing */
/* ----------------------------------------------- */
.content-container .alert {
  margin-bottom: 20px;
}

/* ==Promoter Options Panel */
/* ----------------------------------------------- */
.promoter-options h4 {
  color: var(--yellow-secondary);
  font-size: 18px;
}

.promoter-options h5 {
  font-size: 14px;
}

/* ==Form Submit Spacing */
/* ----------------------------------------------- */
.card + .btn,
.card + .row + .btn,
fieldset .btn-lg.d-block {
  margin-top: 10px;
}

/* ==Fixed Bottom Submit Bar */
/* ----------------------------------------------- */
.admin-fixed-bottom-bar {
  position: fixed;
  bottom: 10px;
  z-index: 999999;
  border-radius: 0;
  margin-left: -15px;
}

/* ==User Details Page */
/* ----------------------------------------------- */
.note {
  margin-top: 10px;
}

.patron-details * {
  font-size: 12pt !important;
}

.returned {
  color: var(--red-primary);
}

.editable {
  padding: 5px;
}

.editable:hover {
  border: 1px solid var(--grey-pentadic);
}

.profile {
  color: var(--white);
  font-size: 18pt;
  padding: 5px;
  border-radius: 30px;
  height: 30pt;
}

.profile_image img {
  margin-top: -20px;
  margin-left: 10px;
  border-radius: 50%;
  border: 4px solid var(--white);
}

.profile i {
  color: var(--white);
  margin-left: 10px;
}

.profile_M {
  background-color: var(--gender-male);
}

.profile_F {
  background-color: var(--gender-female);
}

.profile_U {
  background-color: var(--gender-unknown);
}

.profile_N {
  background-color: var(--gender-non-binary);
}

.user-icons {
  background: var(--white);
  color: var(--grey-secondary);
  font-size: 14pt;
  padding: 10px;
  display: inline-block;
  border-radius: 100px;
  border: 1px solid var(--grey-secondary);
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  margin: 5px 0;
}

fieldset table td {
  padding: 5px !important;
}

.flagged {
  background-color: var(--red-primary) !important;
  color: var(--white) !important;
}

#myTab {
  width: 100%;
}

#myTab .nav-item {
  width: 100%;
  margin-bottom: 4px;
}

#myTab .nav-link {
  background-color: var(--grey-tetradic);
  color: var(--grey-primary);
  border-radius: 4px;
  padding: 10px 15px;
  width: 100%;
  display: block;
}

#myTab .nav-link:hover {
  background-color: var(--grey-tertiary);
}

#myTab .nav-link .badge {
  background-color: var(--grey-dark);
  color: var(--white);
}

#myTab .nav-link.active {
  background-color: var(--green-light);
  color: var(--green-primary);
}

/* ==Order/Ticket Menu (hide dropdown caret, wider menu) */
/* ----------------------------------------------- */
.order-row .dropdown-toggle::after,
.tab-pane .btn-group .dropdown-toggle::after,
table .btn-group .dropdown-toggle::after,
table .btn-link.dropdown-toggle::after {
  display: none;
}

.dropdown-menu {
  min-width: auto !important;
  width: auto !important;
  white-space: nowrap;
}

/* ==Refunded Row Text */
/* ----------------------------------------------- */
.admin-row-refunded {
  color: var(--red-primary);
}

/* ==Exchange Options Spacing */
/* ----------------------------------------------- */
label[class*="info_"] {
  margin-bottom: 5px;
}

/* ==Chargeback Dropdown Title */
/* ----------------------------------------------- */
.ddl-title {
  background-color: var(--gender-male) !important;
  color: var(--white) !important;
  font-style: italic;
  font-size: 80%;
}

.selectpicker {
  width: 100px !important;
}

/* ==Chargeback Action Button */
/* ----------------------------------------------- */
.admin-btn-action {
  width: 65px;
}

/* ==Event Inactive State (live updates paused) */
/* ----------------------------------------------- */
.inactive {
  border: 2px solid var(--red-secondary);
  margin: 0 !important;
}

.inactive::before {
  width: 100%;
  content: "Live updates paused due to inactivity";
  text-align: center;
  color: var(--white);
  background-color: var(--red-secondary);
  margin-bottom: 10px;
}

/* ==Event Days Until Banner */
/* ----------------------------------------------- */
.admin-days-until {
  background-color: var(--green-light);
  color: var(--green-primary);
  font-weight: bold;
  padding: 10px;
}

/* ==Venue Modify Form / Google Maps */
/* ----------------------------------------------- */
#map-canvas {
  height: 100%;
}

.controls {
  margin-top: 0;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px var(--black-30);
}

#pac-input {
  background-color: var(--white);
  padding: 0 11px 0 13px;
  width: 97%;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 300;
  text-overflow: ellipsis;
  height: 40px;
  margin: 3px;
}

#pac-input:focus {
  border-color: var(--google-blue);
  padding-left: 14px;
  width: 100%;
}

.pac-container {
  font-family: Roboto, sans-serif;
}

#type-selector {
  color: var(--white);
  background-color: var(--green-primary);
  padding: 5px 11px 0 11px;
}

#type-selector label {
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 300;
  display: inline-block;
}

#form-table td {
  padding: 2px;
}

/* ==Table Totals Row Border */
/* ----------------------------------------------- */
.table tr.border-top td {
  border-top: 2px solid var(--bs-border-color, var(--green-light)) !important;
}

/* ==Width Utilities */
/* ----------------------------------------------- */
.w-60 { width: 60% !important; }

.admin-col-shrink { width: 1%; white-space: nowrap; }

/* ==Payment Due Highlight */
/* ----------------------------------------------- */
.admin-row-due {
  background-color: var(--yellow) !important;
}

.admin-col-action {
  width: 40px;
  min-width: 40px;
}

.admin-col-amount {
  min-width: 80px;
}

.admin-col-amount-wide {
  min-width: 130px;
}

/* ==Modal Form Table Row Spacing */
/* ----------------------------------------------- */
.modal-body table td {
  padding-bottom: 3px;
}

.modal-body table td:first-child {
  text-align: right;
  padding-right: 10px;
  white-space: nowrap;
}

.modal-footer .btn + .btn {
  margin-left: 10px;
}

/* ==Exchange Modal Link Focus */
/* ----------------------------------------------- */
.modal a {
  outline: 0 !important;
}

/* ==Receipt Page */
/* ----------------------------------------------- */
.receipt-order-id {
  font-size: 18pt;
}

.receipt-item {
  border-bottom: 1px solid var(--grey-pentadic);
  padding: 30px;
}

.receipt-item h3 {
  margin-top: 0;
}

.receipt-seat-badge {
  font-size: 16pt;
}

.receipt-totals {
  float: right;
}

.receipt-totals td {
  text-align: right;
}

.refunded {
  background-color: var(--light-red);
}

tr.top-line td {
  border-top: 1px solid var(--black);
}

@media print {
  body {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 8pt;
  }
}

/* ==Info Box (Users Dashboard) */
/* ----------------------------------------------- */
.info-box {
  background: var(--white);
  border-radius: 2px;
  box-shadow: 0 1px 1px var(--black-10);
  display: block;
  margin-bottom: 15px;
  min-height: 90px;
  width: 100%;
}

.info-box-content {
  margin-left: 90px;
  padding: 5px 10px;
}

.info-box-icon {
  background-color: var(--grey-tetradic);
  border-radius: 2px 0 0 2px;
  display: block;
  float: left;
  font-size: 45px;
  height: 90px;
  text-align: center;
  width: 90px;
  color: var(--grey-dark);
}

.info-box-icon i {
  line-height: 90px !important;
}

.info-box-number {
  font-size: 22pt;
}

/* ==Pin Report Button */
/* ----------------------------------------------- */
.admin-pin-report {
  height: 150px;
  line-height: 150px;
}

.admin-pin-report i {
  transform: rotate(45deg);
}

/* ==Calendar Stack Overlay */
/* ----------------------------------------------- */
.admin-calendar-overlay {
  font-size: 14pt;
  margin-top: 0.43em;
  color: var(--white);
}

/* ==Spaced Table (border-collapse: separate) */
/* ----------------------------------------------- */
.admin-table-spaced {
  border-spacing: 3px;
  border-collapse: separate !important;
}

/* ==Table Row Alert Highlight */
/* ----------------------------------------------- */
.admin-row-alert {
  background-color: var(--red-secondary) !important;
  color: var(--white);
}

.admin-row-alert a {
  color: var(--white);
}

/* ==Modal Input Group Widths */
/* ----------------------------------------------- */
.admin-input-narrow {
  width: 170px;
}

/* ==Textarea Heights */
/* ----------------------------------------------- */
.admin-textarea-tall {
  height: 500px;
}

/* ==Toggle Button Overrides */
/* ----------------------------------------------- */
.btn-check:checked + .btn-outline-success,
.btn-check:active + .btn-outline-success {
  color: var(--white) !important;
}

/* ==Z-Index Utility */
/* ----------------------------------------------- */
.admin-zindex-above {
  z-index: 100;
}

/* ==Full-Width Dropdown */
/* ----------------------------------------------- */
.admin-dropdown-full {
  width: 100%;
}

/* ==Modal */
/* ----------------------------------------------- */
.modal-backdrop {
	background-color: var(--white);
	opacity:.95 !important;
	background: var(--green-primary); /* Old browsers */
	background: -moz-linear-gradient(top, var(--green-primary) 0%, var(--green-primary) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, var(--green-primary) 0%,var(--green-primary) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, var(--green-primary) 0%,var(--green-primary) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--green-primary)', endColorstr='var(--green-primary)',GradientType=0 ); /* IE6-9 */
}

.modal-backdrop.in {
  filter: alpha(opacity=60);
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.modal-styled .modal-header {
  padding-top: 20px;
  padding-bottom: 20px;
  color: var(--white);
  background-color: var(--grey-primary);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.modal-styled .modal-header .close {
  color: var(--white);
  opacity: 1;
  text-shadow: none;
}

.modal-styled .modal-header .close:hover {
  filter: alpha(opacity=70);
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.modal-styled .modal-header .btn-close {
  font-size: 20px !important; /* Match h3 size from custom.css */
  font-weight: 400 !important; /* Match h3 font-weight (normal) */
  line-height: 1.42857143 !important; /* Match Bootstrap modal-title line-height */
  opacity: 1;
}

.modal-styled .modal-header .btn-close:hover {
  opacity: 0.7;
}

.modal-styled .modal-footer {
  padding: 14px 20px 15px;
  background-color: var(--error-bg);
  border-top: 1px solid var(--grey-tertiary);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* ==Progress Bars */
/* ----------------------------------------------- */
.progress-bar-primary {
  background-color: var(--green-light);
}

.progress-striped .progress-bar-primary {
  background-image: -webkit-linear-gradient(45deg, var(--white-15) 25%, transparent 25%, transparent 50%, var(--white-15) 50%, var(--white-15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, var(--white-15) 25%, transparent 25%, transparent 50%, var(--white-15) 50%, var(--white-15) 75%, transparent 75%, transparent);
}

.progress-bar-secondary {
  background-color: var(--blue-badge);
}

.progress-striped .progress-bar-secondary {
  background-image: -webkit-linear-gradient(45deg, var(--white-15) 25%, transparent 25%, transparent 50%, var(--white-15) 50%, var(--white-15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, var(--white-15) 25%, transparent 25%, transparent 50%, var(--white-15) 50%, var(--white-15) 75%, transparent 75%, transparent);
}

.progress-bar-tertiary {
  background-color: var(--grey-orange);
}

.progress-striped .progress-bar-tertiary {
  background-image: -webkit-linear-gradient(45deg, var(--white-15) 25%, transparent 25%, transparent 50%, var(--white-15) 50%, var(--white-15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, var(--white-15) 25%, transparent 25%, transparent 50%, var(--white-15) 50%, var(--white-15) 75%, transparent 75%, transparent);
}

/* ==List Group */
/* ----------------------------------------------- */

.list-group .list-group-item .list-group-chevron {
  float: right;
  margin-top: 5px;
  color: var(--grey-orange);
}

.list-group .list-group-item .badge {
  margin-top: 2px;
}

.list-group .list-group-item .list-group-chevron + .badge {
  margin-right: 10px;
}

a.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
	color: var(--green-primary);
}

/* ==Thumbnails */
/* ----------------------------------------------- */
.thumbnail-view {
  position: relative;
  display: inline-block;
  overflow: hidden;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.thumbnail-view img {
  max-width: 100%;
}

.thumbnail-view .thumbnail-view-hover {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  background: var(--black) url(../img/gallery/zoom.png) no-repeat 50%;
  z-index: 10;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.thumbnail-view:hover .thumbnail-view-hover {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  opacity: .5;
  filter: alpha(opacity=50);
}

.thumbnail-footer {
  padding: 7px 10px;
  border-top: 1px dotted var(--grey-pentadic);
}

.thumbnail-footer:before,
.thumbnail-footer:after {
  content: " ";
  display: table;
}

.thumbnail-footer:after {
  clear: both;
}

.thumbnail-footer a {
  color: var(--grey-footer-border);
  font-size: 12px;
}

.thumbnail-footer a:hover {
  text-decoration: none;
  color: var(--green-light);
}

.thumbnail-footer .pull-left a {
  padding: 0 12px 0 0;
}

.thumbnail-footer .pull-right a {
  padding: 0 0 0 12px;
}

/* ==Accordion */
/* ----------------------------------------------- */
.accordion .panel-heading {
  padding: 0;
}

.accordion .accordion-toggle {
  display: block;
  padding: 10px 15px;
  font-size: 14px;
  cursor: pointer;
}

.accordion .accordion-toggle:hover,
.accordion .accordion-toggle:active,
.accordion .accordion-toggle:focus {
  text-decoration: none;
  outline: none !important;
}

.accordion .panel.open .accordion-toggle {
  color: var(--white);
  background-color: var(--green-light);
}

/* ==Tabs */
/* ----------------------------------------------- */
.tab-content.stacked-content > .tab-pane {
  padding-top: 0;
}

.nav-tabs,
.nav-pills {
  margin-bottom: 1.5em;
}

.nav-tabs .caret,
.nav-pills .caret,
.nav-tabs a:hover .caret,
.nav-pills a:hover .caret {
  border-top-color: var(--grey-primary);
  border-bottom-color: var(--grey-primary);
}

.nav-pills.nav-stacked > li {
  margin-right: 0;
  margin-bottom: .5em;
}

.nav-pills.nav-stacked > li > a {
  padding: 10px 15px;
}

.nav-pills > li {
  margin-right: 6px;
}

.nav-pills > li > a {
  padding: 5px 12px;
  color: var(--grey-primary);
  background-color: var(--error-bg);
}

.nav-pills > li > a:hover {
  background-color: var(--green-light);
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: var(--green-primary);
  background-color: var(--green-light);
}

.nav-pills > li.active .caret,
.nav-pills > li.active a:hover .caret {
  border-top-color: var(--white);
  border-bottom-color: var(--white);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: var(--green-light);
  font-weight: 600;
}

.nav-tabs > li > a {
  color: var(--grey-primary);
}

.nav-tabs .open > a,
.nav-tabs .open > a:hover,
.nav-tabs .open > a:focus {
  background-color: var(--error-bg);
  border-color: var(--green-light);
}

.nav-tabs .dropdown-menu > .active > a,
.nav-tabs .dropdown-menu > .active > a:hover,
.nav-tabs .dropdown-menu > .active > a:focus {
  color: var(--white);
}

}
/* ==Pagination [.pagination] */
/* ----------------------------------------------- */
.pagination > li > a,
.pagination > li > span {
  color: var(--grey-footer);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: var(--white);
  background-color: var(--green-light);
  border-color: var(--green-light);
  cursor: default;
}
.pager > li > a {
  color: var(--grey-footer);
}
/* ==Cards */
/* ----------------------------------------------- */
.card {
  margin-top: 10px;
  border-color: var(--grey-pentadic);
}

/* BS3 .well replacement — .card.card-body.bg-light on same element.
   flex-direction:column from .card collapses vertical padding when
   .card-body is on the same element. Override to block layout with
   uniform padding matching the old .well (19px). */
.card.card-body.bg-light {
  display: block;
  padding: 19px;
}

/* BS3 .well — ensure uniform padding on legacy wells not yet converted
   to .card.card-body.bg-light. BS5 reboot strips vertical padding;
   restore the original BS3 value (19px) on all four sides. */
.well {
  padding: 19px;
}

/* ==Forms */
/* ----------------------------------------------- */
.form-control,
.form-select,
.input-group-text {
  border-color: var(--grey-pentadic);
}
.form .row,
.form-horizontal .row {
  margin-bottom: 0 !important;
}
.help-block {
  margin-bottom: 0;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
}
/* ==Labels */
/* ----------------------------------------------- */

label {
	color: var(--green-primary);
	font-weight: bold;
}
.alert label,
.alert .switch-text,
.alert h1, .alert h2, .alert h3,
.alert h4, .alert h5, .alert h6 {
	color: inherit;
}
.alert .btn-info {
	background-color: var(--bs-alert-color, currentColor);
	border-color: var(--bs-alert-color, currentColor);
	color: var(--white);
}
.alert .btn-info:hover {
	opacity: 0.85;
}
.alert .input-group-text {
	background-color: var(--bs-alert-color, currentColor);
	border-color: var(--bs-alert-color, currentColor);
	color: var(--white);
}
.alert input:checked + .slider {
	background-color: var(--bs-alert-color, currentColor);
}
.alert input:focus + .slider {
	box-shadow: 0 0 1px var(--bs-alert-color, currentColor);
}
.label-primary {
  background-color: var(--green-light);
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: var(--bs3-danger-dark);
}
.label-secondary {
  background-color: var(--blue-badge);
}
.label-secondary[href]:hover,
.label-secondary[href]:focus {
  background-color: var(--blue-border);
}
.label-tertiary {
  background-color: var(--grey-orange);
}
.label-tertiary[href]:hover,
.label-tertiary[href]:focus {
  background-color: var(--grey-footer-border);
}
.label-info {
  background-color: var(--gender-male);
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: var(--bs3-info-blue);
}
.label-warning {
  background-color: var(--bs3-warning);
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: var(--orange-tertiary);
}
/* ==Text */
/* ----------------------------------------------- */
.text-muted {
  color: var(--grey-footer-border);
}
.text-primary {
  color: var(--green-light);
}
.text-warning {
  color: var(--bs3-warning-text);
}
.text-info {
  color: var(--bs3-info-text);
}
/* ==Error [.error-container]*/
/* ----------------------------------------------- */
.error-container {
  margin-top: 1em;
  text-align: center;
}
.error-code {
  display: inline-block;
  vertical-align: top;
  font-size: 100px;
  font-weight: 600;
  line-height: .7em;
}
.error-details {
  display: inline-block;
  vertical-align: top;
  margin-top: 4em;
}
.error-details ul {
  text-align: left;
}
@media (min-width: 768px) {
  .error-container {
    margin-top: 2.5em;
  }

.error-details {
    width: 250px;
    margin-top: 0;
    margin-left: 25px;
    text-align: left;
  }

}
@media (min-width: 992px) {
  .error-container {
    margin-top: 5em;
  }

.error-code {
    font-size: 150px;
  }

.error-details {
    width: 350px;
    margin-left: 50px;
  }

}
/* ==Navbar [.navbar]*/
/* ----------------------------------------------- */
.navbar {
  z-index: 501;
  min-height: 60px;
  margin-bottom: 0;
  background-color: var(--green-primary);
  border: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar .navbar-text {
  color: var(--white);
}
.navbar .navbar-nav > li > a {
  color: var(--white);
  font-size: 13px;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
  color: var(--white);
  background-color: transparent;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
  color: var(--white);
  background-color: var(--black);
}
.navbar .navbar-nav > .disabled > a,
.navbar .navbar-nav > .disabled > a:hover,
.navbar .navbar-nav > .disabled > a:focus {
  color: var(--grey-green);
  background-color: transparent;
}
.navbar .navbar-toggle {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-top: 10px;
  color: var(--grey-secondary);
  font-size: 18px;
  border-color: none;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: var(--grey-primary);
}
.navbar .navbar-collapse {
  background: var(--green-primary);
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: var(--black);
}
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus {
  color: var(--white);
  background-color: var(--black);
  background-color: var(--grey-footer);
}
.navbar .navbar-link {
  color: var(--grey-footer-border);
}
.navbar .navbar-link:hover {
  color: var(--white);
}
.navbar-brand {
  height: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.navbar-brand-image {
  padding: 0;
}
.navbar .navbar-nav > .navbar-profile > a {
  height: 60px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 60px;
  text-decoration: none;
}
.navbar-profile-avatar {
  position: relative;
  top: -1px;
  width: 30px;
  margin-right: .65em;
  border: 2px solid var(--grey-6f);
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.navbar-profile-label {
  display: inline;
  font-size: 13px;
}
@media (min-width: 768px) {
  .navbar {
    height: 60px !important;
  }

.navbar .navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
  }

.navbar-profile-label {
    display: none;
  }

}
/* ==Mainbar [.mainbar]*/
/* ----------------------------------------------- */
.mainbar {
  width: 100%;
  padding: 5px 0;
  text-align: center;
  background: var(--grey-tetradic);
  box-shadow: 0 1px 5px 2px var(--black-15);
  margin-bottom:10px;
}
.mainbar .mainbar-nav {
	color: var(--green-primary);
}
.mainbar .mainbar-nav > li > a {
  font-weight: 600;
  color: var(--green-primary) !important;
  text-decoration: none;
}
.mainbar .mainbar-nav > li > a > i {
  margin-right: 5px;
}
.mainbar .mainbar-nav > li > a:hover,
.mainbar .mainbar-nav > li > a:focus {
  background: var(--green-light);
}
.mainbar .mainbar-nav > .open > a,
.mainbar .mainbar-nav > .open > a:hover,
.mainbar .mainbar-nav > .open > a:focus {
  /*color: var(--white);
  background: var(--green-secondary);
  border-color: var(--green-primary);*/
}
.mainbar .mainbar-toggle {
  display: block;
  width: 100%;
  margin: 0 auto;
  color: var(--green-primary);
  font-size: 18px;
  background: transparent;
}
@media (min-width: 768px) {
  .navbar-nav .dropdown-menu:before {
    content: '';
    position: relative;
    z-index: 10601;
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--white);
/*    position: absolute;*/
    top: -7px;
    left: 8px;
  }

.navbar-nav.navbar-right .dropdown-menu:before {
    left: auto;
    right: 12px;
  }

.mainbar {
    /* height: 160px; */
    padding: 0;
  }

.mainbar .mainbar-nav {
    float: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
  }

.mainbar .mainbar-nav > li > a:hover{
    background: var(--green-light);
    border: thin solid var(--green-lighter);
    transform: scale(1.25);
    z-index: 900;
  }

.mainbar .mainbar-nav > li {
    display: block;
    width: 13%;
    border-left: 1px solid var(--white);
    border-right: 1px solid var(--green-light);
  }

.mainbar .mainbar-nav > li:first-child {
	border-left: 1px solid transparent;
  }

.mainbar .mainbar-nav > li:last-child {
	border-right: 1px solid transparent;
  }

.mainbar .mainbar-nav > li > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
  }

.mainbar .mainbar-nav > li > a > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-right: 0;
    margin-bottom: 6px;
    font-size: 24px;
  }

.mainbar .mainbar-nav > li > a:hover,
  .mainbar .mainbar-nav > li > a:focus {
    background: var(--grey-tetradic);
  }

.mainbar .mainbar-nav > .active > a,
  .mainbar .mainbar-nav > .active > a:hover,
  .mainbar .mainbar-nav > .active > a:focus {
    background: var(--grey-tetradic);
  }

/*
  .mainbar .mainbar-nav > .active > a::after,
  .mainbar .mainbar-nav > .active > a:hover::after,
  .mainbar .mainbar-nav > .active > a:focus::after {
    content: '';
    display: inline-block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-top-color: var(--green-primary);
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
  }
*/
  .mainbar .mainbar-toggle {
    display: none;
  }

/* Show mainbar on desktop */
  .mainbar .mainbar-collapse.collapse {
    display: flex !important;
  }

.mainbar .mainbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }

.mainbar .mainbar-collapse.collapse {
    display: block !important;
	padding-left: 0px;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

.mainbar .mainbar-collapse.in {
    overflow-y: visible;
  }

.mainbar .dropdown-menu > li > a:hover,
  .mainbar .dropdown-menu > li > a:focus {
    color: var(--grey-dark);
    background-color: var(--green-light);
  }

}
@media (min-width: 992px) {

  .mainbar .mainbar-nav > li > a {
    padding: 12px 12px;
    font-size: 14px;
  }

.mainbar .mainbar-nav > li > a > i {
    font-size: 28px;
  }

}

/* ==Content [.content]*/
/* ----------------------------------------------- */
.content {
  width: 100%;
  padding-top: 0;
  background: var(--white);
  margin-left: auto;
  margin-right: auto;
}
.content::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  left: 10px;
  width: auto;
  height: 100px;
  margin-top: -15px;
  margin-right: -25px;
  margin-left: -25px;
}
.content .breadcrumb {
  padding: 4px 0;
  margin-bottom: 0;
  background: none;
}
.content .breadcrumb > li {
  font-size: 11px;
  color:var(--grey-primary);
}
.content .breadcrumb > li > a {
  color: var(--green-primary) !important;
}
.content-container {
  position: relative;
  padding: auto;
  z-index: 101;
}
.content-header {
  padding-bottom: .25em;
  margin-bottom: 2em;
  border-bottom: 1px dotted var(--grey-pentadic);
}
.content-header-icon {
  color: var(--white);
  background:var(--green-primary);
  border-radius: 5px;
  padding:5px;
}
.content-header-title {
  margin-top: 0;
  color: var(--grey-primary);
  font-size: 24px;
}
.content-header-subtitle {
  color:var(--yellow);
  font-size: 13px;
  text-transform: uppercase;
}
.row-spacer {
  height: 40px;
}
@media (min-width: 768px) {
  .content {
    min-height: 750px;
/*    padding: 0;*/
  }

.content::before {
    margin: 0;
    border: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }

.content-container {
    padding: 20px 15px 20px 15px;
  }

.content-header-title {
    font-size: 28px;
  }

}
/* ==Footer [.footer]*/
/* ----------------------------------------------- */
.footer {
  padding: 38px 0;
  margin-top: 2em;
  font-size: 12px;
  color: var(--grey-footer-text);
  background: var(--grey-footer);
  border-top: 8px solid var(--grey-footer-border);
}
.footer a {
  color: var(--grey-footer-text);
}
.footer a:hover {
  color: var(--white);
}
.footer .row > div {
  padding-bottom: .75em;
}
.footer hr {
  border-top-color: var(--grey-dark);
}
/* ==Noticebar [.noticebar]*/
/* ----------------------------------------------- */
.navbar .noticebar > li > a .badge {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 10px;
  background: transparent;
  border: 2px solid var(--green-light);
}
.navbar .noticebar > .open > a .badge {
  background: var(--green-light);
}
@media (min-width: 768px) {
  .navbar .noticebar > li > a {
    max-height: 60px;
    color: var(--grey-green);
    font-size: 19px;
  }

.navbar .noticebar > li > a:hover {
    color: var(--grey-dark);
  }

.navbar .noticebar > li > a .badge {
    position: absolute;
    top: 6px;
    right: 3px;
    border-top-right-radius: 100px;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
  }

.navbar .noticebar > .open > a:after {
    content: '';
    position: relative;
    z-index: 1001;
    display: inline-block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--white);
/*    position: absolute;*/
    bottom: -2px;
    left: 50%;
    margin-left: -8px;
  }

}
.noticebar-empty {
  padding: 25px 35px !important;
  text-align: center;
}
.noticebar-empty-title {
  color: var(--green-light);
}
.noticebar-empty-text {
  color: var(--grey-medium);
}
.noticebar-menu-view-all {
  text-align: center;
}
.noticebar-menu {
  width: 325px;
}
.noticebar-menu .nav-header {
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
}
.noticebar-menu .nav-header a {
  font-weight: 400;
}
.noticebar-menu > li {
  display: table;
  width: 100%;
  padding: 0;
  margin-right: 0;
  margin-left: 0;
  border-bottom: 1px dotted var(--grey-pentadic);
}
.noticebar-menu > li:last-child {
  border-bottom: none;
}
.noticebar-menu > li > a {
  padding: 8px 12px;
  font-size: 12px;
  white-space: normal;
}
.noticebar-menu > li > a:hover {
  color: var(--grey-primary);
  background: var(--error-bg);
}
.noticebar-menu:before,
.noticebar-menu:after {
  display: none !important;
}
.navbar-visible-collapsed {
  display: inline;
}
@media (max-width: 768px) {
  .noticebar-menu {
    display: none !important;
  }

}
@media (min-width: 768px) {
  .navbar-visible-collapsed {
    display: none;
  }

}
.noticebar-item-image,
.noticebar-item-body {
  display: table-cell;
  vertical-align: middle;
}
.noticebar-item-image {
  width: 36px;
  font-size: 30px;
  text-align: center;
}
.noticebar-item-body {
  padding-left: 20px;
}
.noticebar-item-title {
  display: block;
}
.noticebar-item-time {
  display: block;
  color: var(--grey-medium);
}
/* ==Misc */
/* ----------------------------------------------- */
.nav-icon {
  width: 1em;
  margin-right: 6px;
  font-size: 13px;
  text-align: center;
}
.chart-holder,
.chart-holder-225 {
  width: 100%;
  height: 275px;
}
.chart-holder-225 {
  height: 225px;
}
.clear {
  clear: both;
}
/* ==Icons List [.icons-list]*/
/* ----------------------------------------------- */
.icons-list {
  padding: 0;
  margin: 0 0 10px;
  list-style: none;
}
.icons-list > li {
  position: relative;
  padding-left: 2.2em;
  margin-bottom: 1em;
  line-height: 1.65em;
}
.icons-list > li > .icon-li {
  position: absolute;
  top: 2px;
  left: 0;
  width: 1em;
  font-size: 1.25em;
  text-align: center;
}
/* ==Headings [.heading]*/
/* ----------------------------------------------- */
.heading {
  padding-bottom: 8px;
  margin-bottom: 1.35em;
  border-bottom: 1px dotted var(--grey-pentadic);
}
.heading-inline {
  display: inline-block;
}
/* ==Portlet [.portlet]*/
/* ----------------------------------------------- */
.portlet {
  position: relative;
  clear: both;
  width: auto;
  margin-bottom: 2em;
  /* Clearfix Hack */
  /* portlet Plain */
}
.portlet .portlet-header {
  position: relative;
  padding: 1px 15px;
  background-color: var(--grey-tetradic);
  border-bottom: 1px solid var(--green-light);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-background-clip: padding-box;
}
.portlet .portlet-header:before,
.portlet .portlet-header:after {
  content: " ";
  display: table;
}
.portlet .portlet-header:after {
  clear: both;
}
.portlet .portlet-header h1,
.portlet .portlet-header h2,
.portlet .portlet-header h3,
.portlet .portlet-header h4,
.portlet .portlet-header h5,
.portlet .portlet-header h6 {
  float: left;
  padding: 10px 0;
  margin: 0 1em 0 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 400;
  color: var(--grey-dark);
  text-shadow: 1px 1px 2px var(--white-50);
}
.portlet .portlet-header h1 i,
.portlet .portlet-header h2 i,
.portlet .portlet-header h3 i,
.portlet .portlet-header h4 i,
.portlet .portlet-header h5 i,
.portlet .portlet-header h6 i {
  display: inline-block;
  margin-top: -3px;
  margin-right: 10px;
  font-size: 16px;
  color: var(--grey-medium);
  vertical-align: middle;
}
.portlet .portlet-tools {
  float: left;
  display: inline-block;
  padding: 0;
  margin: 5px 0 0 0;
}
.portlet .portlet-tools > li {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  list-style: none;
}
.portlet .portlet-tools .btn-icon {
  margin-top: -2px;
  color: var(--grey-dark);
  font-size: 16px;
}
.portlet .portlet-tools .btn-icon:hover {
  text-decoration: none;
  background-color: var(--white);
}
.portlet .portlet-tools .btn-icon .caret {
  margin-top: -3px;
}
.portlet .portlet-tools .dropdown-menu {
  left: auto;
  right: 0;
}
.portlet .portlet-tools .btn.btn-sm {
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 0;
}
.portlet .portlet-tools .form-control.input-sm {
  display: inline-block;
  width: 125px;
  height: 26px;
}
.portlet .portlet-tools .progress {
  margin-top: 0;
  margin-bottom: 0;
  width: 125px;
}
.portlet .portlet-tools .nav-tabs,
.portlet .portlet-tools .nav-pills {
  margin-bottom: 0;
}
.portlet .portlet-tools .nav-pills > li > a {
  padding: 2px 9px;
  font-size: 12px;
  font-weight: 600;
}
.portlet .portlet-tools .nav-pills > li.active > a,
.portlet .portlet-tools .nav-pills > li.active > a:hover,
.portlet .portlet-tools .nav-pills > li.active > a:focus {
  color: var(--white);
  background-color: var(--grey-dark);
}
.portlet .portlet-toolbar {
  padding: 10px 15px;
  background-image: -webkit-linear-gradient(top, var(--grey-white) 0%, var(--error-bg) 100%);
  background-image: linear-gradient(to bottom, var(--grey-white) 0%, var(--error-bg) 100%);
  background-repeat: repeat-x;
  /* IE-only filter - CSS variables won't work here, but IE is unsupported */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffebebeb', GradientType=0);
  border: 1px solid var(--green-light);
}
.portlet .portlet-toolbar:before,
.portlet .portlet-toolbar:after {
  content: " ";
  display: table;
}
.portlet .portlet-toolbar:after {
  clear: both;
}
.portlet .portlet-header + .portlet-content,
.portlet .portlet-toolbar + .portlet-content {
  margin-top: 1px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.portlet .portlet-header + .portlet-toolbar {
  margin-top: 1px;
}
.portlet .portlet-content + .portlet-toolbar {
  margin-top: 1px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.portlet .toolbar-bottom .portlet-content {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.portlet.portlet-nopad .portlet-content {
  padding: 0;
}
.portlet .portlet-content:before,
.portlet .portlet-content:after {
  content: " ";
  display: table;
}
.portlet .portlet-content:after {
  clear: both;
}
.portlet.portlet-plain {
  background: transparent;
  border: none;
}
.portlet.portlet-plain .portlet-header {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 8px;
  padding-left: 0;
  background: var(--white);
  filter: none;
  border: none;
  border-bottom: 1px dotted var(--grey-pentadic);
}
.portlet.portlet-plain .portlet-header h3 {
  left: 0;
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  color: var(--grey-dark);
  line-height: 22px;
}
.portlet.portlet-plain .portlet-header i {
  font-size: 20px;
}
.portlet.portlet-plain .portlet-content {
  padding-right: 0;
  padding-left: 0;
  background: transparent;
  border: none;
}
.portlet {
  border: 1px solid var(--green-light);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.portlet-content {
  padding: 22px 15px;
  background: var(--white);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.portlet-footer {
  padding: 15px;
}
.portlet-table .portlet-content {
  padding: 0;
}
.portlet-table .portlet-content .table-bordered {
  margin-bottom: 0;
  border: none;
}
.portlet-table .portlet-content .table-bordered thead > tr > th:first-child,
.portlet-table .portlet-content .table-bordered tbody > tr > td:first-child {
  border-left: none;
}
.portlet-table .portlet-content .table-bordered thead > tr > th:last-child,
.portlet-table .portlet-content .table-bordered tbody > tr > td:last-child {
  border-right: none;
}
/* ==Progress Stat [.progress-stat]*/
/* ----------------------------------------------- */
.progress-stat {
  margin-bottom: 2.5em;
}
.progress-stat:last-child {
  margin-bottom: 0;
}
.progress-stat-value {
  float: right;
  width: 50%;
  color: var(--grey-secondary);
  font-size: 14px;
  font-weight: 600;
  text-align: right;
  text-transform: uppercase;
}
.progress-stat-label {
  float: left;
  width: 50%;
  color: var(--grey-footer-border);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.progress-stat .progress {
  clear: both;
  position: relative;
  top: .5em;
}
.lt-ie9 .progress-stat-value {
  font-size: 13px;
}
/* ==Row Stat [.row-stat]*/
/* ----------------------------------------------- */
.row-stat {
  padding: 17px 13px 21px;
  margin-bottom: 1.25em;
  border: 1px solid var(--grey-tertiary);
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.row-stat-label {
  color: var(--grey-footer-border);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
.row-stat-value {
  display: inline-block;
  margin-right: .25em;
  margin-bottom: 0;
}
.row-stat-badge {
  position: relative;
  top: -3px;
  font-size: 85%;
}
.row-stat {
  position: relative;
}
.row-stat:after,
.row-stat:before {
  content: '';
  position: absolute;
  display: block;
  height: 1px;
  bottom: -3px;
  left: 3px;
  right: 3px;
  background-color: var(--white);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  border: 1px solid var(--grey-tertiary);
  border-top: 0;
}
.row-stat:before {
  bottom: -5px;
  left: 6px;
  right: 6px;
}
/* ==Spark Stat [.spark-stat]*/
/* ----------------------------------------------- */
.spark-stat {
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
}
.spark-stat-value {
  display: block;
  margin-top: .75em;
  margin-bottom: .3em;
  font-size: 16px;
  font-weight: 600;
}
.spark-stat-label {
  margin-top: 0;
  font-size: 13px;
}
/* ==Panel Lists [.panel-lists]*/
/* ----------------------------------------------- */
.panel-lists {
  padding-left: 0;
  list-style: none;
  margin-bottom: 20px;
}
.panel-lists li {
  display: block;
  margin-left: -15px;
  margin-right: -15px;
  padding: 20px 20px;
  border-bottom: 1px solid var(--green-light);
}
.panel-lists li:before,
.panel-lists li:after {
  content: " ";
  display: table;
}
.panel-lists li:after {
  clear: both;
}
.panel-lists li:before,
.panel-lists li:after {
  content: " ";
  display: table;
}
.panel-lists li:after {
  clear: both;
}
.panel-lists li:first-child {
  padding-top: 0;
}
.panel-list-avatar {
  float: left;
  height: 40px;
  width: 40px;
  border-radius: 1px;
  border: 1px solid var(--grey-pentadic);
  padding: 2px;
}
.panel-list-content {
  margin-left: 55px;
}
.panel-list-time {
  float: right;
  color: var(--grey-footer-text);
  font-size: 12px;
}
.panel-list-title {
  display: block;
  padding-right: 40px;
}
.panel-list-meta {
  color: var(--grey-footer-text);
  display: block;
  font-size: 12px;
  padding-top: 5px;
  line-height: 14px;
}
.panel-list-meta a {
  color: var(--grey-dark);
}
.panel-list-meta a:hover {
  color: var(--grey-dark);
  text-decoration: none;
}
/* ==Back to Top [#back-to-top] */
/* ----------------------------------------------- */
#back-to-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1001;
  width: 45px;
  height: 45px;
  display: block;
  background-color: var(--green-primary);
  background-color: var(--pos-teal-30);
  font-size: 16px;
  text-align: center;
  line-height: 45px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  cursor: pointer;
  transition: background 0.25s linear;
}
#back-to-top:hover {
  text-decoration: none;
  background-color: var(--green-primary);
  background-color: var(--pos-teal-85);
}
#back-to-top i {
  color: var(--white);
}
/* ==Social Feed [.feed-item] */
/* ----------------------------------------------- */
.feed-item {
  position: relative;
  padding: 0;
  margin: 0;
  padding-top: 22px;
  padding-bottom: 35px;
  padding-left: 40px;
  margin-left: 20px;
  border-left: 2px solid var(--grey-tertiary);
}
.feed-item:last-child {
  padding-bottom: 15px;
}
.feed-item .feed-subject {
  margin-bottom: 1.5em;
}
.feed-item .feed-subject a {
  font-weight: 600;
}
.feed-item .feed-content {
  padding-left: 25px;
}
.feed-item .feed-actions {
  padding: 10px 10px;
  margin-top: 2em;
  border-top: 1px dotted var(--grey-pentadic);
}
.feed-item .feed-actions:before,
.feed-item .feed-actions:after {
  content: " ";
  display: table;
}
.feed-item .feed-actions:after {
  clear: both;
}
.feed-item .feed-actions a {
  color: var(--grey-footer-border);
  font-size: 13px;
}
.feed-item .feed-actions a:hover {
  text-decoration: none;
  color: var(--green-light);
}
.feed-item .feed-actions .pull-left {
  margin: 0 15px 0 0;
}
.feed-item .feed-actions .pull-right {
  margin: 0 0 0 15px;
}
.feed-item .feed-icon {
  position: absolute;
  top: 15px;
  left: -23px;
  width: 40px;
  height: 40px;
  color: var(--white);
  text-align: center;
  font-size: 16px;
  line-height: 34px;
  background-color: var(--blue-badge);
  border: 3px solid var(--white);
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  -webkit-box-shadow: 1px 1px 2px var(--black-35);
  -moz-box-shadow: 1px 1px 2px var(--black-35);
  box-shadow: 1px 1px 2px var(--black-35);
}
.feed-item-idea .feed-icon {
  background-color: var(--blue-badge);
}
.feed-item-image .feed-icon {
  background-color: var(--grey-orange);
}
.feed-item-file .feed-icon {
  background-color: var(--green-light);
}
.feed-item-bookmark .feed-icon {
  background-color: var(--grey-dark);
}
.feed-item-question .feed-icon {
  background-color: var(--blue-badge);
}
/* ==Pricing Plans [.pricing-plan] */
/* ----------------------------------------------- */
.pricing-plan {
  margin-bottom: 2em;
}
.pricing-plan-header {
  padding: 30px 20px;
  color: var(--white);
  text-align: center;
  background: var(--green-light);
  border-bottom: none;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  text-shadow: 1px 1px 1px var(--black-25);
}
.pricing-plan-title {
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pricing-plan-price {
  display: block;
  margin-bottom: 5px;
  font-size: 72px;
  font-weight: 600;
}
.pricing-plan-price-term {
  position: relative;
  left: -8px;
  font-size: 16px;
}
.pricing-plan-body {
  padding: 30px 20px;
  text-align: left;
  border: 1px solid var(--grey-pentadic);
  border-top: none;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
ul.pricing-plan-details {
  padding: 0;
  margin: 0 0 0;
}
ul.pricing-plan-details li {
  padding: 0 0 .825em;
  margin: 0 0 .825em;
  list-style: none;
  color: var(--grey-dark);
  font-size: 16px;
  border-bottom: 1px dotted var(--grey-pentadic);
}
ul.pricing-plan-details li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.pricing-plan-detail-icon {
  width: 1em;
  margin-right: .5em;
  font-size: 17px;
  text-align: center;
}
.pricing-plan-signup-btn {
  padding-right: 22px;
  padding-left: 22px;
  color: var(--white);
  background: var(--green-light);
  border: 2px solid var(--white);
}
.pricing-plan-signup-btn:hover {
  color: var(--white);
  background: var(--bs3-danger-darker);
}
.pricing-plan-secondary .pricing-plan-header {
  background: var(--blue-badge);
}
.pricing-plan-secondary .pricing-plan-signup-btn {
  background: var(--blue-badge);
}
.pricing-plan-secondary .pricing-plan-signup-btn:hover {
  background: var(--bs3-primary-blue);
}
.pricing-plan-tertiary .pricing-plan-header {
  background: var(--grey-orange);
}
.pricing-plan-tertiary .pricing-plan-signup-btn {
  background: var(--grey-orange);
}
.pricing-plan-tertiary .pricing-plan-signup-btn:hover {
  background: var(--grey-secondary);
}
/* ==Font Awesome List */
/* ----------------------------------------------- */
.fontawesome-icon-list {
  margin-top: 3em;
  margin-bottom: 3em;
}
.fontawesome-icon-list > div {
  margin-bottom: 3em;
  text-align: center;
}
.fontawesome-icon-list > div a {
  display: block;
  color: var(--grey-medium);
  white-space: nowrap;
  font-size: 14px;
}
.fontawesome-icon-list > div a:hover {
  color: var(--red-secondary);
  text-decoration: none;
}
.fontawesome-icon-list > div i {
  display: block;
  margin-bottom: 10px;
  font-size: 22px;
}
/* ==Morris [.morris]*/
/* ----------------------------------------------- */
.morris-hover {
  position: absolute;
  z-index: 1000;
}
.morris-hover.morris-default-style {
  padding: 6px;
  color: var(--grey-secondary);
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  background: var(--white-80);
  border: solid 2px var(--grey-light-border-80);
  -webkit-border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  border-radius: 10px;
  background-clip: padding-box;
}
.morris-hover.morris-default-style .morris-hover-row-label {
  margin: .25em 0;
  font-weight: 600;
}
.morris-hover.morris-default-style .morris-hover-point {
  margin: 0.1em 0;
  white-space: nowrap;
}
/* ==Full Calendar [.fc]*/
/* ----------------------------------------------- */
.fc {
  direction: ltr;
  text-align: left;
}
.fc table {
  border-collapse: collapse;
  border-spacing: 0;
}
html .fc,
.fc table {
  font-size: 1em;
}
.fc td,
.fc th {
  padding: 0;
  vertical-align: top;
}
/* Header
------------------------------------------------------------------------*/
.fc-header td {
  white-space: nowrap;
}
.fc-header-left {
  width: 25%;
  text-align: left;
}
.fc-header-center {
  text-align: center;
}
.fc-header-right {
  width: 25%;
  text-align: right;
}
.fc-header-title {
  display: inline-block;
  vertical-align: top;
}
.fc-header-title h2 {
  margin-top: 0;
  margin-bottom: 1em;
  white-space: nowrap;
  font-size: 18px;
}
.fc .fc-header-space {
  padding-left: 10px;
}
.fc-header .fc-button {
  margin-bottom: 1em;
  vertical-align: top;
  font-weight: 400;
}
/* Buttons
------------------------------------------------------------------------*/
.fc-button {
  position: relative;
  display: inline-block;
  padding: 0 .6em;
  overflow: hidden;
  height: 1.9em;
  line-height: 1.7em;
  white-space: nowrap;
  cursor: pointer;
}
.fc-state-default {
  /* non-theme */
}
.fc-state-default.fc-corner-left {
  /* non-theme */
  border-radius: 4px 0 0 4px;
}
.fc-state-default.fc-corner-right {
  /* non-theme */
  border-radius: 0 4px 4px 0;
}
.fc-state-default.fc-button-today {
  border-radius: 4px;
}
/*
  Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
  and we'll try to make them look good cross-browser.
*/
.fc-text-arrow {
  margin: 0;
  font-size: 1.5em;
  font-family: Courier, monospace;
  vertical-align: baseline;
  /* for IE7 */
}
.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow {
  /* for &lsaquo; &rsaquo; */
  font-weight: 200;
}
/* icon (for jquery ui) */
.fc-button .fc-icon-wrap {
  position: relative;
  float: left;
  top: 50%;
}
.fc-button .ui-icon {
  position: relative;
  float: left;
  margin-top: -50%;
  *margin-top: 0;
  *top: -50%;
}
.fc-state-default {
  color: var(--grey-secondary);
  background: var(--white);
  border: 1px solid var(--grey-orange);
  font-weight: 200;
  transition: background 0.1s linear;
  text-shadow: none;
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: var(--grey-secondary);
  background-color: var(--green-light);
  border-color: var(--grey-pentadic);
  font-weight: 200;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.fc-state-hover {
  background-color: var(--grey-tertiary);
  background-image: none;
  outline: 0;
  color: var(--grey-primary);
}
.fc-state-down,
.fc-state-active {
  background-color: var(--green-light);
  background-image: none;
  outline: 0;
  color: var(--white);
}
.fc-state-down {
  background-color: var(--grey-secondary);
}
.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
.fc-event {
  background-color: var(--green-light);
  border-color: var(--green-light);
}
.fc-event.fc-red,
.external-event.fc-red {
  background-color: var(--green-light);
  border-color: var(--green-light);
}
.fc-event.fc-yellow,
.external-event.fc-yellow {
  background-color: var(--blue-badge);
  border-color: var(--blue-badge);
}
.fc-event.fc-grey,
.external-event.fc-grey {
  background-color: var(--grey-orange);
  border-color: var(--grey-orange);
}
.fc-event.fc-charcoal,
.external-event.fc-charcoal {
  background-color: var(--grey-primary);
  border-color: var(--grey-primary);
}
.external-event {
  display: inline-block;
  margin: 5px 5px;
  padding: 7px 10px;
  background: var(--green-light);
  color: var(--white);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
}
/* ==jQuery UI Slider [.ui-slider]*/
/* ----------------------------------------------- */
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 25px;
  height: 16px;
  background: url(../img/jquery/handle.png) no-repeat;
  border: none;
  cursor: pointer;
}
.ui-slider .ui-slider-handle:hover {
  background-position: 0 -16px;
}
.ui-slider .ui-slider-handle:active {
  background-position: 0 -16px;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  height: 6px;
  font-size: .7em;
  display: block;
  border: 1px solid var(--white);
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-box-shadow: inset 0 1px 0 var(--white-20);
  -moz-box-shadow: inset 0 1px 0 var(--white-20);
  box-shadow: inset 0 1px 0 var(--white-20);
  background: var(--grey-pentadic);
  border-color: var(--grey-orange);
}
.ui-slider.slider-primary .ui-slider-range {
  background: var(--green-light);
  border-color: var(--bs3-danger-dark);
}
.ui-slider.slider-secondary .ui-slider-range {
  background: var(--blue-badge);
  border-color: var(--blue-border);
}
.ui-slider.slider-tertiary .ui-slider-range {
  background: var(--grey-orange);
  border-color: var(--grey-footer-border);
}
.ui-slider.slider-success .ui-slider-range {
  background: var(--bs3-success);
  border-color: var(--bs3-success-dark);
}
.ui-slider.slider-warning .ui-slider-range {
  background: var(--bs3-warning);
  border-color: var(--orange-tertiary);
}
.ui-slider.slider-danger .ui-slider-range {
  background: var(--red-secondary);
  border-color: var(--bs3-danger-border);
}
.ui-slider.slider-info .ui-slider-range {
  background: var(--gender-male);
  border-color: var(--bs3-info-blue);
}
.ui-slider-horizontal {
  height: 12px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -4px;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: -1px;
  height: 110%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: 11px;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -3px;
  margin-left: 0;
  margin-bottom: -0.6em;
  width: 15px;
  height: 24px;
  background: url(../img/jquery/handle-vertical.png) no-repeat;
}
.ui-slider-vertical .ui-slider-handle:hover {
  background-position: 0 -24px;
}
.ui-slider-vertical .ui-slider-handle:active {
  background-position: 0 -24px;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 9px;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
/* ==Autosize [.autosize]*/
/* ----------------------------------------------- */
.originalTextareaInfo {
  width: auto !important;
}
.autosize-animate {
  transition: height 0.2s;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
}
/* ==Date Picker [.datapicker]*/
/* ----------------------------------------------- */
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: var(--green-light);
  background-image: none;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: var(--green-light);
  background-image: none;
}
.datepicker-inline {
  border: 1px solid var(--grey-orange);
  width: 215px;
}
.datepicker-dropdown:before,
.datepicker-dropdown:after {
  display: none;
}
.ui-datepicker .input-group-addon {
  cursor: pointer;
}
/* ==iCheck [.icheck]*/
/* ----------------------------------------------- */
.icheckbox_minimal-blue,
.iradio_minimal-blue {
  display: inline-block;
}
.form-group .icheckbox_minimal-blue,
.form-group .iradio_minimal-blue {
  display: inline-block;
  top: 4px;
  margin-right: .5em;
  margin-left: -20px;
}
.checkbox-inline,
.radio-inline {
  margin-right: 20px;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-left: 0;
}
/* ==Select2 [.select2-container]*/
/* ----------------------------------------------- */
.select2-container {
  margin-left: 0 !important;
  text-align: left;
}
.select2-container .select2-choice {
  height: 34px;
  line-height: 34px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-color: var(--grey-pentadic);
  background: var(--white) !important;
  filter: none;
  box-shadow: inset 0 1px 1px var(--black-8);
}
.select2-container .select2-choice .select2-arrow {
  background: none;
  border: none;
  top: 2px;
  right: 5px;
}
.select2-container .select2-choice .select2-arrow b {
  background-position: 1px 1px;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -17px 1px;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-container .select2-choice:hover {
  border-color: var(--grey-pentadic) !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.select2-results {
  padding: 0;
  margin-right: 0;
}
.select2-search {
  padding-top: 4px;
}
.select2-drop,
.select2-drop.select2-drop-above {
  border: 1px solid var(--grey-footer-text);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border-color: var(--grey-footer-text);
  margin-top: -5px;
}
.select2-drop-multi.select2-drop-above {
  margin-top: -1px !important;
}
.select2-container .select2-choice abbr {
  top: 9px;
}
/* .select2-search-choice-close */
.select2-container-multi .select2-choices {
  min-height: 34px;
  background: var(--white);
  border: 1px solid var(--grey-pentadic);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.select2-container-multi .select2-choices .select2-search-field input {
  height: 28px;
  padding-bottom: 4px;
}
.select2-container-multi .select2-choices .select2-search-choice {
  background: var(--grey-white);
  height: 22px;
  line-height: 14px;
  margin: 2px 1px 1px 2px;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
  padding: 3px 22px 3px 6px;
  border: 1px solid var(--grey-footer-text);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.select2-container-multi .select2-search-choice-close {
  right: 3px;
  top: 4px;
  left: auto;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: var(--grey-tertiary);
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  background: var(--white) !important;
  border: 1px solid var(--grey-tertiary);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.select2-container .select2-choice > .select2-chosen i,
.select2-results .select2-result-label i,
.select2-container-multi .select2-choices .select2-search-choice i {
  margin: -1px 6px 0 0;
  height: 15px;
  vertical-align: -2px;
}
.form-control.select2-container {
  height: auto;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* ==Simple Color Picker [.simplecolorpicker]*/
/* ----------------------------------------------- */
.simplecolorpicker.inline {
  display: block;
  height: auto;
}
.simplecolorpicker.icon {
  display: block;
  width: 100px;
  height: 25px;
  text-align: center;
  border: 3px solid var(--grey-footer);
}
.simplecolorpicker.icon i {
  visibility: hidden;
  color: var(--white);
}
.simplecolorpicker span {
  display: inline-block;
  width: 25px;
  height: 25px;
  color: var(--white);
  text-align: center;
  border: 3px solid transparent;
}
.simplecolorpicker span i {
  display: table-cell;
  visibility: hidden;
  vertical-align: middle;
  width: 19px;
  height: 19px;
}
.simplecolorpicker span i:active,
.simplecolorpicker span i:focus {
  outline: none;
}
.simplecolorpicker span:hover {
  border-width: 3px;
  outline: none;
}
.simplecolorpicker span.selected {
  border-width: 3px;
}
.simplecolorpicker span.selected i {
  visibility: visible !important;
}
/* ==Bootstrap Timepicker [.bootstrap-timepicker]*/
/* ----------------------------------------------- */
.bootstrap-timepicker > .fa-clock-o {
  position: absolute;
  top: 10px;
  right: 10px;
}
.bootstrap-timepicker {
  position: relative;
}
.bootstrap-timepicker-widget.dropdown-menu {
  max-width: 215px;
}
.bootstrap-timepicker-widget.modal {
  margin: 0;
  width: auto;
}
.bootstrap-timepicker-widget.modal .modal-dialog {
  width: 280px;
}
.bootstrap-timepicker-widget.modal .modal-body {
  padding: 0;
}
.bootstrap-timepicker-widget.modal .modal-footer {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0;
}
.bootstrap-timepicker-widget .modal-content {
  padding: 0;
}
.bootstrap-timepicker .input-group-addon {
  cursor: pointer;
}
.bootstrap-timepicker-widget table td input {
  width: 42px;
}
/* ==Validation [.form-group]*/
/* ----------------------------------------------- */
.form-group {
  position: relative;
}
.form-group .parsley-success .parsley-error-list {
  display: none !important;
}
.form-group .parsley-error-list {
  position: relative;
  display: inline-block !important;
  padding: 2px 10px;
  margin: 0;
  list-style: none;
  color: var(--white);
  font-size: 12px;
  font-weight: 600;
  background: var(--error-border);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.form-group .parsley-error-list::after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid var(--error-border);
  position: absolute;
  top: -6px;
  left: 3px;
}
.form-horizontal .form-group span.error {
  margin-left: 1.5em;
  margin-left: 15px;
}
/* ==Howl [.howl]*/
/* ----------------------------------------------- */
.howl {
  padding: 0;
  list-style: none;
  background: var(--grey-primary);
  border: 1px solid var(--black);
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.howl:empty {
  display: none;
}
.howl-slot {
  position: relative;
}
.howl-close {
  position: absolute;
  top: 5px;
  right: 10px;
  padding: 10px;
  color: var(--black);
  outline: none !important;
  filter: alpha(opacity=25);
  -webkit-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
  text-shadow: none;
}
.howl-message {
  position: relative;
  padding: 10px 30px 13px 65px;
  color: var(--error-bg);
  font-size: 13px;
  font-weight: 500;
  background: transparent;
  text-shadow: 0px 1px var(--black);
  -webkit-box-shadow: inset 0px 1px var(--white-13), inset 0px -1px var(--black-23), inset 48px 0px 0px var(--black-30), inset 46px 0px 0px var(--white-7);
  -moz-box-shadow: inset 0px 1px var(--white-13), inset 0px -1px var(--black-23), inset 48px 0px 0px var(--black-30), inset 46px 0px 0px var(--white-7);
  box-shadow: inset 0px 1px var(--white-13), inset 0px -1px var(--black-23), inset 48px 0px 0px var(--black-30), inset 46px 0px 0px var(--white-7);
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
}
.howl-message:hover .howl-close {
  color: var(--white);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.howl-message a {
  color: var(--blue-badge);
  text-decoration: none;
}
.howl-message a:hover {
  text-decoration: underline;
}
.howl-title {
  margin-bottom: 4px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
.howl-title:empty {
  display: none;
}
.howl-message-inner:before {
  position: absolute;
  top: 15px;
  left: 18px;
  z-index: 20;
  display: block;
  content: " ";
  height: 13px;
  width: 13px;
  background-color: var(--grey-footer-border);
  -webkit-box-shadow: inset 0px 1px 3px var(--black-10);
  -moz-box-shadow: inset 0px 1px 3px var(--black-10);
  box-shadow: inset 0px 1px 3px var(--black-10);
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.howl-message.howl-danger .howl-message-inner:before {
  background-color: var(--red-secondary);
}
.howl-message.howl-info .howl-message-inner:before {
  background-color: var(--gender-male);
}
.howl-message.howl-success .howl-message-inner:before {
  background-color: var(--bs3-success);
}
.howl-message.howl-warning .howl-message-inner:before {
  background-color: var(--bs3-warning);
}
.howl-icon {
  position: absolute;
  top: 12px;
  left: 15px;
  z-index: 1000;
  width: 1em;
  font-size: 20px;
  text-align: center;
}
.howl-has-icon .howl-message-inner:before {
  display: none !important;
}
.howl-has-icon .howl-icon {
  color: var(--grey-orange);
}
.howl-has-icon .howl-success .howl-icon {
  color: var(--bs3-success);
}
.howl-has-icon .howl-warning .howl-icon {
  color: var(--bs3-warning);
}
.howl-has-icon .howl-danger .howl-icon {
  color: var(--red-secondary);
}
.howl-has-icon .howl-info .howl-icon {
  color: var(--gender-male);
}
.howl {
  position: fixed;
  top: auto;
  bottom: 10px;
  right: auto;
  left: 50%;
  z-index: 1001;
  width: 300px;
  padding: 0;
  margin: 0;
  margin-left: -150px;
}
@media (min-width: 768px) {
  .howl {
    left: auto;
    right: 30px;
    width: 350px;
    margin-left: 0;
  }

}
@media (min-width: 1200px) {
  .howl {
    width: 375px;
  }

}
/* ==Data Tables [.dataTable]*/
/* ----------------------------------------------- */
.datatable-columnfilter {
  width: 100% !important;
}
.datatable-hidesearch .dataTables_filter {
  display: none;
}
/* BS5 removed BS3's .hide utility class — restore for DataTable column filters etc. */
.hide {
  display: none !important;
}
/* BS5 renamed .input-sm to .form-control-sm — restore for DataTable filter inputs */
.form-control.input-sm {
  font-size: 12px;
  padding: 5px 10px;
  height: 30px;
}
.dataTables_wrapper .row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.dataTables_wrapper .dt-rt > div {
  margin-bottom: 1em !important;
}
.dataTables_wrapper .dt-rt > div:empty {
  margin-bottom: 0 !important;
}
.dataTables_wrapper .dt-rb > div {
  margin-top: 1em !important;
}
.dataTables_wrapper .dt-rb > div:empty {
  margin-top: 0 !important;
}
.dataTables_wrapper {
  margin-top: 4px;
}
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
  margin-bottom: 5px;
}
.dataTables_wrapper .dataTable {
  margin-bottom: .5em;
}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  vertical-align: middle;
  font-size: 12px;
  height: 30px;
  padding: 6px 8px;
  border: 1px solid var(--grey-pentadic);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: inset 0 1px 1px var(--black-8);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus {
  outline: none;
  border-color: var(--gender-male);
  box-shadow: inset 0 1px 1px var(--black-8), 0 0 8px var(--blue-focus-60);
}
.dataTables_wrapper .dataTables_length select {
  height: auto;
}
.dataTables_info {
  padding-top: 6px;
}
div.dataTables_length label {
  float: left;
  text-align: left;
  font-weight: 600;
}
div.dataTables_length select {
  width: 70px;
  margin-right: .65em;
}
div.dataTables_filter label {
  float: right;
  font-weight: 600;
}
div.dataTables_filter label input {
  width: 215px;
  margin-left: .65em;
}
div.dataTables_paginate {
  text-align: right;
  margin: 0;
}
div.dataTables_paginate .pagination {
  margin-top: 0;
  margin-bottom: 0;
}
.dataTable input::-ms-clear {
  display: none !important;
}
table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled,
.paginate_enabled_previous,
.paginate_enabled_previous:hover,
.paginate_disabled_previous,
.paginate_enabled_next,
.paginate_enabled_next:hover,
.paginate_disabled_next {
  position: relative;
  background: none;
}
.sorting:before,
.sorting_asc:before,
.sorting_desc:before,
.sorting_asc_disabled:before,
.sorting_desc_disabled:before,
.paginate_enabled_previous:before,
.paginate_disabled_previous:before,
.paginate_enabled_next:before,
.paginate_disabled_next:before {
  margin-right: 10px;
  color: var(--green-light);
  font-family: FontAwesome;
  font-size: 16px;
}
.sorting:before {
  content: "\f0dc";
  color: var(--grey-orange);
}
.sorting_asc:before,
.sorting_asc_disabled:before {
  content: "\f0de";
}
.sorting_desc:before,
.sorting_desc_disabled:before {
  content: "\f0dd";
}
.sorting_asc_disabled:before,
.sorting_desc_disabled:before {
  color: var(--grey-tertiary);
}
.paginate_enabled_previous:after,
.paginate_disabled_previous:after {
  content: "\f0d9";
  right: auto;
  left: 2px;
  top: 0;
}
.paginate_enabled_next:after,
.paginate_disabled_next:after {
  content: "\f0da";
  top: 0;
}
.paginate_disabled_previous:after,
.paginate_disabled_next:after {
  color: var(--grey-footer-border);
}
.paginate_enabled_previous:hover:after,
.paginate_enabled_next:hover:after {
  color: var(--green-light);
}
/* ==Flot */
/* ----------------------------------------------- */
#flotTip {
  padding: 3px 6px !important;
  color: var(--white) !important;
  font-size: 11px !important;
  text-align: center !important;
  text-decoration: none !important;
  background-color: var(--grey-footer) !important;
  background-color: var(--black-75) !important;
  border: 1px solid var(--black) !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  -webkit-box-shadow: inset 0 1px 0 var(--white-15);
  -moz-box-shadow: inset 0 1px 0 var(--white-15);
  box-shadow: inset 0 1px 0 var(--white-15);
}
.chart-tooltip {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: var(--white);
  font-size: 11px;
  padding: 5px 9px;
  border: 1px solid var(--grey-footer);
  background: var(--grey-primary);
  background: -moz-linear-gradient(top, var(--grey-primary) 0%, var(--green-primary) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--grey-primary)), color-stop(100%, var(--green-primary)));
  background: -webkit-linear-gradient(top, var(--grey-primary) 0%, var(--green-primary) 100%);
  background: -o-linear-gradient(top, var(--grey-primary) 0%, var(--green-primary) 100%);
  background: -ms-linear-gradient(top, var(--grey-primary) 0%, var(--green-primary) 100%);
  background: linear-gradient(top, var(--grey-primary) 0%, var(--green-primary) 100%);
  box-shadow: 0 1px 0 var(--white-6) inset;
  -webkit-box-shadow: 0 1px 0 var(--white-6) inset;
  -moz-box-shadow: 0 1px 0 var(--white-6) inset;
}
.chart-tooltip:after {
  content: '';
  display: inline-block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--green-primary);
  position: absolute;
  bottom: -5px;
  left: 4px;
}
/* ==Table Checkable [.table-checkable]*/
/* ----------------------------------------------- */
.table-checkable .checkbox-column {
  width: 40px;
  text-align: center;
  vertical-align: middle;
}
.table-checkable .checkbox-column input[type=text] {
  display: none;
}
.table-checkable tbody > tr.checked > td {
  background-color: var(--light-blue-bg);
}
/* ==User Accounts [.account-wrapper]*/
/* ----------------------------------------------- */
.account-bg {
  background: var(--green-light);
}
.account-header-divider {
  margin-top: 0;
  border-top: 10px solid var(--white);
  border-bottom: none;
}
.account-wrapper {
  position: relative;
  width: 90%;
  padding: 15px 0;
  margin: 0 auto;
  text-align: center;
}
.account-wrapper .row > div {
  margin-bottom: 1em;
}
.account-logo {
  position: relative;
  margin: 0 auto 25px;
  z-index: 100;
  width: 100px;
  height: 100px;
  background-color: var(--green-primary);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.account-logo::after {
  content: '';
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-top-color: var(--green-primary);
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}
.account-form {
  padding: 0;
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: left;
}
.account-form .placeholder-hidden {
  display: none;
}
.account-form .form-control {
  height: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 1.25em;
}
.account-body {
  position: relative;
  padding: 35px 30px 10px;
  margin-bottom: 1em;
  background-color: var(--white);
  border: 1px solid var(--grey-tertiary);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-shadow: 1px 1px 1px var(--black-12);
  -moz-box-shadow: 1px 1px 1px var(--black-12);
  box-shadow: 1px 1px 1px var(--black-12);
}
.account-body-title {
  margin-bottom: 10px;
  line-height: 1.5em;
}
.account-body-subtitle {
  color: var(--grey-medium);
  line-height: 1.5em;
}
.account-footer {
  padding: 0 25px;
  margin-top: 1.5em;
}
.account-or-social {
  display: block;
  margin-top: 1em;
}
@media (min-width: 768px) {
  .account-wrapper {
    width: 450px;
    padding: 30px 0;
  }

.account-wrapper .row > div {
    margin-bottom: 0;
  }

.account-body .account-form {
    padding: 0 25px;
    text-align: left;
  }

.account-or-social {
    margin-top: 2em;
  }

}
/* ==Support List [.support-list]*/
/* ----------------------------------------------- */
ul.support-list {
  margin-top: 2em;
  margin-bottom: 4em;
}
ul.support-list li {
  margin-left: 2.5em;
}
.scrollable-panel {
  height: 300px;
  overflow-y: hidden;
  outline: none;
}

/* ==Image Upload Component [.ts-iu-*] */
/* ----------------------------------------------- */
.ts-iu-dropzone {
  border: 2px dashed var(--green-primary);
  border-radius: 5px;
  background-color: var(--grey-white);
  padding: 25px 75px;
  margin: 1px;
  text-align: center;
  font-size: 20px;
  color: var(--green-primary);
  cursor: pointer;
  margin-bottom: 20px;
  min-width: 75%;
  max-width: 750px;
}
.ts-iu-dropzone:hover {
  background-color: var(--green-light);
  color: var(--green-primary);
}
.ts-iu-dropzone.ts-iu-dragover {
  border: 3px dashed var(--green-primary);
  margin: 0;
}
.ts-iu-status {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  max-width: 258px;
}
.ts-iu-resize-options .float {
  margin-bottom: 4px;
}
.ts-iu-hint {
  font-size: 14px;
  text-decoration: underline;
}

/* ==Event Modify Page
   ======================================================== */

/* Pricing level list items - remove default card styling */
#pricing_levels_holder li.pricing_level {
  border: none;
  margin: 0 0 30px 0;
  box-shadow: none;
  padding: 0;
}

/* Section heading icons (calendar, ticket, link, etc.) */
.section-icon {
  margin-right: 15px;
}

/* Pricing level additional settings header underline */
.pricing-settings-header {
  border-bottom: 2px solid var(--green-primary);
}

/* Venue map container */
.venue-map {
  height: 200px;
  width: 100%;
  border: 2px solid var(--grey-pentadic);
  border-radius: 5px;
}

/* Venue map placeholder icon */
.venue-map-placeholder {
  color: var(--grey-tetradic);
  font-size: 250px;
  margin: 30px;
}

/* Past venues link positioning */
.venue-link-positioned {
  position: relative;
  z-index: 100;
}

/* Festival/series scrollable list */
.event-series-list {
  max-height: 120px;
  overflow-y: scroll;
  border: 0.1em solid var(--grey-pentadic);
  padding: 4px;
  background-color: var(--white);
}

/* Venue room input width */
.venue-room-input {
  width: 75%;
}

/* Tickets info table cells */
.tickets-info-label {
  width: 50%;
}

.tickets-info-value {
  width: 50%;
  padding-left: 20px;
}

/* Pricing levels holder border */
.pricing-levels-border {
  padding: 5px;
  border: 1px solid var(--grey-white);
}

/* Venue label fixed height container */
.venue-label-container {
  height: 40px;
}

/* Restrict sales indented block */
.restrict-sales-indent {
  margin-left: 40px;
}

/* Selected categories minimum height */
.selected-categories-min {
  min-height: 34px;
}

/* Category clearfix spacer */
.category-spacer {
  height: 10px;
}

/* Category/genre unstyled lists */
.list-unstyled-flush {
  list-style-type: none;
  padding-left: 0;
}

/* Textarea no-resize */
.resize-none {
  resize: none;
}

/* Small note text */
.text-note-small {
  font-size: 8pt;
}

/* Line-height compact for form help text */
.lh-compact {
  line-height: 14px;
}

/* Required-field asterisk fix: manage.css uses absolute positioning (left: -10px)
   which breaks when .required_holder wraps only the <span class="required"> with no
   label text inside — the holder has zero dimensions so the asterisk has no anchor.
   Override to static positioning so the asterisk flows inline in both patterns:
     Pattern A: <label class="required_holder"><span class="required"></span>Label</label>
     Pattern B: <span class="required_holder"><span class="required"></span></span><label>Label</label> */
.required_holder {
  padding-left: 0;
}
.required_holder span.required::before {
  position: static !important;
  left: auto !important;
  margin-right: 2px;
}

/* Fixed bottom submit bar */
.submit-bar-fixed {
  position: fixed;
  bottom: 10px;
  z-index: 999999;
  border-radius: 0;
  margin-left: -15px;
}

/* ============================================================
   Event Modify Page (modify.tpl)
   ============================================================ */

/* Card title link block */
.card-title a {
  display: block;
  padding: 10px 15px;
  margin: -10px -15px;
  text-align: left !important;
}

/* Venue link styling */
.venue_link {
  margin-top: 10px;
  cursor: pointer;
  position: relative;
  text-decoration: underline;
  font-size: 8pt;
  z-index: 99999;
}

/* Radio button help text offset */
.radio-help {
  margin-top: -10px;
  margin-left: 18px;
}

/* --- Timeslot Section --- */

.timeslot_time {
  cursor: pointer;
  text-align: center;
}

.availability {
  line-height: 20px;
  border-left: 20px solid var(--green-primary);
  padding-left: 10px;
}

/* Section icon padding (modify page context) */
.section-icon {
  padding: 0 10px;
}

/* UI Datepicker overrides (timeslot calendar) */
.ui-datepicker {
  width: auto !important;
}

.ui-datepicker-calendar {
  margin: 10px auto;
  border-spacing: 1px;
  border-collapse: separate;
  width: 100% !important;
}

.ui-datepicker-title {
  padding: 10px 20px;
  background-color: var(--grey-tertiary);
}

.ui-datepicker-month,
.ui-datepicker-year {
  font-size: 1.5rem;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  cursor: pointer;
  background-color: var(--grey-tertiary);
  padding: 10px 20px;
}

.ui-datepicker-prev {
  float: left;
}

.ui-datepicker-next {
  float: right;
}

.ui-datepicker-calendar td.hasts {
  line-height: 25px;
  padding: 10px;
  background-color: var(--light-green);
}

.ui-datepicker-calendar a {
  display: block;
  color: var(--white);
  font-weight: 700;
  height: 100%;
}

.ui-datepicker-calendar a:hover {
  text-decoration: none;
  transform: scale(2);
}

.ui-datepicker-inline {
  text-align: center;
  width: 100%;
}

.ui-datepicker-calendar th {
  text-align: center;
  background-color: var(--grey-footer-border);
  color: var(--white);
  padding: 10px;
  font-weight: normal;
}

.ui-datepicker-calendar tbody td.ui-datepicker-unselectable {
  background-color: var(--light-green-0);
}

/* Timeslot actions panel */
#timeslot-actions {
  display: none;
}

#timeslot-actions > div {
  margin-top: 10px;
}

.timeslot-date,
#date3 {
  text-align: center;
  font-weight: bold;
}

#timeslots h3,
#timeslots-tickets h3 {
  color: var(--green-primary);
  border-bottom: 1px solid var(--green-primary);
}

/* Timeslot modal and ticket price calendar overrides */
.modal-content .calendar-col,
.modal-content .timeslots-col,
#TicketPrices .timeslots-col,
#TicketPrices .calendar-col {
  width: 100% !important;
}

.modal-content .ui-datepicker-inline {
  margin: 0 auto;
}

/* Timeslot row action icons */
.del-ts,
.edit-ts,
.save-ts,
.cancel-ts {
  cursor: pointer;
  margin: 0 10px;
}

.del-ts {
  color: var(--error-border);
}

.edit-ts,
.save-ts,
.cancel-ts {
  color: var(--light-green);
}

/* Custom spacing utilities (modify page) */
.mb-10 {
  margin-bottom: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

/* Statistics page styles */
.statistics-wrapper {
  width: 100%;
  margin: 0 auto;
  background-color: var(--white);
  padding: 10px;
}

.chart-container {
  width: 100%;
}

.chart-sales {
  height: 200px;
}

.chart-piechart {
  height: 400px;
}

.chart-medium {
  height: 300px;
}

.chart-large {
  height: 500px;
}

.chart-postal {
  width: 500px;
  height: 500px;
}

.chart-genders {
  width: 300px;
  height: 300px;
}

.countries-table-cell {
  text-align: center;
  padding: 5px;
}

.statistics-data-table {
  width: 100%;
}

.statistics-col-50 {
  vertical-align: top;
  width: 50%;
}

/* ==Giveaways (admin/events/giveaways/index.tpl) */
.ico_delete {
  cursor: pointer;
}

tr.void td,
tr.void:hover {
  background-color: var(--orange-tetradic) !important;
  color: var(--red-primary) !important;
}

/* ==Seat Manager (admin/events/seating/index.tpl) */
.save_error {
  background-color: var(--light-pink);
}

/* ==Check-in Camping (admin/check-in/camping/index.tpl) */
#loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(/_images/motif2.gif) center no-repeat var(--white);
  opacity: 0.9;
}

.highlight-text {
  background-color: var(--mint-green);
  font-weight: bold;
  padding: 5px;
  margin-left: -5px;
  margin-right: -5px;
}

#results-list td,
#results-list th {
  font-size: 12pt;
}

.addon {
  background-color: var(--error-bg);
  padding: 10px;
  font-size: 12pt;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 0px solid var(--black);
  color: var(--black);
}

.addon-name {
  font-size: 12pt;
  font-weight: bold;
}

.addon-224,
.addon-223,
.addon-227 {
  /* North General / Handicap */
  background-color: var(--pure-yellow) !important;
}

.addon-221 {
  /* Hillsview */
  background-color: var(--orange-tertiary) !important;
}

.addon-222,
.addon-226 {
  /* Premium Martin / Handicap */
  background-color: var(--gender-male) !important;
}

.addon-220 {
  /* Premium South */
  background-color: var(--bright-green) !important;
}

.addon-225 {
  /* Roughland */
  background-color: var(--pink) !important;
}

.card-header h3 {
  margin: 10px 0px 10px 0px !important;
}

#patron_name {
  margin: 0px !important;
}