@import url(https://fonts.googleapis.com/css?family=Nunito:400,300,600,700);

body {
	margin:0px auto;
	background-color:#f0f0f1;
	font-family:Nunito;
}

a:link {
	color:#93c741;
	text-decoration:none;
}

a:link.ui-state-default {
    color: #000 !important;
}

a:hover {
	color:#93c741;
	text-decoration:underline;
}

a:visited {
	color:#93c741;
	text-decoration:none;
}

h1 {
    font-size: 1.2em;
    line-height: 1.2;
    margin: 0;
}

h2, h3 {
    margin: 0;
}

form {
    margin:0px;
}

input[type="text"], input[type="password"], input[type="number"], input[type="email"], textarea {
    background-color:#ffffff;
    border: 0;
    border-radius: 4px;
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    outline: 0;
    border: 1px solid #d5d5d5;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 3%), 0px 3px 6px rgb(0 0 0 / 2%);
    -webkit-appearance: none;
}

input[type="text"]:not(.volunteer_search_container > input):focus, textarea:focus {
    -webkit-box-shadow: 0px 0px 3px 2px rgba(147,199,66,0.5);
    -moz-box-shadow: 0px 0px 3px 2px rgba(147,199,66,0.5);
    box-shadow: 0px 0px 3px 2px rgba(147,199,66,0.5);
}

input[type="text"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, textarea:disabled {
    opacity:.6;
}

textarea {
    font-family:Nunito;
}

select {
    background-color:#ffffff;
    border-radius: 4px;
    color: #333333;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    outline: 0;
    border: 1px solid #d5d5d5;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 3%), 0px 3px 6px rgb(0 0 0 / 2%);
}

button, input[type="button"], input[type="submit"] {
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
   color: #999999;
}

:-moz-placeholder { /* Firefox 18- */
   color: #999999; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #999999;  
}

:-ms-input-placeholder {  
   color: #999999;
}

hr {
    border: 0px;
    border-top: 1px #e0e5e9 solid;
    margin-bottom: 20px;
}

#black_link {
	color:#333333;
	text-decoration:none;
}

#white_link {
	color:#ffffff !important;
	text-decoration:none;
}

#white_link:visited {
	color:#ffffff !important;
	text-decoration:none;
}

#white_link:hover {
    color:#f1f1f1 !important;
	text-decoration:none;
}

.grey_link {
	color:#999999 !important;
	text-decoration:none;
}

.span_link {
	color:#93c741;
	text-decoration:none;
	cursor:pointer;
}

.span_link:hover {
    text-decoration:underline;
}

.green_text {
	color:#93c741;
}

.grey_text {
	color:#999999;
}

.grey_light_text {
	color:#c5c5c5;
}

.clear {
	clear:both;
}

.ui-tooltip {
    font-size:14px !important;
    z-index:1000000000 !important;
}

.no_select {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.no_scroll { 
  overflow: hidden;
}

.help_icon {
    display:inline-block;
    font-size:16px;
    text-align:center;
    cursor:pointer;
    border-radius:10px;
}

.help_icon:hover {
    opacity:.75;
}

.tag_label {
    display:inline-block;
    height:25px;
    font-size:14px;
    text-align:center;
    line-height:20px;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    border-radius:3px;
    box-sizing:border-box;
    margin-left:10px;
}

.inline_label {
    display:inline-block;
    font-size:13px;
    text-align:center;
    line-height:20px;
    padding:3px;
    border-radius:3px;
    box-sizing:border-box;
    margin-left:10px;
}

.new_label {
    display:inline-block;
    width:auto;
    height:20px;
    line-height:20px;
    text-align:center;
    font-size:12px;
    color:#ffffff;
    background-color:#4da1e8;
    box-sizing:border-box;
    border-radius:3px;
    padding-left:5px;
    padding-right:5px;
    z-index:10000;
}

.page {
	margin:0px auto;
	width:100%;
	margin-top:30px;
}

.page_left {
    float:left;
    width:600px;
    margin-right:20px;
}

.page_right {
    float:left;
    width:330px;
}

.page_container_flex {
    display: flex;
    flex-direction: row; /* Default order: left-div, right-div */
}

.page_left_flex {
    order:1; /* Default order: 1, floated to the left */
    width:600px;
    margin-right:20px;
}

.page_right_flex {
    order:2; /* Default order: 1, floated to the left */
    width:330px;
}

.page_block_holder {
    width:100%;
}

.page_block {
    position:relative;
    margin:0px auto;
    width:100%;
    max-width:600px;
    background-color:#ffffff;
    border:1px #F1F1F1 solid;
    border-radius:3px;
    padding:20px;
    margin-bottom:35px;
    box-sizing:border-box;
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.02), 0 3px 6px 0 rgba(0, 0, 0, 0.06);
}

.page_block_gray {
    margin:0px auto;
    width:100%;
    max-width:600px;
    background-color:#f9f9f9;
    border-radius:3px;
    padding:20px;
    margin-bottom:35px;
    box-sizing:border-box;
}

.page_block_header {
    margin:0px auto;
    width:100%;
    max-width:600px;
    min-height:50px;
    background-color:#F9F9F9;
    color:#212121;
    font-weight:bold;
    padding:20px;
    border:1px #F1F1F1 solid;
    border-bottom:0px;
    box-sizing:border-box;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.02), 0 3px 6px 0 rgba(0, 0, 0, 0.06);
}

.page_block_header_right {
    float:right;
    font-size:15px;
    font-weight:normal;
}

.page_block_no_top_radius {
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}

.page_block_no_top_padding {
    padding-top:10px;
}

.page_block_no_bottom_padding {
    padding-bottom:10px;
}

.page_block_no_padding {
    padding:0px;
}

.page_block_item {
    width:100%;
    padding:15px;
    border-bottom:1px #f1f1f1 solid;
    box-sizing:border-box;
}

.page_block_item_left {
    font-size:15px;
}

.page_block_item_right {
    float:right;
}

.page_block_item_right .action_button {
    margin-left:10px;
}

.page_block_show_image {
    width:100%;
    height:250px;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

.page_block_show_image img {
    width:100%;
    height:100%;
}

.page_cover_blank {
    background-color:#e5e5e5;
    cursor:pointer;
}

.page_header {
	padding-bottom:30px;
}

.page_header_title {
    font-size:23px;
    font-weight:600;
}

.page_header_subtitle {
    font-size:15px;
    font-weight:200;
    padding-top:10px;
}

.page_heading {
    width:100%;
    font-size:16px;
    font-weight:bold;
    padding:15px;
    box-sizing: border-box;
    background-color:#f9f9f9;
    box-shadow:0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border:1px #e3e8ee solid !important;
    border-bottom:0px !important;
}

.page_subheading {
    width:100%;
    height:25px;
    line-height:25px;
    background-color:#F9F9F9;
    font-size:10pt;
    color:#999999;
    padding-left:15px;
    padding-right:15px;
    box-sizing: border-box;
    border-bottom:1px #d5d5d5 solid;
}

.page_content {
	padding:15px;
	margin-bottom:20px;
	background-color: #ffffff;
    box-shadow:0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border:1px #e3e8ee solid !important;
    border-bottom:0px !important;
    box-sizing:border-box;
}

.page_content_20 {
    padding:20px;
}

.page_content_no_header {
    border-radius:5px !important;
}

.admin_page_left {
    float:left;
    width:510px;
    margin-right:20px;
}

.admin_page_right {
    float:left;
    width:280px;
}

.hanging_gray_box {
    width:100%;
    padding:15px;
    font-size:15px;
    color:#333333;
    text-align:center;
    background-color:#f9f9f9;
    box-shadow: 0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
    box-sizing:border-box;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px #e3e8ee solid !important;
    border-bottom: 0px !important;
    margin-top:-25px;
    margin-bottom:20px;
}

/* Page Forms */

.page_input_holder {
    width:100%;
    padding-bottom:15px;
}

.page_input_holder_50 {
    display:inline-block;
    width:48%;
}

.page_input_holder input[type="text"], .page_input_holder input[type="email"], .page_input_holder input[type="password"], .page_input_holder select {
    width:100%;
    height:45px;
    font-size:15px;
    padding-left:15px;
    padding-right:15px;
    line-height: 20px;
    box-sizing:border-box;
}

.page_input_holder textarea {
    width:100%;
    height:90px;
    font-size:15px;
    padding:15px;
    line-height: 20px;
    box-sizing:border-box;
}

.page_input_holder button {
    height:45px;
    font-size:16px;
}

.page_input_label {
    font-size:15px;
    font-weight:700;
    padding-bottom:10px;
}

.page_input_label_right {
    float:right;
}

.page_form_item {
    width:100%;
    padding:20px;
    box-sizing:border-box;
}

.page_form_item_left {
    display:inline-block;
    width:200px;
    vertical-align:top;
    padding-right:20px;
}

.page_form_item_right {
    display:inline-block;
    vertical-align:top;
    max-width:300px;
    width:100%;
}

.page_form_item_description {
    display:block;
    width:100%;
    font-size:14px;
    color:#999999;
}

.page_form_item input[type="text"], .page_form_item input[type="email"], .page_form_item input[type="password"], .page_form_item input[type="number"], .page_form_item select {
    width:100%;
    height:40px;
    font-size:15px;
    padding-left:15px;
    padding-right:15px;
    line-height: 20px;
    box-sizing:border-box;
    margin-top:5px;
}

.page_form_item textarea {
    width:100%;
    height:90px;
    font-size:15px;
    padding:15px;
    line-height: 20px;
    box-sizing:border-box;
    margin-top:5px;
}

.type_box {
    display:inline-block;
    width:100%;
    height:80px;
    text-align:center;
    border:1px #f1f1f1 solid;
    border-radius:2px;
    box-sizing:border-box;
    vertical-align:top;
    cursor:pointer;
    margin-bottom:20px;
    -webkit-transition: .4s;
    transition: .4s;
}

.label_item {
    position: relative;
    display: block;
    width: 100%;
    font-size:15px;
    text-align: left;
    border: 1px #e3e4e7 solid;
    box-sizing: border-box;
    border-radius:5px;
    padding:10px;
    margin-bottom:5px;
    cursor:pointer;
}

.label_item:hover {
    background-color:#f9f9f9;
}

.label_item_active {
    background-color:#f9f9f9;
}

.label_item_active_blue {
    color:#ffffff;
    background: rgb(73,158,230);
    background: linear-gradient(45deg, rgba(73,158,230,1) 0%, rgba(113,190,255,1) 50%, rgba(73,158,230,1) 100%);
    border:1px #ffffff solid;
    box-shadow: 0 0 0 1px #4a9fe6;
}

.label_item_radio {
    display:inline-block;
    padding-right:3px;
}

.label_item_right {
    float:right;
    font-size:14px;
    color:#999999;
}

.type_box:hover {
    border: 3px #93c742 solid;
}

.type_box:hover .type_box_icon {
    color:#93c742;
}

.type_box_active {
    border: 3px #93c742 solid;
}

.type_box_active .type_box_icon {
    color:#93c742;
}

.type_box_icon {
    float:left;
    font-size:36px;
    color:#212121;
    width:40px;
    -webkit-transition: .4s;
    transition: .4s;
    padding:20px;
}


.type_box_content {
    float:left;
    text-align:left;
    padding:18px;
    padding-left:0px;
}

.type_box_name {
    width:100%;
    font-size:18px;
    color:#212121;
}

.type_box_description {
    font-size:14px;
    color:#999999;
}


.login_box {
    width:350px;
    margin:0px auto;
	margin-bottom:20px;
}

.login_box_header {
    font-size:18pt;
    font-weight:bold;
    text-align:center;
    margin-bottom:20px;
    color:#000000;
}

.login_box_subheading {
    font-size:14pt;
    text-align:center;
    margin-bottom:10px;
}

.login_box_content {
	background-color:#ffffff;
	padding:15px;
	border:1px #dfdfdf solid;
    border-top:5px #93C741 solid;
    box-sizing: border-box;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
    box-shadow:0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
}

.login_footer {
    width:350px;
    color:#999999;
    text-align:center;
    margin:0px auto;
	margin-bottom:20px;
}

.admin_login_input {
	width:100%;
	height:40px;
	background-color:#ffffff;
	font-size:13pt;
	border:1px #dfdfdf solid;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
    box-sizing:border-box;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.heading {
	font-size:26pt;
	color:#333333;
	text-align:center;
}


/* Header */

.header {
    position: sticky;
    top: 0;
    z-index: 9999999;
	margin:0px auto;
	width:100%;
	height:50px;
	background-color:#93c741;
    box-shadow: 0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
}

.header_admin {
    position:fixed;
    top: 0px;
    background-color:#ffffff;
    box-shadow:0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
    height:50px;
    border-bottom:1px #e3e8ee solid;
    z-index:100000000;
}


.header_logo {
    position:relative;
	float:left;
	height:50px;
	font-size:18pt;
    font-weight:600;
	color:#ffffff;
	line-height:50px;
    z-index:1;
}

.header_logo_custom {
	float:left;
	height:50px;
	font-size:18pt;
    font-weight:300;
	color:#ffffff;
	line-height:50px;
}

.header_logo img {
    float:left;
    height:20px;
    margin-top:14px;
}


.logo {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.header_shopping_tab {
    position:relative;
    display:inline-block;
	height:50px;
	line-height:50px;
	font-size:15px;
	color:#ffffff;
	padding-right:20px;
	padding-left:20px;
	cursor:pointer;
    z-index:1;
}

.header_shopping_tab:hover {
	background-color:#8DBD3D;
	cursor:pointer;
}

.header_link{
    text-decoration: none !important;
}

.header_shopping_tab_current {
    position:relative;
	display:inline-block;
	height:50px;
	line-height:50px;
	font-size:15px;
	color:#ffffff;
	padding-right:20px;
	padding-left:20px;
	background-color:#8DBD3D;
	cursor:pointer;
    z-index:1;
}

.header_shopping_tab_icon {
	float:left;
	margin-top:13px;
	margin-right:10px;
}

.header_shopping_tab i, .header_shopping_tab_current i {
    font-size:20px;
    margin-top:15px;
}

.header_shopping_tab_right {
    float:right;
}

.header_shopping_pill {
    position:absolute;
    top:7px;
    right:2px;
    height:16px;
    min-width:16px;
    line-height:16px;
    background-color:#e44134;
    color:#ffffff;
    font-size:12px;
    font-weight:normal !important;
    text-align:center;
    box-sizing:border-box;
    padding-left:3px;
    padding-right:3px;
    border-radius:8px;
}

.header_nav_center {
    position:absolute;
    width:100%;
    text-align:center;
    margin-left:-20px;
}

.header_nav_dropdown {
    display:none;
    position:absolute;
    left:0px;
    width:185px;
    background-color:#ffffff;
    z-index:10000000;
    border:1px #d5d5d5 solid;
    border-top:0px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    box-shadow:0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
}

.header_nav_dropdown_item {
    position:relative;
    display:block;
    width:100%;
    height:40px;
    line-height:40px;
    font-size:15px;
    color:#333333;
    text-align:left;
    padding-left:20px;
    padding-right:20px;
    box-sizing:border-box;
    transition: all 0.5s ease;
}

.header_nav_dropdown_item:hover {
    font-weight:bold;
    background-color:#f9f9f9;
    transition: all 0.5s ease;
}

.header_nav_dropdown_item:hover i {
    color:#499ee6;
}

.header_nav_dropdown_item_new {
    display:none;
    position:absolute;
    right:-20px;
    top:10px;
    height:20px;
    line-height:20px;
    text-align:center;
    font-size:12px;
    color:#ffffff;
    background-color:#4da1e8;
    box-sizing:border-box;
    border-radius:3px;
    padding-left:5px;
    padding-right:5px;
    z-index:10000;
}

.header_nav_dropdown_item_text {
    float:left;
}

.header_nav_dropdown_item_icon {
    float:left;
    width:35px;
    margin-top:-4px;
}

.header_search input[type="text"] {
    width:180px;
    height:35px;
    background-color:#f0f0f1;
    margin-top:7px;
    border:1px #f0f0f1 solid;
    border-radius:20px;
    box-sizing:border-box;
    box-shadow:none;
    padding-left:15px;
    padding-right:15px;
}

.header_search_input {
    width:515px;
    height:35px;
    background-color:#ffffff;
    color:#333333;
    font-size:11pt;
    font-weight:300;
    margin-top:7px;
    margin-left:20px;
    padding-left:10px;
    padding-right:10px;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    box-sizing:border-box;
    outline:none;
}

.header_search_bar {
    display:none;
    position:absolute;
    right:0px;
    top:50px;
    width:395px;
    background-color:#ffffff;
    padding:10px;
    box-sizing:border-box;
    z-index:10000000;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    box-shadow:0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
}

.header_search_bar input {
    width:100%;
    height:35px;
    background-color:#f0f0f1;
    border:1px #f0f0f1 solid;
    border-radius:20px;
    box-shadow:none;
    box-sizing:border-box;
    padding-left:15px;
    padding-right:15px;
    box-shadow:none !important;
    outline:none !important;
}

.header_search_bar input:focus {
    border:0px !important;
}

.header_admin_tab {
    position:relative;
	float:left;
	height:50px;
	line-height:50px;
	font-size:14px;
	color:#333333;
	padding-right:20px;
	padding-left:20px;
	cursor:pointer;
}

.header_admin_tab:not(.header_search):hover {
	background-color:#ffffff;
	cursor:pointer;
    box-shadow: inset 0 -3px 0 0 #8DBD3D;
}

.header_admin_tab:not(.header_nav_more):hover i {
    color:#8DBD3D;
}

.header_admin_tab a {
    text-decoration:none !important;
}

.header_admin_tab_current {
    position:relative;
	float:left;
	height:50px;
	line-height:50px;
	font-size:14px;
    font-weight:bold;
	color:#333333;
    background-color:#ffffff;
    box-shadow: inset 0 -3px 0 0 #8DBD3D;
	padding-right:20px;
	padding-left:20px;
	cursor:pointer;
}

.header_admin_tab_mobile i {
    color:#333333;
}

.header_admin_tab_current i {
    color:#8DBD3D;
}


.header_admin_tab_current .header_nav_dropdown_item {
    font-weight:normal;
}

.header_admin_tab_icon {
	float:left;
	margin-top:13px;
	margin-right:10px;
}

.header_admin_tab i, .header_admin_tab_current i {
    font-size:20px;
    margin-top:15px;
    margin-right:3px;
}

.header_admin_tab_left {
    float:none;
    display:inline-block;
    padding-left:20px;
    padding-right:20px;
}

.header_admin_tab_right {
    float:right !important;
    padding-left:10px;
    padding-right:10px;
    z-index:10000;
}

.header_admin_tab i, .header_admin_tab_current i {
    font-size:16px;
}

.header_admin_tab .fa-chevron-down, .header_admin_tab_current .fa-chevron-down {
    font-size:12px;
    color:#333333 !important;
}

.banners_container{
    width: 100%;
    position: fixed;
    top: 0px;
    z-index:100000000;
    display: flex;
    flex-direction: column;
}

.maintenance_banner_container {
    width: 100%;
    background-color: #489ee6;
    color: #fff;
    display: flex;
    justify-content: center;
    gap: 8px;
    height: 40px;
    align-items: center;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 600;
}

.staging_banner_container a {
    color: white;
}

.staging_banner_container a img {
    filter: invert(1);
    height: 25px;
}

.approval_banner {
    background-color: #FFF0B6;
    color: #000;
}

.guest_access_banner {
    background-color: #333;
    color: #fff;
}

.verification_container {
    position: relative;
    padding: 20px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #d5d5d5;
    border-radius: 4px;
}

.email_verify_input_group {
    display:flex;
    gap: 7px;
    justify-content: center;
    margin-bottom:20px;
}

.email_verify_input_group > input.email_verify_input {
    border: 1px solid #d5d5d5;
    width: 40px;
    height: 50px;
    border-radius: 4px;
    text-align: center;
    font-size: 16pt;
    font-weight: 600;
}

.input.email_verify_input:focus {
    outline: none !important;
    border: 1px solid #93c741;
}

.header_admin_logo {
    position:relative;
	float:left;
    cursor:pointer;
    padding-left:20px;
    z-index:10000;
}

.header_admin_logo img {
    height:20px;
    padding-top:14px;
    margin-bottom:16px;
    vertical-align:middle;
}

.header_admin_logo i {
    font-size:16px;
    color:#d5d5d5;
    vertical-align:middle;
    margin-left:3px;
}

.header_content {
    margin:0px auto;
    width:100%;
    padding-left:20px;
    padding-right:20px;
    box-sizing:border-box;
}



/* Sub Navigation */

.sub_navigation {
    position:fixed;
    top:50px;
    width:100%;
    height:40px;
    background-color:#f9f9f9;
    border-bottom:1px #e3e8ee solid;
    z-index:10000000;
}

.sub_navigation_content {
    margin:0px auto;
    width:100%;
    text-align:center;
}

.sub_navigation_title {
    position: relative;
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight:bold;
    color: #333333;
    padding-right: 20px;
    padding-left: 15px;
}

.sub_navigation_item {
    position: relative;
    display:inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #333333;
    padding-right: 15px;
    padding-left: 15px;
    cursor: pointer;
}

.sub_navigation_item:hover {
    box-shadow: inset 0 -3px 0 0 #8DBD3D;
}

.sub_navigation_item_active {
    box-shadow: inset 0 -3px 0 0 #8DBD3D;
}

.sub_navigation_item i {
    margin-right:3px;
}

.sub_navigation_item_active i {
    color:#8DBD3D;
}


/* Footer */

.footer {
	clear:both;
	margin:0px auto;
	padding-top:30px;
	padding-bottom:30px;
	width:950px;
	font-size:10pt;
	color:#999999;
}

.footer_right {
	float:right;
}

/* Checkout timeline */

.checkout_title_right {
    font-size:14pt;
    margin-bottom:5px;
}

.checkout_subtitle_right {
    font-size:12pt;
    margin-bottom:20px;
}

.checkout_timeline {
    background-color:#f9f9f9;
    width:100%;
    box-sizing: border-box;
    border:1px #dfdfdf solid;
    border-bottom:0px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	border-radius-bottomleft:0px;
	border-radius-bottomright:0px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.checkout_timeline_item {
    float:left;
    width:33%;
    height:40px;
    text-align:center;
    font-size:11pt;
    line-height:40px;
    border-right:1px #dfdfdf solid;
}


.checkout_timeline_item_checked {
    float:left;
    width:33%;
    height:40px;
    text-align:center;
    font-size:11pt;
    line-height:40px;
    border-right:1px #dfdfdf solid;
    background-color:#d5d5d5;
    color:#ffffff;
}

/* Timeline */

.timeline {
	margin:0px auto;
	position:relative;
	width:810px;
	padding-top:60px;
	padding-bottom:60px;
	border-top:1px #f6f7f6 solid;
	border-bottom:1px #dfdfdf solid;
}

.timeline_bar {
	width:100%;
	height:3px;
	background-color:#d4d4d4;
	border:1px #aeaeae solid;
}

.timeline_item {
	float:left;
	position:relative;
	width:268px;
	height:1px;
}

.timeline_text {
	position:relative;
	top:-50px;
	text-align:center;
	font-size:11pt;
	color:#888888;
}

.timeline_text_active {
	position:relative;
	top:-50px;
	text-align:center;
	font-size:11pt;
	font-weight:bold;
	color:#333333;
}

.timeline_icon {
	position:absolute;
	left:50%;
	top:-22px;
	margin-left:-22px;
	width:44px;
	height:44px;
	text-align:center;
	font-size:14pt;
	color:#666666;
	line-height:44px;
	background-color:#ffffff;
	border:1px #a5a6a7 solid;
	-webkit-border-radius:22px;
	-moz-border-radius:22px;
	border-radius:22px;
}

.timeline_icon_checked {
	position:absolute;
	left:50%;
	top:-22px;
	margin-left:-22px;
	width:44px;
	height:44px;
	text-align:center;
	font-size:14pt;
	color:#ffffff;
	line-height:44px;
	background-color:#93c741;
	border:1px #a5a6a7 solid;
	-webkit-border-radius:22px;
	-moz-border-radius:22px;
	border-radius:22px;
}

.content {
	margin:0px auto;
    width:100%;
	max-width:950px;
}

.admin_content {
	margin:0px auto;
	width:810px;
	padding-bottom:10px;
    padding-top:45px;
}

.content_left {
	float:left;
	width:365px;
}

.content_right {
	float:left;
	width:380px;
	margin-left:50px;
}

.content_heading {
	font-size:16pt;
}

.input_large {
	width:100%;
	height:35px;
	background-color:#ffffff;
	font-size:18px;
	margin-top:10px;
    box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
}

#input_large {
	width:100%;
	height:35px;
	background-color:#ffffff;
	font-size:18px;
	margin-top:10px;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
}

#input_large_valid {
	width:100%;
	height:35px;
	background-color:#ffffff;
	font-size:18px;
	margin-top:10px;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	background:url("http://jquerycreditcardvalidator.com/tick.png") 350px center no-repeat;
}

#input_large_special {
	width:100%;
	height:35px;
	background-color:#ffffff;
	font-size:18px;
	margin-top:10px;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
}

.input_large_special {
	width:100%;
	height:35px;
	background-color:#ffffff;
	font-size:18px;
	margin-top:10px;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
}

#input_small {
	width:40px;
	height:35px;
	background-color:#ffffff;
	font-size:18px;
	margin-top:10px;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}

.input_phone {
	width:55px;
	height:35px;
	background-color:#ffffff;
	font-size:18px;
	margin-top:10px;
	text-align:center;
}

.form_input {
    width:100%;
    height:35px;
	background-color:#ffffff;
    border-radius: 4px;
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    line-height: 35px;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
    outline: 0;
    border: 1px solid #d5d5d5;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 3%), 0px 3px 6px rgb(0 0 0 / 2%);
}

#form_input {
    width:100%;
    height:50px;
	background-color:#ffffff;
    border-radius: 4px;
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing:border-box;
    outline: 0;
    border: 1px solid #d5d5d5;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 3%), 0px 3px 6px rgb(0 0 0 / 2%);
}

#form_input_valid {
    width:100%;
	height:35px;
	background-color:#ffffff;
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
	border-radius:3px;
    box-sizing:border-box;
    background:url("http://jquerycreditcardvalidator.com/tick.png") 540px center no-repeat;
}

.form_textarea {
    width:100%;
    height:90px;
	background-color:#ffffff;
    border: 0;
    border-radius: 4px;
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    font-family:nunito;
    padding:15px;
    box-sizing:border-box;
    outline: 0;
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
}

.form_button {
	width:100%;
	height:35px;
	background-color:#93c741;
    color:#ffffff;
	font-size:11pt;
	padding-left:10px;
	padding-right:10px;
    border:0px;
	border-radius:3px;
    box-sizing:border-box;
    cursor:pointer;
    box-shadow: 0 0 0 1px rgba(42, 69, 43, 0.45), 0 2px 5px 0 rgba(42, 47, 69, 0.13), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent !important;
}

.form_button:hover {
    background:#9ccb53;
}

.form_heading {
    font-size:11pt;
    font-weight:bold;
    margin-bottom:10px;
    margin-top:15px;
}

.form_description {
    font-size:12px;
    margin-top:-10px;
    margin-bottom:5px;
}

.select_menu_large {
	-webkit-appearance: menulist-button;
	width:100%;
	height:35px;
	background-color:#ffffff;
}

.select_menu_small {
	-webkit-appearance: menulist-button;
	width:50px;
	height:35px;
	background-color:#ffffff;
    padding-left:5px;
    padding-right:5px;
    border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
}

#select_menu_small {
	-webkit-appearance: menulist-button;
	width:50px;
	height:35px;
	background-color:#ffffff;
	margin-top:10px;
}

.select_input_small {
	width:55px;
	height:35px;
	background-color:#ffffff;
    padding-left:7px;
    padding-right:7px;
    box-sizing:border-box;
}

.custom_price_input {
	width:50px;
	height:35px;
	background-color:#ffffff;
    font-size:16px;
    padding-left:5px;
    padding-right:5px;
    box-sizing:border-box;
}

.login_button {
	float:right;
	width:150px;
	height:40px;
	background-color:#93c741;
	font-size:16pt;
	font-weight:100;
	color:#ffffff;
	margin-top:20px;
	border:1px #b9d884 solid;
	box-shadow: 0px 0px 0px 1pt #333333;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

.bottom_nav {
	margin:0px auto;
	width:810px;
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:100px;
	border-top:1px #f6f7f6 solid;
}

.next_button {
	margin:0px auto;
	width:150px;
	height:40px;
	background-color:#93c741;
	font-size:20px;
	color:#ffffff;
    border:0px;
	border-radius:3px;
	cursor:pointer;
    outline:none;
    transition: all 0.5s ease;
    box-shadow: 0 0 0 1px rgba(42, 69, 43, 0.45), 0 2px 5px 0 rgba(42, 47, 69, 0.13), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent !important;
}

.next_button:hover {
    opacity:0.9;
    transition: all 0.5s ease;
    outline:none;
}

.next_button_white {
	margin:0px auto;
	width:150px;
	height:40px;
	background-color:#ffffff;
	font-size:20px;
	color:#333333;
    border:0px;
	border-radius:3px;
	cursor:pointer;
    outline:none;
    transition: all 0.5s ease;
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
}

.next_button_white:hover {
	box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.12), 0 3px 9px 0 rgba(42,47,69,.08), 0 1px 1.5px 0 rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.08);
}

.next_button_blue {
	background-color:#489ee6;
	color:#ffffff;
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
}

.next_button_blue:hover {
	box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.12), 0 3px 9px 0 rgba(42,47,69,.08), 0 1px 1.5px 0 rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.08);
}

.next_button_disabled {
	margin:0px auto;
	width:150px;
	height:40px;
	background-color:#e5e5e5;
	font-size:20px;
	font-weight:100;
	color:#b1b1b1;
	border:1px #d5d5d5 solid;
	border-radius:3px;
}

.error_message {
    margin:0px auto;
	display:none;
	background-color:#BE1618;
	font-size:16px;
	color:#ffffff;
	line-height:40px;
	text-align:center;
	padding-right:20px;
	padding-left:20px;
    box-sizing:border-box;
    border-radius:5px;
}

.bo_nav_container {
    position: fixed;
    width: 100%;
    max-height: 90px;
    z-index:100000000;
}

.success_message {
	margin:0px auto;
	display:none;
	background-color:#93c741;
	font-size:16px;
	color:#ffffff;
	line-height:40px;
	text-align:center;
	padding-right:20px;
	padding-left:20px;
    box-sizing:border-box;
    border-radius:5px;
}

.yellow_message {
	display:none;
	float:left;
	height:40px;
	background-color:#FFF0B6;#fcf8e3
	font-size:12pt;
	color:#333333;
	line-height:40px;
	border:1px #83AEE7 solid;
	padding-right:20px;
	padding-left:20px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	border:1px #ffd94c solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.yellow_alert {
    color:#8a6d3b !important;
    background-color:#fcf8e3 !important;
    padding:10px;
    box-sizing:border-box;
    border:1px #faebcc solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5; 
}

.red_alert {
    color:#a94442;
    background-color:#f2dede;
    padding:10px;
    box-sizing:border-box;
    border:1px #ebccd1 solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.green_alert {
    color: #3c763d;
    background-color: #dff0d8;
    padding:10px;
    box-sizing:border-box;
    border:1px #d6e9c6 solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.blue_alert {
    color: #31708f;
    background-color: #d9edf7;
    padding:10px;
    box-sizing:border-box;
    border:1px #bce8f1 solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.grey_alert {
    color:#333333 !important;
    background-color:#f9f9f9 !important;
    padding:10px;
    box-sizing:border-box;
    border:1px #d5d5d5 solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5; 
}

.white_alert {
    color:#333333 !important;
    background-color:#ffffff !important;
    padding:10px;
    box-sizing:border-box;
    border:1px #d5d5d5 solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.yellow_live_alert {
    position:fixed;
    top:70px;
    right:20px;
    color:#8a6d3b;
    background-color:#fcf8e3;
    padding:10px;
    box-sizing:border-box;
    border:1px #faebcc solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5; 
    z-index:1000000000000000;
}

.grey_message {
	display:inline-block;
	background-color:#f9f9f9;
	font-size:12pt;
	color:#333333;
	line-height:normal;
	padding:10px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	border:1px #c3c3c3 solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.chart_message {
	width:100%;
	background-color:#FFF0B6;
	font-size:12pt;
	color:#333333;
	line-height:20px;
	border:1px #E3D4A5 solid;
    padding:10px;
	padding-left:20px;
    padding-right:20px;
	box-sizing:border-box;
    margin-bottom:-1px;
}

.announcement_banner {
	width:100%;
	height:40px;
	background-color:#FFF0B6;
	font-size:12pt;
	color:#8A6D3B;
	line-height:40px;
	border-bottom:1px #ffd94c solid;
	box-sizing:border-box;
}

.announcement_banner_content {
    margin:0px auto;
    width:850px;
    text-align:center;
}

.seat {
	position:relative;
	float:right;
	width:15px;
	height:15px;
	width:11.5px\9;
	height:11.5px\9;
	margin-left:0px;
}

.seats input[type="checkbox"] {
	display:none;
}

.seats input[type="checkbox"] + label {
	float:right;
}

.seats input[type="checkbox"] + label span {
	position:relative;
	float:right;
	width:15px;
	height:15px;
    background:url('../images/icons/checkbox_available.png');
    cursor:pointer;
	margin-right:0px;
}

.seats input[type="checkbox"]:checked + label span {
    background:url('../images/icons/checkbox_checked.png');
}

.seats input[type="checkbox"]:disabled + label span {
	cursor:default;
    background:url('../images/icons/checkbox_taken.png');
}

.seats input[type="checkbox"] + label#handicap span {
	visibility:hidden;
	background:url('../images/icons/checkbox_handicap.png') !important;
}

.seats input[type="checkbox"]:checked + label#handicap span {
    background:url('../images/icons/checkbox_handicap_checked.png') !important;
}

.seats input[type="checkbox"]:disabled + label#handicap span {
    background:url('../images/icons/checkbox_taken.png') !important;
}

.seats input[type="checkbox"] + label#gap span {
	visibility:hidden;
	background:url('../images/icons/checkbox_handicap.png') !important;
}

/*
.row {
	position:relative;
	margin:0px auto;
	margin-bottom:10px;
}
*/

.show_item {
	margin-bottom:20px;
	background-color: #ffffff;
    box-shadow:0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
    border-radius:5px;
    border-radius:5px;
    border:1px #e3e8ee solid !important;
    border-bottom:0px !important;
    box-sizing:border-box;
}

.show_item_title {
	float:left;
	font-size:13pt;
	font-weight:bold;
	color:#333333;
    padding:15px;
}

.show_item_actions {
	float:right;
	font-size:11pt;
    padding:15px;
}

.show_item_cover_photo {
    position:relative;
    width: 100%;
    height: 250px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.show_item_cover_photo_options_overlay {
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#000000;
    border-radius:3px;
    z-index:10;
    opacity:.75;
}

.show_item_cover_photo_options {
    display:none;
    position:relative;
    width:100%;
    height:100%;
    padding-top:80px;
    text-align:center;
    z-index:100;
}

.show_about img {
    max-width:100%;
}

.show_about_buttons {
    width:100%;
    background-color:#f9f9f9;
    border-top:1px #dfdfdf solid;
    border-bottom:1px #dfdfdf solid;
}

.show_about_buttons a {
    text-decoration:none !important;
}

.show_about_button {
    display:inline-block;
    width:49%;
    height:35px;
    color:#777777;
    font-size:14px;
    text-align:center;
    line-height:35px;
    box-sizing:border-box;
}

.show_about_button:hover {
    color:#333333;
}

.show_listing_notice {
    width:100%;
    background-color:#f9f9f9;
    color:#777777;
    font-size:14px;
    border-bottom:1px #dfdfdf solid;
    padding:15px;
    box-sizing:border-box;
    overflow: hidden;
}

.image.image-style-align-center {
    margin: 0em auto;
}

.show_pass_eligible_notice {
    width:100%;
    background-color:#489ee6;
    color:#ffffff;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    border-bottom:1px #489ee6 solid;
    padding:10px;
    box-sizing:border-box;
    overflow: hidden;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

.show_pass_ineligible_notice {
    width:100%;
    background-color:#f9f9f9;
    color:#777777;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    border-bottom:1px #dfdfdf solid;
    padding:10px;
    box-sizing:border-box;
    overflow: hidden;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

.showtimes_item {
    position:relative;
	padding:15px;
	border-bottom:1px #dfdfdf solid;
	cursor:pointer;
}

.showtimes_item:hover {
	background-color:#f9f9f9;
}

.showtimes_item_get_tickets_button {
    float: right;
    height: 30px;
    min-width:115px;
    line-height: 30px;
    background-color: #93c741;
    font-size: 14px;
    font-weight:600;
    color: #ffffff;
    border:0px;
    border-radius: 3px;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing:border-box;
    box-shadow: 0 0 0 1px rgba(42, 69, 43, 0.45), 0 2px 5px 0 rgba(42, 47, 69, 0.13), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent !important;
}
    
.showtimes_item_get_tickets_button:hover {
    background-color:#8DBD3E;
}

.showtimes_item_get_tickets_button_disabled {
    float: right;
    height: 30px;
    min-width:115px;
    line-height: 30px;
    background-color: #ffffff;
    font-size: 14px;
    color: #999999;
    border:1px #d5d5d5 solid;
    border-radius: 3px;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing:border-box;
}

.showtime_title_edit_input {
    width:300px;
    height:30px;
    font-size:16px;
    box-sizing:border-box;
    padding:10px;
}

.showtime_title_edit_button {
    width:65px;
    height:30px !important;
    font-size:16px;
    border:0px;
}


/* Admin */

.admin_nav {
	margin:0px auto;
	width:810px;
	padding-top:20px;
	padding-bottom:20px;
	border-top:1px #f6f7f6 solid;
	border-bottom:1px #dfdfdf solid;
}

.admin_nav_item_active {
	float:left;
	height:30px;
	line-height:30px;
	background-color:#93c741;
	font-size:13pt;
	font-weight:100;
	color:#ffffff;
	text-shadow: 1px 1px 2px #7fa14c;
	border:1px #b9d884 solid;
	box-shadow: 0px 0px 0px 1pt #333333;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	padding-right:15px;
	padding-left:15px;
	margin-right:20px;
	cursor:pointer;
}

.admin_nav_item {
	float:left;
	height:40px;
	line-height:40px;
	background-color:#93C741;
	font-size:16px;
	font-weight:100;
	color:#ffffff;
    box-sizing:border-box;
	border-radius:3px;
	padding-right:20px;
	padding-left:20px;
	margin-right:20px;
	cursor:pointer;
    transition: all 0.5s ease;
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
}

.admin_nav_item:hover {
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.12), 0 3px 9px 0 rgba(42,47,69,.08), 0 1px 1.5px 0 rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.08);
    transition: all 0.5s ease;
}

.admin_show_title {
	float:left;
	font-size:19px;
    width:260px;
    line-height:30px;
}

.admin_add_show_div {
	display:none;
	margin-bottom:20px;
	margin-top:-15px;
}

.admin_show_item {
	background-color:#ffffff;
	padding:20px;
	border:1px #dfdfdf solid;
	margin-bottom:20px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.admin_show_item_title {
	float:left;
	font-size:14pt;
	font-weight:bold;
	color:#333333;
}

.admin_show_item_actions {
	float:right;
	font-size:11pt;
}

.admin_showtimes_item {
	position:relative;
	padding:10px;
    padding-left:20px !important;
    padding-right:20px !important;
    border-bottom: 1px #e3e8ee solid;
}

.admin_showtimes_item:hover {
    background-color:#f9f9f9;
}

.admin_showtimes_item_title {
	float:left;
	line-height:30px;
}

.admin_showtimes_item_soldout {
	display:none;
	float:right;
	height:30px;
    width:115px;
	line-height:30px;
	background-color:#bc3a30;
	font-size:14px;
	font-weight:100;
	color:#ffffff;
    text-align:center;
    border:1px #7a251f solid;
    box-sizing:border-box;
	border-radius: 3px;
    padding-right: 10px;
    padding-left: 10px;
}

.admin_showtimes_off_indicator {
	display: none;
    float: right;
    height: 30px;
    line-height: 30px;
    background-color: #fadcd9;
    font-size: 14px;
    font-weight: 100;
    color: #A1160B;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px #fadcd9 solid;
}

.soldout_label {
	display:inline-block;
	height:30px;
	line-height:30px;
	background-color:#bc3a30;
	font-size:14px;
	font-weight:100;
	color:#ffffff;
    text-align:center;
    border:1px #7a251f solid;
    box-sizing:border-box;
	border-radius: 3px;
    padding-right: 10px;
    padding-left: 10px;
}

.admin_showtimes_item_waitlist {
	display:none;
	float:right;
	height:30px;
    width:115px;
	line-height:30px;
	background-color:#489ee6;
	font-size:14px;
	font-weight:100;
	color:#ffffff;
    text-align:center;
    border:1px #489ee6 solid;
    box-sizing:border-box;
	border-radius: 3px;
    padding-right: 10px;
    padding-left: 10px;
}

.admin_showtimes_item_waitlist:hover{
    background-color: #2f7fc2;
    border-color: #2f7fc2;
}

.admin_showtimes_item_tickets_count {
    position:relative;
	float:right;
	height:32px;
    width:115px;
	background-color:#f9f9f9;
    box-sizing:border-box;
    border:1px #d5d5d5 solid;
	border-radius:5px;
    padding-left:10px;
    padding-right:10px;
	margin-left:10px;
    margin-top:-1px;
}

.admin_showtimes_item_tickets_count_text {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:30px;
    font-size:14px;
	font-weight:100;
	color:#333333;
    text-align:center;
    line-height:30px;
}

.admin_showtimes_item_tickets_count_progress_bar {
    position:absolute;
    top:0px;
    left:0px;
    height:30px;
    background-color:#555555;
    opacity:0.1;
}

.admin_showtimes_item_pickup_count {
	float:right;
	height:30px;
	line-height:30px;
	background-color:#fcf8e3;
	font-size: 14px;
	color:#8a6d3b;
    text-align:center;
    box-sizing:border-box;
	border-radius:3px;
    padding-left:10px;
    padding-right:10px;
	margin-left:10px;
    box-shadow: 0 0 0 1px rgba(65, 69, 42, 0.12), 0 2px 5px 0 rgba(66, 69, 42, 0.14), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
}

.admin_showtimes_item_purchase_button {
	float:right;
	height:30px;
	line-height:30px;
	background-color:#93C741;
	font-size:14px;
	font-weight:100;
	color:#ffffff;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
	border-radius:3px;
	margin-left:10px;
    box-shadow: 0 0 0 1px rgba(42, 69, 43, 0.45), 0 2px 5px 0 rgba(42, 47, 69, 0.13), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
}

.admin_showtimes_item_purchase_button_disabled {
    float:right;
	height:30px;
	line-height:30px;
	background-color:#ffffff;
	font-size:14px;
	color:#999999;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
	border-radius:3px;
	margin-left:10px;
    box-shadow: 0 0 0 1px rgba(42, 69, 43, 0.45), 0 2px 5px 0 rgba(42, 47, 69, 0.13), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
}

.admin_showtimes_item_purchase_button:hover {
    background:#9ccb53;
}

.admin_showtimes_item_actions {
	float:right;
	max-height:30px;
	line-height:30px;
	background-color:#ffffff;
	font-size:14px;
	font-weight:100;
	color:#000000;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
	border-radius:3px;
	margin-left:10px;
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
}

.admin_showtimes_item_actions:hover {
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.12), 0 3px 9px 0 rgba(42,47,69,.08), 0 1px 1.5px 0 rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.08);
}

.admin_shows_paid_message {
	height:40px;
	background-color:#f9f9f9;
	font-size:12pt;
	color:#333333;
	line-height:40px;
	border:1px #DFDFDF solid;
	padding-right:20px;
	padding-left:20px;
    margin-top:-20px;
    margin-bottom:20px;
	box-sizing:border-box;
}

.admin_search_input {
	width:700px;
	height:35px;
	background-color:#ffffff;
	font-size:14pt;
	padding-left:10px;
	padding-right:10px;
    box-sizing:border-box;
    border-radius:15px !important;
	border:1px #dfdfdf solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.admin_select_menu {
	-webkit-appearance: menulist-button;
	height:35px;
	background-color:#ffffff;
	font-size:12pt;
	padding:5px;
	margin-left:10px;
}

.admin_search_submit {
	height:35px;
	line-height:35px;
	background-color:#f0f0f1;
	font-size:13pt;
	font-weight:100;
	color:#333333;
	border:1px #d5d5d5 solid;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:18px;
	padding-right:15px;
	padding-left:15px;
	margin-left:10px;
	cursor:pointer;
}

.admin_green_submit {
	height:35px;
	line-height:30px;
	background-color:#93c741;
	font-size:13pt;
	font-weight:100;
	color:#ffffff;
	border:1px #739d2f solid;
	border-radius:3px;
	padding-right:15px;
	padding-left:15px;
	margin-left:10px;
	cursor:pointer;
}

.admin_show_times_add_div {
	display:none;
	padding:20px;
    padding-top:0px;
	margin-top:-20px;
}

.admin_show_off_message {
	float:right;
	height:30px;
	line-height:30px;
	background-color:#bc3a30;
	font-size:14px;
	font-weight:100;
	color:#ffffff;
    border:1px #7a251f solid;
	border-radius:3px;
	padding-right:15px;
	padding-left:15px;
	margin-left:5px;
    cursor:pointer;
}

.admin_show_turn_on_message {
	float:right;
	height:30px;
	line-height:30px;
	background-color:#93c741;
	font-size:14px;
	font-weight:100;
	color:#ffffff;
	border:1px #739d2f solid;
	border-radius:3px;
	padding-right:15px;
	padding-left:15px;
	margin-left:5px;
    cursor:pointer;
}

/* Search */

.search_results {
	margin-top:20px;
}

.search_bar {
	background-color:#f9f9f9;
	border: 1px #dfdfdf solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.search_bar_content {
	padding:20px;
}

.search_results_item {
	position:relative;
	background-color:#ffffff;
	padding:10px;
	border: 1px #dfdfdf solid;
	margin-bottom:10px;
	cursor:pointer;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.search_results_item:hover {
	position:relative;
	background-color:#f9f9f9;
	padding:10px;
	border: 1px #dfdfdf solid;
	margin-bottom:10px;
	cursor:pointer;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.search_results_item_info {
	float:left;
	width:550px;
	font-size:11pt;
	color:#000000;
	padding-right:10px;
}

.search_results_item_time {
	float:right;
	width:300px;
	font-size:11pt;
	color:#999999;
	text-align:right;
}

.search_results_show {
	float:left;
	width:170px;
	font-size:11pt;
	padding-right:7px;
	padding-left:7px;
	
	border-right:1px #e5e5e5 solid;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	word-wrap:break-word;
}

.search_results_showtime {
	float:left;
	width:130px;
	font-size:11pt;
	padding-right:7px;
	padding-left:7px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	word-wrap:break-word;
}

.search_results_purchaser_info {
	float:left;
	width:170px;
	font-size:11pt;
	padding-right:7px;
	padding-left:7px;
	border-right:1px #e5e5e5 solid;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	word-wrap:break-word;
}

.search_results_purchaser_email {
	float:left;
	width:200px;
	font-size:11pt;
	padding-right:7px;
	padding-left:7px;
	border-right:1px #e5e5e5 solid;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	word-wrap:break-word
}

.search_results_purchase_id {
	float:left;
	width:60px;
	font-size:11pt;
	padding-right:7px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	border-right:1px #e5e5e5 solid;
	word-wrap:break-word;
}

.search_results_seat {
	float:left;
	width:50px;
	font-size:11pt;
	padding-right:7px;
	padding-left:7px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	border-right:1px #e5e5e5 solid;
	word-wrap:break-word;
}

.search_ticket_checkbox {
	width:15px;
	height:15px;
}

/* Receive tickets */

.receive_tickets_left {
    float:left;
    width:330px;
}

.receive_tickets_right {
    float:right;
    width:100px;
}

.receive_tickets_option {
	padding-bottom:20px;
	padding-top:20px;
	border-bottom:1px #dfdfdf solid;
}

.receive_tickets_option_heading {
	font-size:14pt;
	padding-top:5px;
	font-weight:bold;
}

.receive_tickets_option_description {
	font-size:11pt;
	margin-top:10px;
}


/* Announcement */

.announcement {
	width:100%;
	background-color:#FFF0B6;
    overflow: hidden;
	margin-bottom:20px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	border:1px #ffd94c solid;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.announcement_content {
	padding:10px;
}

.announcement_content img, .show_listing_notice img, .chart_message img, .pass_item_description img, .show_item img, .redirect_message img, .welcome_message img {
    max-width: 100% !important;
    height: auto !important;
}

.announcement_content table, .show_listing_notice table, .chart_message table, .redirect_message table, .welcome_message table {
    float:none !important;
}

figure.image, figure.media {
    margin:0px;
}

.image-style-align-left {
    float:left;
    padding-right:10px;
}

.image-style-align-right {
    float:right;
    padding-left:10px;
}


/* Pricing types */

.ticket_pricing_item {
	width:500px;
	background-color:#ffffff;
	border:1px #dfdfdf solid;
	margin-bottom:10px;
}

.ticket_pricing_item_title {
	float:left;
	width:350px;
	font-size:13pt;
	font-weight:bold;
	padding-left:10px;
    line-height:30px;
}

.ticket_pricing_item_price {
	float:left;
	font-size:13pt;
    line-height:30px;
}

.ticket_pricing_item_actions {
	float:right;
	text-align:right;
	font-size:15px;
	padding-right:10px;
}

.ticket_pricing_item_image {
    float:left;
    width:60px;
    height:60px;
    font-size:14px;
    font-weight:normal;
    line-height:16px;
    text-align:center;
    color:#999999;
    background-color:#ffffff;
    border:1px #e5e5e5 solid;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    padding-top:13px;
    box-sizing:border-box;
    margin-right:10px;
}


/* Options dropdown */

.options_dropdown {
	display:none;
	position:absolute;
	right:20px;
	top:43px;
	z-index:1000;
	width:150px;
	background-color:#ffffff;
	border:1px #d5d5d5 solid;
	border-radius:3px;
	box-shadow:0 1px 24px 0 rgba(0,0,0,0.08);
}

.campaign_options_dropdown {
    display:none;
    position:absolute;
    top:31px;
    right:0px;
	z-index:1000;
	width:150px;
	background-color:#ffffff;
	border:1px #d5d5d5 solid;
	border-radius:3px;
	box-shadow:0 1px 24px 0 rgba(0,0,0,0.08);
}

.options_wide_dropdown {
    width: 200px;
}

.options_dropdown a {
    color:#000000;
    text-decoration:none !important;
}

.options_dropdown_item {
	width:100%;
	height:35px;
	line-height:15px;
	font-size:14px;
    text-align:left;
    box-sizing:border-box;
	padding:10px;
    cursor:pointer;
    transition: all 0.5s ease;
}

.options_dropdown_item:hover {
    background-color:#f9f9f9;
    font-weight:bold;
    transition: all 0.5s ease;
}

.options_dropdown_item a {
    color:#000000;
    text-decoration:none !important;
}

.options_dropdown_item:hover i {
    color:#499ee6;
}


/* Stats */

.stats_item_1x1 {
	float:left;
	width:250px;
	height:185px;
	background-color:#ffffff;
	margin-right:20px;
	margin-bottom:20px;
	border: 1px #dfdfdf solid;
    border-radius:5px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-shadow: 0 7px 14px 0 rgba(60,66,87, 0.1), 0 3px 6px 0 rgba(0, 0, 0, .0);
}

.stats_item_3x1 {
	float:left;
	width:526px;
	height:185px;
	background-color:#ffffff;
	margin-right:20px;
	margin-bottom:20px;
	border: 1px #dfdfdf solid;
    border-radius:5px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-shadow: 0 7px 14px 0 rgba(60,66,87, 0.1), 0 3px 6px 0 rgba(0, 0, 0, .0);
}

.stats_item_full_width {
    clear: both;
    float: unset !important;
    width: calc(100% - 14px) !important;
}

.stats_item_content {
	padding:20px;
}

.stats_item_number {
	text-align:center;
	font-size:36pt;
	margin-bottom:10px;
	margin-top:20px;
}

.stats_item_number_green {
	color:#93c741;
	text-align:center;
	font-size:36pt;
	margin-bottom:10px;
	margin-top:20px;
}

.stats_item_label {
	text-align:center;
	font-size:20pt;
}


/* Show page */

.show_page_button {
	float:right;
	height:30px;
	background-color:#93c741;
	font-size:13pt;
	font-weight:100;
	color:#ffffff;
	text-shadow: 1px 1px 2px #7fa14c;
	border:1px #b9d884 solid;
	box-shadow: 0px 0px 0px 1pt #333333;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	cursor:pointer;
	padding-right:15px;
	padding-left:15px;
}


/* Settings page */

.settings_page {
	width: 100%;
    background-color: #ffffff;
    border-radius:3px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}

.settings_page_section {
    position:relative;
	width:100%;
	background-color:#ffffff;
    border:1px #e3e8ee solid;
    border-bottom:0px;
	padding:30px;
    border-radius:3px;
	box-sizing:border-box;
    box-shadow:0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
}

.settings_nav {
    background-color:#f9f9f9;
	padding:30px;
}

.settings_nav_button {
	float:left;
	height:30px;
	line-height:30px;
	background-color:#ffffff;
	font-size:14px;
	font-weight:100;
	color:#333333;
	border:0px;
	border-radius:3px;
	cursor:pointer;
	padding-right:15px;
	padding-left:15px;
	margin-right:10px;
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
}

.settings_nav_button:hover {
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.12), 0 3px 9px 0 rgba(42,47,69,.08), 0 1px 1.5px 0 rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.08);
}

.settings_nav_button_active {
	float:left;
	height:30px;
	line-height:30px;
	background-color:#93c741;
	font-size:14px;
	font-weight:100;
	color:#ffffff;
	border:0px;
	border-radius:3px;
	cursor:pointer;
	padding-right:15px;
	padding-left:15px;
	margin-right:10px;
    box-shadow: 0 0 0 1px rgba(42, 69, 43, 0.45), 0 2px 5px 0 rgba(42, 47, 69, 0.13), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent !important;
}

.settings_nav_button_disabled {
	float:left;
	height:25px;
	line-height:25px;
	background-color:#e5e5e5;
	font-size:11pt;
	font-weight:100;
	color:#b1b1b1;
	border:1px #d5d5d5 solid;
	box-shadow: 0px 0px 0px 1pt #999999;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	padding-right:15px;
	padding-left:15px;
	margin-right:15px;
}

.settings_item {
    width:100%;
    background-color: #F9F9F9;
    border: 1px #d5d5d5 solid;
    border-bottom:0px;
    padding:10px;
    box-sizing:border-box;
    box-shadow: 0 0 0 1px rgb(197 198 203 / 10%), 0 2px 5px 0 rgb(187 187 187 / 10%), 0 1px 1.5px 0 rgb(218 218 218 / 7%), 0 1px 2px 0 rgb(216 216 216 / 8%), 0 0 0 0 transparent;
}

.settings_item_name {
    font-size:14px;
    font-weight:bold;
}

.settings_item_actions {
    float:right;
    font-size:13px;
}

.settings_item_action_remove {
    display:inline-block;
    color:#999999;
    cursor:pointer;
}

.settings_item_action_remove:hover {
    color:#ec1d24;
}

.settings_item_actions .order_page_button {
    margin-top:-6px;
}

.settings_item_actions label {
    vertical-align: middle;
}

.settings_item_actions input[type="radio"]{
    vertical-align:top;
}

.settings_general_right .settings_item:first-of-type {
    border-top-right-radius:3px;
    border-top-left-radius:3px;
}

.settings_general_right .settings_item:last-of-type {
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
}

/* Settings users */

.settings_user_item {
	width:100%;
	height:40px;
	background-color:#ffffff;
	border:1px #dfdfdf solid;
	margin-bottom:10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.settings_user_item_username {
	float:left;
	width:100px;
	font-size:13pt;
	line-height:40px;
	padding-left:20px;
	padding-right:20px;
}

.settings_user_item_email {
	float:left;
	width:200px;
	font-size:13pt;
	line-height:40px;
	padding-left:20px;
	padding-right:20px;
}

.settings_user_item_actions {
	float:right;
	text-align:right;
	font-size:13pt;
	line-height:40px;
	padding-left:20px;
	padding-right:20px;
}

.settings_user_item_star {
	margin-top:10px;
}

.settings_user_item_input {
	width:160px;
	height:20px;
	background-color:#ffffff;
	font-size:11pt;
	padding-left:5px;
	padding-right:5px;
	margin-left:20px;
	margin-right:15px;
	margin-top:7px;
}

.settings_user_item_type_dropdown {
	-webkit-appearance: menulist-button;
	width:100%;
	height:25px;
	margin-top:7px;
}

.settings_general_left {
	float:left;
	width:225px;
	font-size:15px;
    font-weight:600;
    color:#333333;
	line-height:30px;
	padding-right:30px;
    vertical-align:top;
}

.settings_general_right {
	float:left;
	font-size:11pt;
    vertical-align:top;
}

.settings_general_tip {
	font-size:13px;
    font-weight:400;
	color:#999999;
	line-height:12pt;
	margin-bottom:20px;
}

.settings_input {
	width:350px;
	height:35px;
	background-color:#ffffff;
	font-size:14px;
    font-family:Nunito;
    box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:20px;
}

.settings_textarea {
	width:350px;
	height:80px;
	background-color:#ffffff;
	font-size:14px;
    font-family:Nunito;
    box-sizing:border-box;
	padding:10px;
	margin-bottom:20px;
}

.settings_save_button {
    height:35px;
    background-color:#93c741;
    font-size:14px;
    font-weight:100;
    color:#ffffff;
    border:0px;
    border-radius:3px;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
    box-shadow: 0 0 0 1px rgba(42, 69, 43, 0.45), 0 2px 5px 0 rgba(42, 47, 69, 0.13), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent !important;
}

.settings_select_box {
    width:400px;
    min-height:120px;
    border: 1px solid #d5d5d5;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 3%), 0px 3px 6px rgb(0 0 0 / 2%);
    margin-bottom:20px;
    border-radius:3px;
}

.settings_select_box_label {
    width:100%;
    height:25px;
    font-size:12px;
    font-weight:bold;
    line-height:15px;
    padding:5px;
    border: 1px solid #d5d5d5;
    box-sizing:border-box;
    cursor:pointer;
    overflow: hidden;
    white-space: nowrap; /* Prevent text from wrapping */
    text-overflow: ellipsis; /* Add an ellipsis for overflow text */
}

.settings_select_box_item {
    width:100%;
    min-height:30px;
    max-height: 60px;
    overflow-y: auto;
    font-size:14px;
    line-height:20px;
    padding:5px;
    border-bottom:1px #c3c3c3 solid;
    box-sizing:border-box;
}

.settings_select_box_item_active {
    width:100%;
    min-height:30px;
    max-height: 60px;
    overflow-y: auto;
    font-size:14px;
    line-height:20px;
    background-color:#f9f9f9;
    padding:5px;
    border-bottom:1px #c3c3c3 solid;
    box-sizing:border-box;
}

.settings_select_box_item:hover {
    background-color:#f9f9f9;
}

.showtime_select_all, .price_select_all {
    padding-left:5px;
}

/* Design tool */


.design_tool_input {
	width:200px;
	height:25px;
	background-color:#ffffff;
	font-size:11pt;
	padding-left:5px;
	padding-right:5px;
}


/* Order item page */

.order_page {
	margin-bottom:20px;
	border-radius:3px;
}

.order_page_content {
	padding:0px;
}

.order_page_header {
	width: 100%;
    padding: 25px;
    box-sizing: border-box;
    background-color:#f9f9f9;
    box-shadow:0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border:1px #e3e8ee solid !important;
    border-bottom:0px !important;
}

.order_page_header_no_bg {
    box-sizing: border-box;
}

.order_page_pass_banner {
	width:100%;
    height:5px;
    text-align:center;
    font-size:16px;
    color:#ffffff;
    box-sizing:border-box;
}

.order_page_title {
	font-size:20px;
}

.order_page_subtitle {
    font-size:16px;
    color:#999999;
    margin-top:10px;
}

.order_page_title_edit_icon {
    display:inline-block;
    color:#999999;
    font-size:15px;
    margin-left:3px;
    cursor:pointer;
}

.order_page_title_edit_icon:hover {
    color:#93c742;
}

.order_page_title_edit_input {
    height:35px;
    font-size:20px !important;
    font-weight:bold !important;
    font-family:Nunito;
    border:0px !important;
    padding-left:10px;
    padding-right:10px;
    margin-left:10px;
}

.order_page_section, .example_header {
    position:relative;
	width: 100%;
    background-color: #ffffff;
    box-shadow:0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border:1px #e3e8ee solid !important;
    border-bottom:0px !important;
    box-sizing:border-box;
}

.order_page_section_content {
	padding:15px;
    box-sizing:border-box;
}

.order_page_section_title {
	font-size: 16px;
    font-weight: bold;
    padding: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow:0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
    background-color: #ffffff;
    border:1px #e3e8ee solid;
    border-bottom:0px;
    box-sizing:border-box;
}

.order_page_section_left {
	float:left;
	width:150px;
	font-size:11pt;
	color:#999999;
	margin-bottom:10px;
	padding-right:15px;
}

.order_page_section_right {
	float:left;
	font-size:11pt;
	color:#000000;
	margin-bottom:10px;
}

.order_page_section_center {
	width:150px;
	font-size:11pt;
	color:#999999;
	margin-bottom:10px;
	padding-right:15px;
}

.order_page_tab {
    float:left;
    height:40px;
    margin-right:3px;
    background-color:#f5f5f5;
    font-size:11pt;
    text-align:center;
    line-height:40px;
    border:1px #dfdfdf solid;
    border-bottom:0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    padding-left:13px;
    padding-right:13px;
    cursor:pointer;
    box-shadow:0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
}

.order_page_tab:hover {
    float:left;
    height:40px;
    margin-right:3px;
    background-color:#f1f1f1;
    font-size:11pt;
    text-align:center;
    line-height:40px;
    border:1px #dfdfdf solid;
    border-bottom:0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    padding-left:13px;
    padding-right:13px;
    cursor:pointer;
}

.order_page_tab_active {
    position:relative;
    float:left;
    height:40px;
    margin-right:3px;
    margin-bottom:-1px;
    background-color:#ffffff;
    font-size:11pt;
    font-weight:bold;
    text-align:center;
    line-height:40px;
    border:1px #dfdfdf solid;
    border-bottom:1px #ffffff solid;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    padding-left:13px;
    padding-right:13px;
    cursor:pointer;
    box-shadow:none;
    z-index:100;
}

.order_page_ticket {
    position:relative;
	border-bottom:1px #e3e8ee solid;
	cursor:pointer;
    padding:15px;
    box-sizing:border-box;
}

.order_page_ticket_active {
	background-color:#f9f9f9;
	border-bottom:1px #dfdfdf solid;
	cursor:pointer;
    padding:15px;
    box-sizing:border-box;
}

.order_page_ticket:not(.volunteer-page .order_page_ticket):hover {
	background-color:#f9f9f9;
}

.order_page_ticket_highlighted {
    background-color:#fcf8e3 !important;
}

.order_page_ticket_highlighted_error {
    background-color:#faf2f2 !important;
    border-color: #A80000 !important;
    border-style: solid !important; /* Ensure the border style is set */
    border-width: 1px !important; /* Set a specific border width */
}

.order_page_ticket_content {
	padding:0px;
}

.order_page_ticket_additional_info {
    font-size:14px;
    color:#999999;
    padding-top:2px;
}

.order_page_ticket_show_title {
    font-size:14px;
    font-weight:bold;
    padding:15px;
    padding-bottom:10px;
    padding-top:10px;
	border-bottom:1px #dfdfdf solid;
	border-top:2px #f9f9f9 solid;
}

.order_page_ticket_show_title_right_label {
	float:right;
	font-size:10pt;
	font-weight:normal;
	color:#999999;
}

.order_page_ticket_subtitle {
    background-color:#F9F9F9;
    color:#999999;
    font-size:14px;
    padding:15px;
    padding-bottom:5px;
    padding-top:5px;
	border-bottom:1px #dfdfdf solid;
	border-top:1px #f9f9f9 solid;
}

.order_page_ticket_seat {
	float:right;
	width:130px;
	font-size:14px;
	text-align:right;
}

.order_page_ticket_section {
	float:right;
	width:130px;
	font-size:13px;
    color:#999999;
	text-align:right;
}

.order_page_ticket_checkbox {
	float:left;
	width:40px;
}

.order_page_ticket_checkbox_container {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0,0,0,0.25);
    background-color: #fff;
    border-radius: 0.3em;
    vertical-align: top;
}

.order_page_ticket_checkbox_container_checked {
    font-size:14px;
    color:#ffffff;
    text-align:center;
    background-color:#93c741;
    border:1px #93c741 solid;
}

.order_page_ticket_checkbox_container_checked_blue {
    font-size:14px;
    color:#ffffff;
    text-align:center;
    background-color:var(--ludus-selected-dark);
    border:1px var(--ludus-selected-dark) solid;
}

.order_page_ticket_checkbox_container_disabled {
    background-color:#f9f9f9;
    border:1px #c3c3c3 solid;
    opacity:0.5;
}

.order_page_ticket_type {
	float:left;
	width:275px;
	font-size:11pt;
	padding-right:20px;
}

.order_page_ticket_name {
	float:left;
	width:250px;
	font-size:11pt;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.order_page_ticket_remove {
    display:none;
    position:absolute;
    right:0px;
    top:0px;
    height:30px;
    line-height:30px;
    background-color:#bc3a30;
    padding-left:15px;
    padding-right:15px;
}

.order_page_ticket_error {
    width:100%;
    font-size:10pt;
    color:#ffffff;
    background-color:#bc3a30;
    box-sizing:border-box;
    padding:10px;
    border-bottom:1px #ffffff solid;
}

.order_page_button {
	float:right;
	height:30px;
	line-height:30px;
	background-color:#ffffff;
	font-size:14px;
	font-weight:100;
	color:#333333;
	border-radius:3px;
	cursor:pointer;
	padding-right:10px;
	padding-left:10px;
	margin-left:10px;
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
}

.order_page_button:hover {
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.12), 0 3px 9px 0 rgba(42,47,69,.08), 0 1px 1.5px 0 rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.08);
}

.order_page_button_dropdown {
	float:right;
	height:30px;
	line-height:30px;
	background-color:#ffffff;
	font-size:14px;
	font-weight:100;
	color:#333333;
	border-radius:3px;
	cursor:pointer;
	padding-right:10px;
	padding-left:10px;
	margin-left:10px;
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
}

.order_page_button_dropdown:hover {
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.12), 0 3px 9px 0 rgba(42,47,69,.08), 0 1px 1.5px 0 rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.08);
}

.order_page_options_button {
	float:left;
	height:30px;
	line-height:30px;
	background-color:#e5e5e5;
	font-size:14px;
	font-weight:100;
	color:#333333;
	border:1px #d5d5d5 solid;
	border-radius:3px;
	cursor:pointer;
    box-sizing:border-box;
	padding-right:15px;
	padding-left:15px;
	margin-right:15px;
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
}

.order_page_options_button:hover {
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.12), 0 3px 9px 0 rgba(42,47,69,.08), 0 1px 1.5px 0 rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.08);
}

.order_page_options_button_active {
	float:left;
	height:30px;
	line-height:25px;
	background-color:#93c741;
	font-size:14px;
	font-weight:100;
	color:#ffffff;
    box-sizing:border-box;
	border:0px;
	border-radius:3px;
	cursor:pointer;
	padding-right:15px;
	padding-left:15px;
	margin-right:15px;
    box-shadow: 0 0 0 1px rgba(42, 69, 43, 0.45), 0 2px 5px 0 rgba(42, 47, 69, 0.13), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent !important;
}

.order_page_options_button_disabled {
	float:left;
	height:30px;
	line-height:25px;
	background-color:#e5e5e5;
	font-size:10pt;
	font-weight:100;
	color:#b1b1b1;
	border:1px #d5d5d5 solid;
	border-radius:3px;
	padding-right:15px;
	padding-left:15px;
	margin-right:15px;
}

.order_page_button_green {
	float:right;
	height:30px;
	line-height:30px;
	background-color:#93c741;
	font-size:14px;
	font-weight:100;
	color:#ffffff;
	border-radius:3px;
	cursor:pointer;
	padding-right:10px;
	padding-left:10px;
	margin-left:5px;
    box-shadow: 0 0 0 1px rgba(42, 69, 43, 0.45), 0 2px 5px 0 rgba(42, 47, 69, 0.13), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent !important;
}

.order_page_button_green:hover {
    background:#9ccb53;
}

.order_page_section_title select {
    height:30px;
    font-size:12px;
}

.order_page_tabs {
    margin-left:5px;
}

.custom_patron_name_input {
    width:100%;
    height:30px;
    font-size:12px;
    box-sizing:border-box;
    padding:7px;
    margin-top:-5px;
}

.list_search_box {
    padding:15px;
    background-color:#F4F4F4;
    box-sizing:border-box;
    border-bottom:1px #DEE3EA solid;
}

.list_search_input {
    width:100%;
    height:40px;
    font-size:14px;
    box-sizing:border-box;
    padding-left:12px;
    padding-right:12px;
}

/* Page Step Items (used in Marketing) */

.page_step_item {
    flex: 1;
    display: flex !important;
    width:100%;
    background-color:#ffffff;
    border:1px #e3e8ee solid;
    border-bottom:0px;
    box-sizing:border-box;
    box-shadow:0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
}

.page_step_item_left {
    display:inline-block;
    width:8%;
    font-size:20px;
    color:#999999;
    text-align:center;
    padding-top:23px;
}

.page_step_item_checkbox {
    display:inline-block;
    width:8%;
    font-size:20px;
    color:#999999;
    text-align:center;
    padding-top:23px;
}

.page_step_item_checkbox_checked {
    color:#93c742;
}

.page_step_item_holder {
    display:inline-block;
    width:93%;
    box-sizing:border-box;
    padding:20px;
    padding-left:0px;
}

.page_step_item_header {
    font-size:20px;
    font-weight:bold;
    padding-bottom:20px;
}

.page_step_item_subtitle {
    font-size:16px;
    font-weight:normal;
    color:#999999;
}

.page_step_item_header_actions {
    float:right;
}

.patron_filter_title {
    width:100%;
    font-size:15px;
    font-weight:bold;
    background-color:#f9f9f9;
    padding:20px;
    box-sizing:border-box;
    border-bottom:1px #e1e5ec solid;
}

.patron_filter_loading_icon {
    float:right;
    padding:15px;
}

.patron_filter_items {
    width:100%;
}

.patron_filter_item {
    display:block;
    width:100%;
    font-size:14px;
    padding:20px;
    padding-top:15px;
    padding-bottom:10px;
    box-sizing:border-box;
    border-bottom:1px #e1e5ec solid;
}

.patron_filter_item_name {
    display:inline-block;
    width:200px;
    font-weight:bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align:top;
}

.patron_filter_item_email {
    display:inline-block;
    width:200px;
    color:#999999;
    padding-left:20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.audience_add_rule_link {
    position:relative;
    display:inline-block;
    font-size:14px;
    font-weight:bold;
    color:#93c742;
    cursor:pointer;
    margin-bottom:10px;
}

.audience_and_or_item {
    position:relative;
    display:none;
    font-size:14px;
    font-weight:bold;
    color:#333333;
    cursor:pointer;
    margin-right:10px;
    margin-bottom:10px;
}

.audience_rule_item {
    position:relative;
    display:inline-block;
    font-size:14px;
    text-align:center;
    background-color:#f0f0f1;
    color:#333333;
    padding:7px 10px 7px 10px;
    border-radius:3px;
    cursor:pointer;
    margin-right:10px;
    margin-bottom:10px;
}

.audience_rule_item:hover {
    background-color:#e9f3fc;
    color:#489ee6;
}

.audience_rule_item_delete {
    display:none;
    position:absolute;
    right:0px;
    top:0px;
    background: rgb(233,243,252);
    background: linear-gradient(45deg, rgba(233,243,252,0.7539390756302521) 0%, rgba(233,243,252,1) 100%);
    text-align:center;
    padding:9px;
    padding-top:10px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
}

.audience_rule_item_delete:hover {
    color:#1f89e0;
}

.audience_rule_item:hover .audience_rule_item_delete {
    display:block;
}

.audience_rule_dropdown {
    display:none;
    position:absolute;
    overflow-y:scroll;
    top:35px;
    left:0px;
    width:250px;
    max-height:380px;
    background-color:#ffffff;
    text-align:left;
    border:1px #e1e6ec solid;
    border-radius:3px;
    box-shadow: 0 7px 14px 0 rgb(60 66 87 / 2%), 0 3px 6px 0 rgb(0 0 0 / 6%);
    cursor:default;
    z-index:10000;
}

.audience_rule_dropdown_content {
    padding:20px;
}

.audience_rule_dropdown_option {
    width:100%;
    font-size:14px;
    font-weight:bold;
    color:#333333;
    padding:15px;
    padding-bottom:0px;
    box-sizing:border-box;
    cursor:pointer;
}

.audience_rule_dropdown_option:hover {
    color:#489ee6;
}

.audience_rule_dropdown_option_icon {
    display:inline-block;
    width:20px;
}

.audience_rule_dropdown_option_disabled {
    opacity:0.3;
    cursor:not-allowed;
}

.audience_rule_dropdown_option_disabled:hover {
    color:#333333;
}

.audience_rule_dropdown_optgroup_title {
    width:100%;
    font-size:14px;
    font-weight:bold;
    color:#999999;
    background-color:#f9f9f9;
    border-top:1px #e1e5ec solid;
    border-bottom:1px #e1e5ec solid;
    padding:15px;
    padding-top:10px;
    padding-bottom:10px;
    box-sizing:border-box;
    margin-top:10px;
}

.audience_rule_dropdown_content .audience_rule_dropdown_optgroup_title:first-of-type {
    border-top:0px;
    margin-top:0px;
}

.audience_rule_dropdown_done {
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#333333;
    border-top:1px #e1e6ec solid;
    padding-top:10px;
    padding-bottom:10px;
    cursor:pointer;
}

.audience_rule_dropdown_done:hover {
    background-color:#e9f3fc;
    color:#489ee6;
    border-top:1px #d2e7f9 solid;
}

.audience_rule_dropdown select {
    width:100%;
    height:30px;
    box-sizing:border-box;
}

.audience_rule_dropdown input {
    height:30px;
    padding-left:5px;
    padding-right:5px;
    box-sizing:border-box;
}

.audience_rule_dropdown input:focus {
    outline: none;
    border-color: #489ee6;
    box-shadow: 0 0 5px #489ee6;
}

/* Purchase tickets section */

.signup_login_div {
	float:left;
    width:100%;
	max-width:465px;
	background-color:#f9f9f9;
	padding:15px;
	margin-bottom:20px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	border: 1px #dfdfdf solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.signup_login_title {
	font-size:13pt;
	font-weight:bold;
}

.signup_login_subtitle {
	font-size:10pt;
	color:#777777;
	margin-top:5px;
}

.signup_login_content {
	margin-top:15px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
}

.signup_login_input_title {
	font-size:11pt;
	font-weight:bold;
	margin-bottom:5px;
}

.signup_login_input {
	width:100%;
	height:35px;
	background-color:#ffffff;
	font-size:14px;
	border:1px #dfdfdf solid;
	margin-bottom:10px;
    box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	border-radius:3px;
}

.signup_login_input_phone {
	width:30px;
	height:35px;
	background-color:#ffffff;
	font-size:14px;
	border:1px #dfdfdf solid;
	margin-bottom:10px;
    box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	border-radius:3px;
}

.signup_login_button {
	width:100%;
	height:35px;
	background-color:#93c741;
	font-size:14px;
	font-weight:100;
	color:#ffffff;
    box-sizing:border-box;
	border:1px #739d2f solid;
	border-radius:3px;
	cursor:pointer;
	margin-top:5px;
}


/* Page block */

.block_page {
	background-color:#f9f9f9;
	border: 1px #dfdfdf solid;
	margin-bottom:10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.block_page_content {
	padding:20px;
}

.block_page_section {
	width:100%;
	background-color:#ffffff;
	border:1px #dfdfdf solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.block_page_section_content {
	padding:15px;
}

.block_page_section_title {
	font-size:11pt;
	font-weight:bold;
	margin-bottom:10px;
}

/* Edit Account page */

.edit_account_input_title {
	font-size:11pt;
	font-weight:bold;
	margin-bottom:5px;
}

.edit_account_input {
	width:100%;
	height:35px;
	background-color:#ffffff;
	font-size:11pt;
	border:1px #dfdfdf solid;
	margin-bottom:10px;
	padding-left:7px;
	padding-right:7px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    box-sizing:border-box;
}

.edit_account_input_phone {
	width:30px;
	height:30px;
	background-color:#ffffff;
	font-size:11pt;
	border:1px #dfdfdf solid;
	margin-bottom:10px;
	padding-left:7px;
	padding-right:7px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.edit_account_button {
	width:100%;
	height:35px;
	background-color:#93c741;
	font-size:11pt;
	font-weight:100;
	color:#ffffff;
	border:1px #b9d884 solid;
	box-shadow: 0px 0px 0px 1pt #333333;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	cursor:pointer;
	margin-top:5px;
    box-sizing:border-box;
}

/* Add Event Times Popup */

.showtimes_add_item, .showtimes_edit_item {
    border:1px #d5d5d5 solid;
    padding:10px;
    border-radius:3px;
    margin-bottom:10px;
}

.showtimes_add_item input, .showtimes_add_item select, .showtimes_edit_item input, .showtimes_edit_item select {
    margin-bottom:0px;
}

/* Reports */

.reports_date_section {
    font-size:11pt;
    line-height:75px;
    box-sizing:border-box;
}

.reports_date_input {
    width:100px;
    height:35px;
    font-size:14px;
    text-align:center;
    margin-left:7px;
    position: relative; 
    box-sizing:border-box;
    padding-left:10px;
    padding-right:10px;
    z-index: 100000;
}

.reports_date_button {
    width:160px;
    height:30px;
    font-size:11pt;
    margin-left:23px;
    border:1px #dfdfdf solid;
    background-color:#f9f9f9;
    cursor:pointer;
}

.reports_date_button:hover {
    background-color:#f1f1f1;
}


.reports_email_popup_overlay {
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#000000;
    opacity:0.5;
    z-index:10000;
}

.reports_email_popup {
    display:none;
    position:absolute;
    left:50%;
    top:20%;
    margin-left:-250px;
    width:500px;
    background-color:#ffffff;
    z-index:100000;
    border:5px #d5d5d5 solid;
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.reports_email_popup_content {
    padding:20px;
}

.reports_email_popup_title {
    font-size:16pt;
    font-weight:bold;
    color:#333333;
    text-align:center;
    margin-bottom:20px;
}

.reports_email_popup_input {
    width:100%;
    height:30px;
    font-size:11pt;
    padding-left:7px;
    padding-right:7px;
    margin-bottom:10px;
    box-sizing:border-box;
    border:1px #d5d5d5 solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.reports_email_popup_button {
    width:100%;
    height:35px;
    background-color:#93c741;
    color:#ffffff;
    font-size:11pt;
    padding-left:7px;
    padding-right:7px;
    margin-bottom:10px;
    box-sizing:border-box;
    border:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
}


/* Results */

/* Results search index */

.results_index_topbar {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:10px;
    background-color:#93c741;
}

.results_index_topnav {
    position:absolute;
    top:10px;
    left:0px;
    width:100%;
    font-size:10pt;
    color:#999999;
    padding-top:15px;
}

.results_index_topnav_right {
    float:right;
    text-align:right;
    padding-right:20px;
}

.results_index_topnav_left {
    float:left;
    text-align:left;
    padding-left:20px;
}

.results_index_search_div {
    position:absolute;
    left:50%;
    top:30%;
    margin-left:-277px;
    width:555px;
}

.results_index_search_div_top {
    width:100%;
    margin-bottom:20px;
    text-align:center;
}

.results_index_search_div_logo {
    display:inline-block;
    font-family:"Open Sans";
    font-size:42pt;
    font-weight:bold;
    color:#93c741;
}

.results_index_search_div_divider {
    display:inline-block;
    height:55px;
    width:1px;
    background-color:#c5c5c5;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:-7px;
}

.results_index_search_div_slogan {
    display:inline-block;
    font-family:"Open Sans";
    font-size:15pt;
    font-weight:300;
    color:#555555;
    text-align:left;
}

.results_index_search_input_div {
    width:555px;
}

.results_index_search_input {
    display:inline-block;
    width:495px;
    height:45px;
    background-color:#ffffff;
    font-size:12pt;
    font-family:"Open Sans";
    padding-left:10px;
    padding-right:10px;
    border:1px #d5d5d5 solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    box-sizing:border-box;
    vertical-align: bottom;
    outline:none;
    margin-right:10px;
}

.results_index_search_button {
    display:inline-block;
    width:45px;
    height:45px;
    background-color:#93c741;
    font-size:16pt;
    color:#ffffff;
    padding-left:10px;
    padding-right:10px;
    border:1px #8BBA3D solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    box-sizing:border-box;
    outline:none;
    cursor:pointer;
}

.results_index_search_try_div {
    font-size:10pt;
    font-family:"Open Sans";
    color:#999999;
    padding-left:37px;
    margin-top:15px;
}

.results_index_search_try_div a {
    color:#999999;
    font-weight:bold;
}

.results_index_sell_tickets {
    position:absolute;
    bottom:30px;
    left:50%;
    margin-left:-300px;
    width:600px;
    font-size:11pt;
    font-family:"Open Sans";
    font-weight:300;
    color:#999999;
    text-align:center;
}

/* Rest of results */

.results_sell_tickets_banner {
    width:100%;
    height:50px;
    background-color:#333333;
}

.results_sell_tickets_banner_content {
    margin:0px auto;
    width:535px;
    font-size:12pt;
    font-family:Open Sans;
    color:#ffffff;
    line-height:48px;
}

.results_sell_tickets_banner_button {
    display:inline-block;
    height:30px;
    line-height:30px;
    font-size:11pt;
    color:#ffffff;
    background-color:#93c741;
    padding-left:13px;
    padding-right:13px;
    margin-left:15px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
}

.results_sell_tickets_banner_button:hover {
    background-color:#88B63B;
}

.results_event_page_image {
    float:left;
    width:210px;
    padding-right:20px;
}

.results_event_page_description {
    float:right;
    width:330px;
    font-size:11pt;
    line-height:14pt;
}

.results_event_page_input {
    float:right;
    width:270px;
	height:35px;
	background-color:#ffffff;
	font-size:11pt;
	border:1px #dfdfdf solid;
	padding-left:7px;
	padding-right:7px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    box-sizing:border-box;
    outline:none;
    margin-top:-8px;
    margin-right:-10px;
}

.results_featured_item {
    position:relative;
    float:left;
    width:100%;
    height:250px;
    background-size:cover;
    background-position:center center;
    margin-right:20px;
    margin-bottom:20px;
    cursor:pointer;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.results_featured_item_banner {
    position:absolute;
    bottom:0px;
    width:100%;
    height:auto;
    font-size:14pt;
    color:#ffffff;
    background-color:#000000;
    padding:20px;
    bottom:0px;
    opacity:0.8;
    box-sizing:border-box;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.results_featured_item_button {
    position:absolute;
    right:20px;
    bottom:15px;
    height:30px;
    line-height:30px;
    font-size:10pt;
    color:#ffffff;
    background-color:#93c741;
    padding-left:13px;
    padding-right:13px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
}

.results_featured_item_button:hover {
     background-color:#88B63B;
}

/* Checked In Circle */

.checked_in_circle {
    display:inline-block;
    width:18px;
    height:18px;
    background-color:#93c741;
    color:#ffffff;
    font-size:9pt;
    text-align:center;
    margin-left:5px;
    -webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}


/* Scanner tool */

.scanner_page {
	background-color:#f9f9f9;
	border: 1px #dfdfdf solid;
	box-sizing:border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	margin-bottom:10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
}

.scanner_header {
    width:100%;
    background-color:#f9f9f9;
    font-size:38pt;
    font-weight:300;
    text-align:center;
    line-height:150px;
    color:#999999;
}

.scanner_header_green {
    width:100%;
    background-color:#93c741;
    font-size:38pt;
    font-weight:300;
    text-align:center;
    line-height:150px;
    color:#ffffff;
}

.scanner_header_red {
    width:100%;
    background-color:#bc3a30;
    font-size:38pt;
    font-weight:300;
    text-align:center;
    line-height:150px;
    color:#ffffff;
}

.scanner_name {
    text-align:center;
    font-size:28px;
    color:#000000;
    margin-top:50px;
}

.scan_items {
    margin-top:50px;
}

.scan_item_success {
    width:100%;
    height:50px;
    font-size:20px;
    color:#ffffff;
    text-align:center;
    line-height:50px;
    background-color:#93c741;
    margin-bottom:5px;
}

.scan_item_failed {
    width:100%;
    height:50px;
    font-size:20px;
    color:#ffffff;
    text-align:center;
    line-height:50px;
    background-color:#bc3a30;
    margin-bottom:5px;
}

.green_screen_flash {
    display:none;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-color:#93c741;
    opacity:0.8;
}

.red_screen_flash {
    display:none;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-color:#bc3a30;
}

.getting_started_steps {
    width:100%;
    background-color: #93C741;
    margin-bottom: 20px;
    box-sizing:border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 1px 1px 1px 0px #e5e5e5;
    -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
    box-shadow: 1px 1px 1px 0px #e5e5e5;
}

.getting_started_steps_title {
    font-size:12pt;
    color:#ffffff;
    padding:10px;
    border: 1px #82AF39 solid;
    border-bottom:0px;
    box-sizing:border-box;
}

.getting_started_steps_item {
    height:40px;
    background-color:#ffffff;
    font-size:11pt;
    color:#111111;
    border-bottom: 1px #d5d5d5 solid;
    box-sizing:border-box;
}

.getting_started_steps_item_number {
    display:inline-block;
    background-color:#F9F9F9;
    width:40px;
    height:39px;
    font-size:12pt;
    font-weight:bold;
    color:#555555;
    text-align:center;
    line-height:40px;
    margin-right:10px;
}

.getting_started_steps_item_details {
    display:inline-block;
    height:39px;
    font-size:12pt;
    color:#111111;
    text-align:center;
    line-height:40px;
}


.payment_option_item {
    vertical-align:top;
    display:inline-block;
    width:42%;
    background-color:#f9f9f9;
    padding:20px;
    border:1px #d5d5d5 solid;
    border-radius:3px;
}

.payment_option_icon {
    font-size:48pt;
    margin-bottom:20px;
}

.payment_option_title {
    font-size:14pt;
    font-weight:bold;
    color:#333333;
    margin-bottom:10px;
}

.payment_option_description {
    font-size:10pt;
    color:#999999;
    margin-bottom:20px;
}


/* Check-In Widget */

.check_in_widget {
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    text-align:center;
    background-color:#F4F4F4;
    padding:15px;
    box-sizing:border-box;
    border-top:1px #DEE3EA solid;
    z-index:1000;
    box-shadow: 0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
}

.check_in_widget_title {
    font-size:18px;
    font-weight:bold;
    padding-bottom:10px;
}

/* General */

.generic_button {
    height:35px;
    line-height:35px;
    background-color:#ffffff;
    color:#333333;
    font-size:14px;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
	border-radius:3px;
    border:0px;
    cursor:pointer;
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
}

.generic_button:hover {
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.12), 0 3px 9px 0 rgba(42,47,69,.08), 0 1px 1.5px 0 rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.08);
}

.generic_button_disabled {
    height:35px;
    font-size:14px;
    padding-left:10px;
    padding-right:10px;
    color:#999999;
    text-align:center;
    border:1px #a9a9a9 solid;
	border-radius:3px;
    background-color: #f9f9f9;
    cursor:default;
}

.green_button {
    height:35px;
    background-color:#93c741;
    font-size:14px;
    color:#ffffff;
    text-align:center;
    line-height:35px;
    padding-left:10px;
    padding-right:10px;
    border:0px;
	border-radius:3px;
    cursor:pointer;
    box-shadow: 0 0 0 1px rgba(42, 69, 43, 0.45), 0 2px 5px 0 rgba(42, 47, 69, 0.13), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent !important;
}

.green_button:hover {
    background:#9ccb53;
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.12), 0 3px 9px 0 rgba(42,47,69,.08), 0 1px 1.5px 0 rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.08);
}

.purple_button {
    height:35px;
    background-color:#a381e0;
    font-size:14px;
    color:#ffffff;
    text-align:center;
    line-height:35px;
    padding-left:10px;
    padding-right:10px;
    border:0px;
	border-radius:3px;
    cursor:pointer;
}

.purple_button:hover {
    background: #9881E0;
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.12), 0 3px 9px 0 rgba(42,47,69,.08), 0 1px 1.5px 0 rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.08);
}

input.green_button {
    line-height:normal !important;
}

.green_button_disabled {
    height:35px;
    font-size:14px;
    padding-left:10px;
    padding-right:10px;
    color:#999999;
    border:1px #a9a9a9 solid;
	border-radius:3px;
    background-color: #f9f9f9;
    cursor:default;
}

.blue_button {
    height:35px;
    background-color:#489ee6;
    font-size:14px;
    color:#ffffff;
    text-align:center;
    line-height:35px;
    padding-left:10px;
    padding-right:10px;
    border:0px;
	border-radius:3px;
    cursor:pointer;
    box-shadow: 0 0 0 1px #3595e3 transparent !important;
}

.blue_button:hover {
    background:#3595e3;
}

input.blue_button {
    line-height:normal !important;
}

.blue_button_disabled {
    height:35px;
    font-size:14px;
    padding-left:10px;
    padding-right:10px;
    color:#999999;
    border:1px #a9a9a9 solid;
	border-radius:3px;
    background-color: #f9f9f9 !important;
    cursor:not-allowed;
}

.red_button {
    height:35px;
    background-color:#c74343;
    font-size:14px;
    color:#ffffff;
    text-align:center;
    line-height:35px;
    padding-left:10px;
    padding-right:10px;
    border:0px;
	border-radius:3px;
    cursor:pointer;
    box-shadow: 0 0 0 1px rgba(42, 69, 43, 0.45), 0 2px 5px 0 rgba(42, 47, 69, 0.13), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent !important;
}

.red_button:hover {
    background:#c74343;
}

.fb_blue_button {
    height:35px;
    background-color:#3a5b97;
    font-size:14px;
    color:#ffffff;
    text-align:center;
    line-height:35px;
    padding-left:10px;
    padding-right:10px;
    border:0px;
	border-radius:3px;
    cursor:pointer;
}

.fb_blue_button:hover {
    background:#395993;
}

.button_large {
    height:50px;
    line-height:45px;
    font-size:13pt;
    padding-left:20px;
    padding-right:20px;
}

.button_medium {
    height:40px;
    line-height:35px;
    font-size:16px;
    padding-left:20px;
    padding-right:20px;
}

.button_small {
    height:30px;
    line-height:30px;
    font-size:13px;
    padding-left:10px;
    padding-right:10px;
}

.button_disabled {
    opacity:0.5;
    cursor:default;
}

.button_round {
    width:max-content;
    border-radius:50px;
}

.page_title_edit_input {
    height:40px;
    width:400px;
    font-size:20px;
    padding:10px;
    box-sizing:border-box;
}

.edit_icon {
    display:inline-block;
    color:#999999;
    font-size:13px;
    cursor:pointer;
}

.edit_icon:hover {
    color:#93c742;
}

.edit_input {
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgb(42 69 43 / 45%), 0 2px 5px 0 rgb(42 47 69 / 13%), 0 1px 1.5px 0 rgb(0 0 0 / 7%), 0 1px 2px 0 rgb(0 0 0 / 8%), 0 0 0 0 transparent !important;
}

/* Box Office View */

.bo_page {
    margin:0px auto;
    padding-top:20px;
    width:100%;
    max-width:1050px;
}

.bo_heading {
    position:relative;
    width:100%;
    padding:15px;
    box-sizing: border-box;
    background-color: #f9f9f9;
    box-shadow: 0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px #e3e8ee solid !important;
    border-bottom: 0px !important;
}

.bo_heading_content {
    position:relative;
    font-size:18px;
    font-weight:bold;
    color:#000000;
    z-index:1000;
}

.bo_heading_success_bar {
    position:absolute;
    top:0px;
    right:0px;
    width:50px;
    height:100%;
    background-color:#ccd3da;
    z-index:100;
	border-top-right-radius:3px;
}

.bo_heading_check {
    font-size:20pt;
    color:#ffffff;
    z-index:1000;
    margin-top:14px;
    margin-left:12px;
}

.bo_heading_center_info {
    position:absolute;
    left:50%;
    margin-left:-100px;
    width:200px;
    font-size:14px;
    color:#000000;
    text-align:center;
    padding-top:2px;
}

.bo_heading_right_info {
    position:absolute;
    right:15px;
    width:200px;
    font-size:14px;
    color:#000000;
    text-align:right;
    padding-top:2px;
}

.bo_heading_reservation_link {
    position:relative;
    float:right;
    font-size:14px;
    line-height:20px;
    padding-right:50px;
    z-index:1000000000;
}

.bo_heading_reservation_link span:hover {
    text-decoration:underline;
}

.bo_content {
	background-color:#ffffff;
	margin-bottom:20px;
    box-sizing:border-box;
    box-shadow: 0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px #e3e8ee solid !important;
    border-bottom: 0px !important;
    box-sizing: border-box;
}

.bo_content_flex_container {
    display:flex;
    flex-wrap:wrap;
    padding:10px;
}

.bo_ticket_type {
    position:relative;
    display:inline-block;
    width:48.5%;
    min-height:50px;
    background-color:#f9f9f9;
    margin:5px;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:15px;
    padding-right:55px;
    clear:both;
    vertical-align:top;
    border-radius: 3px;
    border-radius: 3px;
    border: 1px #ccd3da solid !important;
    box-sizing: border-box;
}

.bo_ticket_type_half {
    width: calc(50% - 1.5em);
    margin: 10px;
}

.bo_ticket_type_full {
    width:100%;
    margin:0px;
}

.bo_ticket_green {
    background-color:#9CCB53;
    color:#ffffff;
    border:1px #9CCB53 solid;
}

.bo_ticket_green .green_text {
    color:#ffffff !important;
}

.bo_ticket_red {
    background-color:#C00000;
    color:#ffffff;
    border:1px #C00000 solid;
}

.bo_ticket_red .green_text {
    color:#ffffff !important;
}

.bo_ticket_blue {
    background-color:#0091C7;
    color:#ffffff;
    border:1px #0091C7 solid;
}

.bo_ticket_blue .green_text {
    color:#ffffff !important;
}

.bo_ticket_pink {
    background-color:#FF1BF5;
    color:#ffffff;
    border:1px #FF1BF5 solid;
}

.bo_ticket_pink .green_text {
    color:#ffffff !important;
}

.bo_ticket_orange {
    background-color:#ff9933;
    color:#ffffff;
    border:1px #ff9933 solid;
}

.bo_ticket_orange .green_text {
    color:#ffffff !important;
}

.bo_ticket_black {
    background-color:#333333;
    color:#ffffff;
    border:1px #333333 solid;
}

.bo_ticket_black .green_text {
    color:#ffffff !important;
}

.bo_ticket_gold {
    background-color:#ccb61c;
    color:#ffffff;
    border:1px #ccb61c solid;
}

.bo_ticket_gold .green_text {
    color:#ffffff !important;
}

.bo_ticket_type select {
    position: absolute;
    top: 8px;
    right: 7px;
    z-index:10000;
    cursor:pointer;
}

.bo_ticket_type input {
    position: absolute;
    top: 8px;
    right: 7px;
    z-index:10000;
}

.bo_ticket {
    position:relative;
    display:inline-block;
    width:100%;
    min-height:50px;
    background-color:#f9f9f9;
    padding:15px;
    border:1px #c3c3c3 solid;
    box-sizing:border-box;
    clear:both;
    vertical-align:top;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
    margin-bottom:10px;
}

.bo_ticket:last-of-type {
    margin-bottom:0px;
}

.bo_ticket_seat {
    position:relative;
    width:200px;
    z-index:100;
    font-size:15px;
}

.bo_ticket_price {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 7px;
    font-size:15px;
}

.bo_ticket_price select {
    position:relative !important;
    width:100%;
    max-width:300px;
    height:35px;
    padding-left:10px;
    padding-right:10px;
}

.bo_ticket_remove {
    position:relative;
    float:right;
    text-align:right;
    font-size:15px;
    color:#999999;
    cursor:pointer;
    z-index:10000;
}

.bo_tickets_empty {
    font-size:16px;
    color:#999999;
    text-align:center;
    padding:20px;
}

.bo_ticket_remove:hover {
    font-weight:bold;
    color:#c01000;
}

.bo_add_on {
    width:100%;
    text-align:center;
}

.bo_add_on img {
    display:inline-block;
    max-height:150px;
    max-width:100%;
    margin-bottom:10px;
}

.bo_add_on_variant {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    border-bottom: 1px #d5d5d5 solid;
    box-sizing: border-box;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bo_add_on_variant select {
    height:25px;
}

.bo_add_on_variant_price {
    float:right;
    color:#999999;
}

.bo_add_on_variant_single {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    border: 1px #e3e4e7 solid;
    box-sizing: border-box;
    border-radius:5px;
    padding:10px;
    margin-bottom:5px;
    cursor:pointer;
}

.bo_add_on_variant_single:hover {
    background-color:#f9f9f9;
}

.bo_add_on_variant_single_active {
    color:#ffffff;
    background: rgb(73,158,230);
    background: linear-gradient(45deg, rgba(73,158,230,1) 0%, rgba(113,190,255,1) 50%, rgba(73,158,230,1) 100%);
    border:1px #ffffff solid;
    box-shadow: 0 0 0 1px #4a9fe6;
}

.bo_add_on_variant_single_active .bo_add_on_variant_price {
    color:#ffffff;
}


/* Hybrid */
.bo_hybrid_variant {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    border-bottom: 1px #d5d5d5 solid;
    box-sizing: border-box;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bo_hybrid_variant select {
    height:35px;
}

.bo_hybrid_variant_single {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    background-color:#f9f9f9;
    border: 1px #e3e4e7 solid;
    box-sizing: border-box;
    border-radius:5px;
    padding:10px;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:5px;
    cursor:pointer;
}

.bo_hybrid_variant_single:hover {
    color:#ffffff;
    background: rgb(73,158,230);
    background: linear-gradient(45deg, rgba(73,158,230,1) 0%, rgba(113,190,255,1) 50%, rgba(73,158,230,1) 100%);
    border:1px #ffffff solid;
    box-shadow: 0 0 0 1px #4a9fe6;
}

.bo_hybrid_variant_single:hover .bo_hybrid_variant_title, .bo_hybrid_variant_single:hover .bo_hybrid_variant_right_icon, .bo_hybrid_variant_single:hover .bo_hybrid_variant_price_range {
    color:#ffffff;
}

.bo_hybrid_variant_single:hover .bo_hybrid_variant_description {
    color:#e9f3fc;
}

.bo_hybrid_variant_single_active {
    color:#ffffff;
    background: rgb(73,158,230);
    background: linear-gradient(45deg, rgba(73,158,230,1) 0%, rgba(113,190,255,1) 50%, rgba(73,158,230,1) 100%);
    border:1px #ffffff solid;
    box-shadow: 0 0 0 1px #4a9fe6;
}

.bo_hybrid_variant_single_disabled {
    cursor:not-allowed;
}

.bo_hybrid_variant_single_disabled .bo_hybrid_variant_left {
    opacity:0.50;
}

.bo_hybrid_variant_title {
    font-size:17px;
    font-weight:bold;
    color:#333333;
    margin-bottom:3px;
}

.bo_hybrid_variant_description {
    font-size:14px;
    color:#999999;
}

.bo_hybrid_variant_price_range {
    display:inline-block;
    font-size:15px;
    font-weight:normal;
    color:#999999;
    padding-left:5px;
}

.bo_hybrid_variant_right {
    float:right;
    padding-top:12px;
}

.bo_hybrid_variant_right_icon {
    display:inline-block;
    font-size:20px;
    color:#999999;
    margin-left:5px;
}


.bo_input_holder {
    display:inline-block;
    width:100%;
    max-width:240px;
    padding-right:10px;
}

.bo_input_holder_50 {
    display:inline-block;
    width:48.5%;
    padding-right:10px;
    padding-bottom:5px;
}

.bo_input_holder_25 {
    display:inline-block;
    width:24%;
    padding-right:10px;
}

.bo_input_holder_33 {
    display:inline-block;
    width:33.33333%;
    padding-right:10px;
}

.bo_input_holder_10 {
    display:inline-block;
    width:10%;
    padding-right:10px;
}

.bo_input_label {
    display:inline-block;
    font-size:16px;
    font-weight:bold;
    padding-bottom:3px;
    padding-top:10px;
}

.bo_input {
    width:100%;
    height:50px;
    font-size:16px;
    padding-left:15px;
    padding-right:15px;
    box-sizing:border-box;
}

.bo_textarea {
    width:100%;
    height:70px;
    font-size:16px;
    padding:15px;
    box-sizing:border-box;
}

.bo_button {
    width:100%;
    height:50px;
    line-height:50px;
    font-size:16px;
    text-align:center;
    box-sizing:border-box;
    border-radius:5px;
}

.bo_show_name {
    font-size:26px;
    font-weight:bold;
    text-align:center;
    margin-bottom:5px;
}

.bo_show_subtitle {
    font-size:22px;
    font-weight:normal;
    text-align:center;
    margin-bottom:5px;
}

.bo_showtime_name {
    font-size:18px;
    text-align:center;
    margin-bottom:10px;
}


.bo_nav {
    position:relative;
    width:100%;
    height:50px;
    background-color:#333333;
    padding:10px;
    box-sizing:border-box;
}

.bo_nav_right {
    float:right;
}

.bo_nav_item {
    display:inline-block;
    width:auto;
    height:30px;
    font-size:14px;
    color:#ffffff;
    background-image: linear-gradient(-180deg, #666666 0%, #555555 8%);
    border: 1px solid #252525;
    line-height:30px;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
    border-radius:3px;
    cursor:pointer;
    box-shadow:none;
    -webkit-appearance:none;
    outline:none;
}

.bo_nav_item:hover {
    background-color:#454545;
    background-image:none;
}

.bo_nav_item_green {
     background-image: linear-gradient(45deg, rgba(147,199,65,1) 0%, rgba(139,190,58,1) 100%) !important;
    border: 1px solid #48621d;
}

.bo_nav_search {
    display:none;
    width:200px;
    height:28px;
    font-size:14px;
    background-color:#ffffff;
    line-height:30px;
    margin-right:-3px;
    padding-left:7px;
    padding-right:7px;
    box-sizing:border-box;
    border:0px !important;
    box-shadow:none !important;
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important;
    border-radius:0px  !important;
    -webkit-border-radius:0px  !important;
    -moz-border-radius:0px  !important;
    border-top-left-radius:3px  !important;
    border-bottom-left-radius:3px  !important;
    outline: none;
}

.bo_nav_item_green {
    background-image: linear-gradient(45deg, rgba(147,199,65,1) 0%, rgba(139,190,58,1) 100%) !important;
    border: 1px solid #69AB36 !important;
}

.bo_nav_item .dark_icon {
    font-size:16px;
    color:#303030;
    margin-left:5px;
}

.bo_cart_item {
    position:relative;
    width:100%;
    padding:20px;
    box-sizing:border-box;
    border-bottom:1px #d5d5d5 solid;
}

.bo_cart_item_type {
    display:inline-block;
    font-size:14px;
}

.bo_cart_item_price {
    display:inline-block;
    font-size:14px;
    color:#93C741;
    padding-left:10px;
}

.bo_cart_item_discount {
    display:inline-block;
    font-size:14px;
    color:#999999;
    padding-left:10px;
}

.bo_cart_item_seat {
    float:right;
    font-size:14px;
}

.bo_cart_item_remove {
    display:none;
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    line-height:60px;
    background-color:#bc3a30;
    color:#ffffff;
    padding-left:15px;
    padding-right:15px;
    cursor:pointer;
}

.bo_checkout_items {
    text-align:center;
}

.bo_checkout_item {
    display:inline-block;
    width:32%;
    background-color:#93C741;
    color:#ffffff;
    font-size:18px;
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    box-sizing:border-box;
    border:1px #81b135 solid;
    border-radius:3px;
    cursor:pointer;
}

.bo_checkout_item_price {
    font-size:22px;
    font-weight:bold;
    color:#ffffff;
    margin-bottom:10px;
}

.bo_button_large {
    display:inline-block;
    width:32%;
    height:50px;
    font-size:16px;
    text-align:center;
    color:#000000;
    background-color:#ffffff;
    border:1px #c3c3c3 solid;
    border-radius:3px;
    cursor:pointer;
}

.bo_order_item {
    width:100%;
    background-color:#ffffff;
    border-bottom:1px #d5d5d5 solid;
    padding:20px;
    box-sizing:border-box;
}

.bo_order_item:hover {
    background-color:#f9f9f9;
}

.bo_order_item_info {
    float:left;
    font-size:14px;
}

.bo_order_item_icon {
    float:right;
    font-size:14px;
}

.bo_order_item_icon i {
    margin-top:2px;
}

.bo_order_item_price {
    float:right;
    font-size:14px;
    color:#93C741;
    padding-right:20px;
}

.bo_order_item_time {
    float:right;
    font-size:14px;
    color:#999999;
    padding-right:20px;
}


/* Cart */

.cart_popup {
    display:none;
    position:fixed;
    left:50%;
    margin-left:-175px;
    width:350px;
    max-height: calc(100vh - 210px);
    overflow-y: auto;
    background-color:#F5F5F7;
    -webkit-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.2);
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    z-index:1000000001;
}

.cart_popup_overlay {
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#000000;
    opacity:0.5;
    z-index:1000000000;
}

.cart_popup_header {
    position:relative;
    width:100%;
    background-color:#E8E9EB;
    border-bottom:1px #D7D8DA solid;
    padding:20px;
    padding-bottom:15px;
    box-sizing:border-box;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.cart_popup_header_title {
    font-size:20px;
    font-weight:bold;
    color:#000000;
    text-align:center;
    margin-bottom:5px;
}

.cart_popup_header_subtitle {
    font-size:14px;
    color:#999999;
    text-align:center;
    margin-bottom:5px;
}

.cart_popup_header_tabs {
    margin-bottom:-15px;
    padding-top:10px;
    text-align:center;
}

.cart_popup_header_tab {
    display:inline-block;
    height:35px;
    width:30%;
    margin-right:3px;
    margin-bottom:-1px;
    background-color:#f5f5f5;
    font-size:14px;
    text-align:center;
    line-height:35px;
    border:1px #dfdfdf solid;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    padding-left:13px;
    padding-right:13px;
    box-sizing:border-box;
    cursor:pointer;
}

.cart_popup_header_tab.tabs_4 {
    width:20%;
}

.cart_popup_header_tab_active {
    background-color:#ffffff;
    font-weight:bold;
    margin-bottom:-1px;
    border-bottom:1px #ffffff solid;
}

.cart_popup_content {
    width:100%;
    background-color:#F5F5F7;
    border-top:1px #ffffff solid;
    padding:30px;
    box-sizing:border-box;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.cart_popup_content_slide {
    display:none;
    position:absolute;
    top:0px;
    width:100%;
    height:100%;
    background-color:#F5F5F7;
    padding:20px;
    box-sizing:border-box;
}

.cart_popup_content_title {
    font-size:15px;
    font-weight:bold;
    margin-bottom:5px;
}

.cart_popup_content_subtitle {
    font-size:12px;
    margin-bottom:15px;
}

.cart_popup_notice {
    font-size:13px;
    color:#999999;
    text-align:center;
    margin-top:15px;
}

.cart_input_holder {
    position:relative;
    display:inline-block;
    width:100%;
}

.cart_input_holder_split {
    display: flex;
    justify-content: space-between;
    width: 100%;
}



.cart_input_holder_split > .split_50 {
    flex: 1 1 50%;
}

.split_50 {
    position: relative;
}

.cart_popup_input_new {
    width:100%;
    height:40px;
    font-size:17px;
    padding:10px;
    padding-left:35px;
    box-sizing:border-box;
    margin-top:-1px;
}

.cart_popup_input {
    width:99%;
    height:40px;
    font-size:17px;
    padding:10px;
    padding-left:35px;
    box-sizing:border-box;
    margin-top:-1px;
}

.cart_popup_input_private_notes {
   font-size: 14px;
   font-family:"Arial";
}

.cart_popup_textarea {
    width:99%;
    height:70px;
    font-size:14px;
    padding:10px;
    padding-left:35px;
    box-sizing:border-box;
    margin-top:-1px;
}

.cart_popup_select {
    width:99%;
    height:40px;
    font-size:14px;
    padding:10px;
    padding-left:35px;
    box-sizing:border-box;
    margin-top:-1px;
}

.cart_input_icon {
    position:absolute;
    top:10px;
    left:10px;
    font-size:16px;
    color:#d5d5d5;
}

.cart_input_icon_active {
    color:#91C541;
}

.cart_popup_exit {
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
    font-size:18px;
    color:#999999;
}

.cart_popup_exit:hover {
    color:#888888;
}

.cart_popup_list_item {
    width:100%;
    padding:20px;
    border-bottom:1px #D7D8DA solid;
    box-sizing:border-box;
}

.cart_popup_list_item:hover {
    background-color:#f1f1f4;
}

.cart_popup_list_item_name {
    font-weight:bold;
}

.cart_policy_item {
    padding-bottom:20px;
}

.cart_policy_item:last-of-type {
    padding-bottom:0px;
}

.cart_policy_item p {
    margin-top:3px;
    margin-bottom:3px;
}

.cart_terminal_overlay {
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#489ee6;
    color:#ffffff;
    text-align:center;
    border-radius:2px;
    z-index:1000000;
    padding:30px;
    box-sizing:border-box;
    overflow-y: auto;
}

.cart_terminal_overlay_success {
    background-color:#93c742 !important;
    z-index:10000000 !important;
}

.cart_terminal_overlay_error {
    background-color:#eb2f2e !important;
    z-index:10000000 !important;
}

.cart_terminal_overlay_title {
    font-size:26px;
    font-weight:bold;
}

.cart_terminal_overlay_subtitle {
    font-size:16px;
    padding-top:10px;
}

.cart_terminal_overlay_loading {
    padding-top:70px;
}

.cart_terminal_overlay_cancel {
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    padding:30px;
    box-sizing:border-box;
}

.cart_terminal_items {
    margin-top:20px;
}

.cart_terminal_item {
    display:flex;
    width:100%;
    background-color:#ffffff;
    border-radius:3px;
    padding:20px;
    margin-bottom:10px;
    box-sizing:border-box;
    box-shadow: 0 7px 14px 0 rgba(60,66,87, 0.1), 0 3px 6px 0 rgba(0, 0, 0, .07);
}

.cart_terminal_item_selectable {
    cursor:pointer;
}

.cart_terminal_item_selectable:hover {
    background-color:#f9f9f9;
    box-shadow: 0 7px 14px 0 #377eb8, 0 3px 6px 0 #377eb8;
}

.cart_terminal_item_img {
    width:30%;
    padding-right:10px;
}

.cart_terminal_item_img img {
    width:100%;
}

.cart_terminal_item_info {
    width:70%;
    text-align:left;
}

.cart_terminal_item_title {
    font-size:14px;
    font-weight:bold;
    color:#333333;
    padding-bottom:5px;
}

.cart_terminal_item_description {
    font-size:12px;
    color:#333333;
}

.cart_terminal_item_connect {
    padding-top:10px;
}

/* Modules */

.side_pane {
    display:none;
    position:fixed;
    left:0px;
    top:0px;
    width:350px;
    height:100%;
    background-color:#ffffff;
    overflow-y:scroll;
    border-right:1px #c3c3c3 solid;
    z-index:10000000000;
    box-shadow: 1px 1px 1px 0px #e5e5e5;
}

.side_pane_header {
    width:100%;
    font-size:20px;
    font-weight:bold;
    background-color:#F9F9F9;
    border-bottom:1px #c3c3c3 solid;
    box-sizing:border-box;
    padding:10px;
    box-shadow: 1px 1px 1px 0px #e5e5e5;
}

.side_pane_header_exit {
    float:right;
    font-size:20px;
    color:#999999;
    cursor:pointer;
}

.side_pane_header_exit:hover {
    color:#93C741;
}

.popup_module {
    display:none;
    position:fixed;
    left:50%;
    margin-left:-175px;
    width:350px;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    background-color:#F5F5F7;
    -webkit-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.2);
    z-index:10000000;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    z-index:100000000000;
}

.popup_module_overlay {
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#000000;
    opacity:0.5;
    z-index:10000000000;
}

.forms_popup_module {
    display:none;
    position:fixed;
    left:50%;
    margin-left:-175px;
    width:350px;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    background-color:#F5F5F7;
    -webkit-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.2);
    z-index:10000000;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    z-index:100000000000;
}

.forms_popup_module_overlay {
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#000000;
    opacity:0.5;
    z-index:10000000000;
}

.popup_module_header {
    position:relative;
    width:100%;
    background-color:#E8E9EB;
    border-bottom:1px #D7D8DA solid;
    padding:20px;
    padding-bottom:15px;
    box-sizing:border-box;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.popup_module_header_title {
    font-size:20px;
    font-weight:bold;
    color:#000000;
    text-align:center;
    margin-bottom:5px;
}

.popup_module_header_subtitle {
    font-size:14px;
    color:#999999;
    text-align:center;
    margin-bottom:5px;
}

.popup_module_header_tabs {
    margin-bottom:-15px;
    padding-top:10px;
    text-align:center;
}

.popup_module_header_tab {
    display:inline-block;
    height:35px;
    width:30%;
    margin-right:3px;
    margin-bottom:-1px;
    background-color:#f5f5f5;
    font-size:14px;
    text-align:center;
    line-height:35px;
    border:1px #dfdfdf solid;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    padding-left:13px;
    padding-right:13px;
    box-sizing:border-box;
    cursor:pointer;
}

.popup_module_header_tab_active {
    background-color:#ffffff;
    font-weight:bold;
    margin-bottom:-1px;
    border-bottom:1px #ffffff solid;
}

.popup_module_content {
    width:100%;
    background-color:#F5F5F7;
    border-top:1px #ffffff solid;
    padding:30px;
    box-sizing:border-box;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.popup_module_content_no_padding {
    padding:0px;
}

.popup_module_notice {
    font-size:13px;
    color:#999999;
    text-align:center;
    margin-top:15px;
}

.popup_module_input_holder {
    position:relative;
    display:inline-block;
    width:100%;
    margin-bottom:15px;
}

.popup_module_input_label {
    display:block;
    font-size:15px;
    font-weight:bold;
    color:#333333;
    margin-bottom:5px;
    margin-top:15px;
}

.popup_module_input_description {
    font-size:14px;
    color:#999999;
    margin-bottom:5px;
    margin-top:-5px;
}

.popup_module_input {
    width:99%;
    height:40px;
    font-size:14px;
    padding:10px;
    padding-left:35px;
    box-sizing:border-box;
    margin-top:-1px;
}

.popup_module_input_number {
    margin:0px auto;
    width:40%;
    height:40px;
    font-size:17px;
    text-align:center;
    padding:10px;
    box-sizing:border-box;
    margin-top:-1px;
}

.popup_module_input_large {
    height:50px;
    font-size:16px !important;
}

.popup_module_input_icon {
    position:absolute;
    bottom:12px;
    left:10px;
    font-size:16px;
    color:#d5d5d5;
}

.popup_module_input_icon_active {
    color:#91C541;
}

.popup_module_exit {
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
    font-size:18px;
    color:#999999;
}

.popup_module_exit:hover {
    color:#888888;
}

.popup_module_price_item {
    position:relative;
    width:100%;
    min-height:30px;
    font-size:15px;
    background-color:#ffffff;
    border:1px #c3c3c3 solid;
    border-radius:3px;
    box-sizing:border-box;
    padding:10px;
    cursor:pointer;
}

.popup_module_price_item:hover {
    background-color:#f9f9f9;
}

.popup_module_price_item_price {
    float:right;
}

.popup_patron_search_input {
    background-color:#f9f9f9 !important;
}

.popup_patron_search_input:focus {
    background-color:#ffffff !important;
}


/* Features section */

.feature_section {
    width:100%;
}

.feature_section_left {
    float:left;
    width:50%;
    box-sizing:border-box;
    padding:30px;
}

.feature_section_right {
    float:left;
    width:50%;
    box-sizing:border-box;
    padding:30px;
}

.feature_section_title {
    font-size:22px;
    font-weight:800;
}

.feature_section_description {
    font-size:15px;
    line-height:22px;
    margin-top:5px;
    margin-bottom:30px;
}

.feature_section_screenshot {
    width:100%;
}

.feature_section_button {
    height:45px;
    background-color:#93c741;
    font-size:15px;
    color:#ffffff;
    line-height:45px;
    padding-left:20px;
    padding-right:20px;
    border:1px #739d2f solid;
	border-radius:3px;
    cursor:pointer;
}

.feature_section_button:hover {
    background:#9ccb53;
}

.feature_title {
    font-size:26px;
    font-weight:bold;
    color:#333333;
    text-align:center;
    margin-bottom:10px;
    margin-top:10px;
}

.feature_subtitle {
    font-size:18px;
    color:#333333;
    text-align:center;
}

.feature_illustration {
    text-align:center;
    padding-top:10px;
    padding-bottom:20px;
}

.feature_illustration img {
    width:300px;
}

.feature_video {
    display:inline-block;
    margin:0px auto;
    text-align:center;
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
}

.feature_details {
    text-align:center;
    width:100%;
    font-size:14px;
    margin-top:20px;
    margin-bottom:20px;
}


/* Dashboard elements */

.dashboard_header_right {
    float:right;
    font-size:14px;
}

.dashboard_header_right_input {
    width:200px;
    height:30px;
    font-size:14px;
    box-sizing:border-box;
    border:1px #c3c3c3 solid;
    border-radius:2px;
    padding-left:10px;
    padding-right:10px;
    margin-left:10px;
}

.dashboard_money_pending {
    float:left;
    width:50%;
    height:150px;
    background-color:#e5e5e5;
    text-align:center;
    box-sizing:border-box;
    padding:30px;
}

.dashboard_money_active {
    float:left;
    width:50%;
    height:150px;
    background-color:#8DBD3D;
    text-align:center;
    box-sizing:border-box;
    padding:30px;
}

.dashboard_money_reserved {
    width:100%;
    background-color:#F7DDDD;
    color:#B73639;
    text-align:center;
    box-sizing:border-box;
    padding:10px;
}

.dashboard_money_pending_amount {
    color:#999999;
    font-size:42px;
    font-weight:600;
    text-align:center;
}

.dashboard_money_active_amount {
    color:#ffffff;
    font-size:42px;
    font-weight:600;
    text-align:center;
}

.dashboard_money_amount_label {
    color:#999999;
    font-size:20px;
    font-weight:300;
    text-align:center;
    margin-top:5px;
}

.dashboard_money_amount_label_white {
    color:#ffffff;
    font-size:20px;
    font-weight:300;
    text-align:center;
    margin-top:5px;
}

.dashboard_status_active {
    display:inline-block;
    height:25px;
    line-height:25px;
    background-color:#93C741;
    font-size:14px;
    color:#ffffff;
    border-radius:3px;
    box-sizing:border-box;
    padding-left:7px;
    padding-right:7px;
    margin-top:2px;
}

.dashboard_status_inactive {
    display:inline-block;
    height:25px;
    line-height:25px;
    background-color:#E5E5E5;
    font-size:14px;
    color:#999999;
    border-radius:3px;
    box-sizing:border-box;
    padding-left:7px;
    padding-right:7px;
    margin-top:2px;
}

.dashboard_status_active_red {
    display:inline-block;
    height:25px;
    line-height:25px;
    background-color:#C10200;
    font-size:14px;
    color:#ffffff;
    border-radius:3px;
    box-sizing:border-box;
    padding-left:7px;
    padding-right:7px;
    margin-top:2px;
}

.dashboard_status_active_blue {
    display:inline-block;
    height:25px;
    line-height:25px;
    background-color:#499EE6;
    font-size:14px;
    color:#ffffff;
    border-radius:3px;
    box-sizing:border-box;
    padding-left:7px;
    padding-right:7px;
    margin-top:2px;
}

.dashboard_status_active_yellow {
    display:inline-block;
    height:25px;
    line-height:25px;
    background-color:#ffcf03;
    font-size:14px;
    color:#000000;
    border-radius:3px;
    box-sizing:border-box;
    padding-left:7px;
    padding-right:7px;
    margin-top:2px;
}

.dashboard_status_active_black {
    display:inline-block;
    height:25px;
    line-height:25px;
    background-color:#000;
    font-size:14px;
    color:#fff;
    border-radius:3px;
    box-sizing:border-box;
    padding-left:7px;
    padding-right:7px;
    margin-top:2px;
}

.dashboard_status_active_purple {
    display:inline-block;
    height:25px;
    line-height:25px;
    background-color:#A381E0;
    font-size:14px;
    color:#fff;
    border-radius:3px;
    box-sizing:border-box;
    padding-left:7px;
    padding-right:7px;
    margin-top:2px;
}

.dashboard_status_active_yellow {
    display:inline-block;
    height:25px;
    line-height:25px;
    background-color: #FAF6CF;
    color: #1D2B36;
    font-size:14px;
    border-radius:3px;
    box-sizing:border-box;
    padding-left:7px;
    padding-right:7px;
    margin-top:2px;
}

.dashboard_status_small {
    height:20px;
    line-height:20px;
    font-size:13px;
    margin-top:0px;
    padding-left:5px;
    padding-right:5px;
}


/* Guides */

.guide_item {
    width:100%;
    background-color:#ffffff;
    box-sizing:border-box;
    border-radius:3px;
    padding:30px;
    margin-bottom:20px;
    box-shadow: 0 7px 14px 0 rgba(60,66,87, 0.1), 0 3px 6px 0 rgba(0, 0, 0, .0);
}

.guide_item_left {
    float:left;
    width:50px;
    margin-right:30px;
}

.guide_item_right {
    float:left;
    width:660px;
}

.guide_item_icon {
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:25px;
    color:#555555;
    background-color:#ffffff;
    border:1px #d5d5df solid;
    border-radius:25px;
}

.guide_item_icon i {
    margin-top:13px;
}

.guide_item_icon_complete {
    color:#ffffff !important;
    background-color:#93C741 !important;
    border:1px #7AC23F solid !important;
}

.guide_item_icon_yellow {
    background: rgb(254,211,106);
    background: radial-gradient(circle, rgba(254,211,106,1) 0%, rgba(254,185,14,1) 100%);
    color:#ffffff;
    border:0px;
}

.guide_item_icon_green {
    background: rgb(181,210,135);
    background: radial-gradient(circle, rgba(181,210,135,1) 0%, rgba(147,199,66,1) 100%);
    color:#ffffff;
    border:0px;
}

.guide_item_icon_blue {
    background: rgb(148,191,227);
    background: radial-gradient(circle, rgba(148,191,227,1) 0%, rgba(73,158,230,1) 100%);
    color:#ffffff;
    border:0px;
}

.guide_item_icon_red {
    background: rgb(212,127,127);
    background: radial-gradient(circle, rgba(212,127,127,1) 0%, rgba(199,67,67,1) 100%);
    color:#ffffff;
    border:0px;
}

.guide_item_icon_black {
    background: rgb(97,96,96);
    background: radial-gradient(circle, rgba(97,96,96,1) 0%, rgba(51,51,51,1) 100%);
    color:#ffffff;
    border:0px;
}

.guide_item_title {
    font-size:20px;
    font-weight:bold;
    margin-bottom:5px;
}

.guide_item_description {
    font-size:14px;
    color:#999999;
}

.guide_item_description_step {
    font-size:16px;
    line-height:20px;
}

.guide_item_actions {
    margin-top:15px;
}

.guide_item_actions_time {
    display:inline-block;
    height:30px;
    line-height:30px;
    font-size:14px;
    color:#999999;
    margin-left:10px;
}

.guide_step_span {
    display:none;
}

.guide_item_form_item {
    display:none;
    font-size:16px;
    line-height:20px;
    margin-top:20px;
}

.guide_item_form_input_holder {
    position:relative;
}

.guide_item_form_item_input {
    width:100%;
    height:45px;
    font-size:14px;
    padding-left:13px;
    padding-right:13px;
    box-sizing:border-box;
    border:1px #d5d5d5 solid;
    margin-top:10px;
}

.guide_item_form_item_input_number {
    width:100px;
    height:45px;
    font-size:14px;
    padding-left:13px;
    padding-right:13px;
    box-sizing:border-box;
    border:1px #d5d5d5 solid;
    margin-top:10px;
}

.guide_item_form_item_button {
    height: 45px;
    width:100%;
    line-height: 40px;
    background-color: #93C741;
    font-size: 16px;
    font-weight:bold;
    color: #ffffff;
    border: 1px #739d2f solid;
    box-sizing: border-box;
    border-radius: 3px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: 20px;
    cursor: pointer;
    transition: all 0.5s ease;
    margin-top:10px;
}

.guide_item_form_item_option_button {
    display:inline-block;
    width:50%;
    height:45px;
    font-size:16px;
    text-align:center;
    line-height:45px;
    background-color:#f9f9f9;
    padding-left:13px;
    padding-right:13px;
    box-sizing:border-box;
    border:1px #d5d5d5 solid;
    margin-top:10px;
    margin-right:-5px;
    cursor:pointer;
}

.guide_item_form_item_option_button_active {
    color:#ffffff;
    background-color:#93C741;
    border:1px #7AC23F solid;
}

.guide_item_form_item_circle {
    position:absolute;
    top:17px;
    right:10px;
    width:30px;
    height:30px;
    background-color:#ffffff;
    border:1px #c3c3c3 solid;
    border-radius:15px;
    box-sizing:border-box;
}

.guide_item_form_item_circle i {
    margin-top:5px;
    margin-left:6px;
}

.guide_item_form_item_circle_checked {
    background-color:#93C741;
    font-size:18px;
    color:#ffffff;
    border:1px #7AC23F solid !important;
}


/* Vidoes */

.video_item {
    position:relative;
    display:inline-block;
    width:48%;
    background-color:#ffffff;
    box-sizing:border-box;
    border:1px #DFDFDF solid;
    border-radius:3px;
    padding:30px;
    margin-bottom:20px;
    margin-right:10px;
    vertical-align:top;
    box-shadow: 0 7px 14px 0 rgba(60,66,87, 0.1), 0 3px 6px 0 rgba(0, 0, 0, .0);
}

.video_item_thumbnail {
    position:relative;
    width:100%;
    height:175px;
    background-size:cover;
    margin-bottom:20px;
}

.video_item_thumbnail_overlay {
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:175px;
    background-color:#000000;
    opacity:0.5;
    z-index:100;
}

.video_item_thumbnail_play {
    display:none;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-40px;
    margin-top:-40px;
    width:80px;
    height:80px;
    text-align:center;
    font-size:30px;
    background-color:#333333;
    color:#ffffff;
    box-sizing:border-box;
    padding-top:25px;
    padding-left:5px;
    border-radius:40px;
    cursor:pointer;
    z-index:1000;
    opacity:0.8;
}

.video_item_thumbnail_play:hover {
    background-color:#93c741;
    opacity:1;
    transition: all 0.5s ease;
}

.video_item_title {
    font-size:18px;
    font-weight:bold;
    text-align:center;
}

.video_search_input {
    width:100%;
    height:50px;
    font-size:16px;
    box-sizing:border-box;
    padding:15px;
    margin-top:20px;
}


.content_textarea {
    width:100%;
    min-height:30px;
    font-size:14px;
    background-color:#f9f9f9;
    border:1px #d5d5d5 solid;
    padding:10px;
    box-sizing:border-box;
    border-radius:3px;
    outline:none;
}

.content_textarea_empty {
    color:#999999;
}


/* States List */

.state_item {
    display:inline-block;
    width:32%;
    height:200px;
    line-height:200px;
    text-align:center;
    font-size:22px;
    color:#ffffff;
    margin-right:5px;
    margin-bottom:10px;
    vertical-align:top;
}

.state_item:nth-child(3n){
    margin-right:0px;
}


/* Passes */

.pass_item {
    display:inline-block;
    width:100%;
    padding:20px;
    margin-bottom:20px;
    vertical-align:top;
    background-color: #ffffff;
    border-radius:5px;
    box-shadow: 0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-sizing: border-box;
    border-left: 1px #e3e8ee solid !important;
    border-right: 1px #e3e8ee solid !important;
    border-bottom: 1px #e3e8ee solid !important;
}

.pass_item_title {
    font-size:20px;
    font-weight:bold;
    margin-bottom:10px;
}

.pass_item_description {
    font-size:14px;
    color:#333333;
    margin-bottom:15px;
}

.pass_item_actions {
    color:#999999;
    font-size:14px;
    line-height:35px;
}

.pass_item_price {
    float:right;
    color:#333333;
    font-size:18px;
    font-weight:bold;
}

.pass_color_circles input[type="radio"] {
    display:none;
}

.pass_color_circle {
    display:inline-block;
    width:24px;
    height:24px;
    font-size:14px;
    color:#ffffff;
    text-align:center;
    line-height:24px;
    border-radius:12px;
    margin-right:10px;
    vertical-align:top;
    box-sizing:border-box;
    cursor:pointer;
}

.pass_color_circle_small {
    display:inline-block;
    width:16px;
    height:16px;
    font-size:16px;
    color:#ffffff;
    text-align:center;
    line-height:28px;
    border-radius:8px;
    margin-right:10px;
    vertical-align:top;
    box-sizing:border-box;
    cursor:pointer;
}

.pass_limit {
    width:100%;
    margin-bottom:10px;
}

.pass_limit_count {
    display:inline-block;
    height:30px;
    min-width:50px;
    background-color:#f9f9f9;
    border:1px #d5d5d5 solid;
    font-size:13px;
    text-align:center;
    line-height:25px;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    border-radius:3px;
    box-sizing:border-box;
}

.pass_limit_count_hit {
    display:inline-block;
    height:30px;
    background-color:#BD0031;
    border:1px #BD0031 solid;
    font-size:13px;
    color:#ffffff;
    text-align:center;
    line-height:25px;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    border-radius:3px;
    box-sizing:border-box;
}

.pass_limit_text {
    display:inline-block;
    height:30px;
    font-size:15px;
    line-height:25px;
    padding:3px;
    padding-left:10px;
}

.pass_order_label {
    display:inline-block;
    height:25px;
    font-size:12px;
    color:#ffffff;
    text-align:center;
    line-height:20px;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    border-radius:3px;
    box-sizing:border-box;
}

.pass_order_label_remove {
    display: none;
}

.pass_order_label_ticket {
    display:inline-block;
    max-width:150px;
    height:25px;
    font-size:12px;
    color:#ffffff;
    line-height:20px;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    border-radius:3px;
    box-sizing:border-box;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    vertical-align:top;
    margin-top:-3px;
}


/* Mobile Nav */

.nav_mobile_panel {
    display:none;
    position:fixed;
    top:50px;
    left:0px;
    width:100%;
    height:100%;
    opacity:0.95;
    z-index:100000;
}

.nav_mobile_list {
    display:none;
    position:fixed;
    width:100%;
    z-index:1000000;
}

.nav_mobile_items {
    width:100%;
    max-width:400px;
    padding-left:20px;
    padding-right:20px;
    padding-top:0px;
}

.nav_mobile_item {
    height:50px;
    width:100%;
    line-height:50px;
    font-size:18px;
}

.nav_mobile_item a {
    text-decoration:none;
}

.mobile_seats_header {
    display:none;
    position:fixed !important;
    bottom:00px;
    left:0px;
    padding-top:20px;
    min-width:100%;
    background-color:#ffffff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    border-radius:0px;
    z-index:100000000000;
}

/* Mobile Tickets */

.mobile_ticket {
    position:relative;
    min-width: 98%;
    height: 95%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    position: relative;
    background-color:#ffffff;
    scroll-margin-left: 23px;
    scroll-margin-right: 15px;
    margin-right: 15px;
    border-radius:5px;
    box-shadow: 0 7px 14px 0 rgba(60,66,87, 0.1), 0 3px 6px 0 rgba(0, 0, 0, .07);
}

.mobile_ticket_header {
    position:relative;
    width:100%;
    height:50px;
    background-color:#f9f9f9;
    text-transform:uppercase;
    font-size:15px;
    padding:16px;
    padding-left:50px;
    border-bottom:1px #e5e5e5 solid;
    box-sizing:border-box;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.mobile_ticket_count {
    position:absolute;
    top:0px;
    right:0px;
    width:70px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:16px;
    font-weight:normal;
    background-color:#333333;
    color:#ffffff;
    border-top-right-radius:5px;
}

.mobile_ticket_checkbox {
    position:absolute;
    top:7px;
    left:7px;
    height:35px;
    width:35px;
    text-align:center;
    line-height:30px;
    color:#ffffff;
    background-color:#e9e9e9;
    border-radius:18px;
}

.mobile_ticket_checkbox_checked {
    background-color:#94c741;
}

.mobile_ticket_checkbox_checked i {
    margin-top:10px;
}

.mobile_ticket_barcode {
    position:absolute;
    bottom:20px;
    width:100%;
    text-align:center;
}

.mobile_ticket_barcode img {
    width:60%;
}

.mobile_ticket_content {
    padding:25px;
}

.mobile_ticket_site_name {
    width:100%;
    font-size:16px;
    text-align:center;
    margin-bottom:10px;
}

.mobile_ticket_show_name {
    width:100%;
    max-height:55px;
    font-size:24px;
    font-weight:bold;
    text-align:center;
    overflow-y:hidden;
    word-wrap:break-word;
}

.mobile_ticket_show_date {
    width:100%;
    font-size:18px;
    text-align:center;
    margin-top:10px;
}

.mobile_ticket_seat {
    width:100%;
    height:50px;
    background-color:#f9f9f9;
    text-align:center;
    font-size:18px;
    padding:12px;
    box-sizing:border-box;
    border:1px #e5e5e5 solid;
    border-radius:3px;
    margin-top:30px;
    margin-bottom:30px;
}

.mobile_ticket_info_item {
    font-size:16px;
    margin-bottom:10px;
}

/* Steps Nav */

.steps_nav {
    width:100%;
    margin-bottom:20px;
}

.steps_nav_item_25 {
    display:inline-block;
    width:25%;
    height:50px;
    line-height:30px;
    font-size:16px;
    text-align:center;
    padding:10px;
    box-sizing:border-box;
}

.steps_nav_active {
    background-color:#93C742;
    color:#ffffff;
    font-weight:bold;
}

.steps_nav_inactive {
    background-color:#E9EAED;
    color:#999999;
}


/* Mailing */

.mail_address_box {
    width:100%;
    color:#8a6d3b;
    background-color:#fcf8e3;
    text-align:left;
    margin-top:10px;
    padding:10px;
    box-sizing:border-box;
    border:1px #faebcc solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5; 
}

.mail_address_box_input_container {
    display:inline-block;
    width:49%;
    padding-right:10px;
    box-sizing:border-box;
}

.mail_address_box_label {
    font-size:14px;
    font-weight:bold;
    color:#333333;
}


/* WYISWYG Toolbar */

.toolbar {
    position:relative;
    width:100%;
    margin-bottom:0px;
    margin-left:3px;
}

.toolbar_item {
    display:inline-block;
    width:35px;
    height:35px;
    background-color:#ffffff;
    font-size:15px;
    text-align:center;
    padding-top:10px;
    margin-right:3px;
    border:1px #dfdfdf solid;
    border-bottom:1px #dfdfdf solid;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    box-sizing:border-box;
    cursor:pointer;
}

.toolbar_item:hover {
    background-color:#e5e5e5;
}


.toolbar_popup {
    position:absolute;
    top:0px;
    right:0px;
    width:300px;
    min-height:30px;
    background-color:#ffffff;
    border:1px #c3c3c3 solid;
    border-radius:5px;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.4);
}

.toolbar_popup input {
    width:100%;
    height:35px;
    font-size:16px;
    padding:5px;
    border:0px;
    box-sizing:border-box;
    box-shadow:none;
    outline:none;
}

.toolbar_popup_buttons {
    text-align:center;
}

.toolbar_popup_button {
    display:inline-block;
    width:145px;
    height:30px;
    font-size:15px;
    color:#999999;
    text-align:center;
    line-height:30px;
    background-color:#e5e5e5;
    box-sizing:border-box;
    cursor:pointer;
    border-radius:3px;
    margin-bottom:3px;
}

.toolbar_popup_button:hover {
    font-weight:bold;
}

.toolbar_popup_button_insert {
    background-color:#DD4B2E;
    color:#ffffff;
}

.toolbar_textarea {
    background-color:#ffffff;
    border: 0;
    border-radius: 4px;
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    outline: 0;
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
    -webkit-appearance: none;
}


/* Messages */

.message_item {
    width:100%;
    border-bottom:1px #e0e4ea solid;
    padding:25px;
    box-sizing:border-box;
}

.message_item img {
    max-width:100%;
}

.message_left {
    display:inline-block;
    width:430px;
}

.message_flex_container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Adjust spacing between items */
}

.message_flex_item {
    box-sizing: border-box;
    text-align: left;
}

.message_actions {
    float:right;
}

.message_subject {
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:18px;
    font-weight:bold;
}

.message_subject_full {
    font-size:18px;
    font-weight:bold;
}

.message_date {
    font-size:14px;
    color:#999999;
    padding-top:5px;
}

.message_details {
    font-size:14px;
}

.message_details_title {
    font-size:12px;
    color:#999;
}

.message_details_description {
    font-size:14px;
    color:#333333;
    padding-bottom:20px;
}

.message_details_description:last-child {
    padding-bottom:0px;
}

.message_item_content {
    background-color:#ffffff;
    padding:20px;
    padding-top:10px;
    border:1px #eef2f4 solid;
    border-radius:3px;
    box-sizing:border-box;
}

.message_email_preview {
    position: relative;
    display: inline-block;
    max-height: 200px;
    overflow: hidden; /* Hides the excess part */
}

.message_email_preview img {
    display: block;
    width: 100%;
    transition: opacity 0.3s ease-in-out;
    padding:3px;
    box-sizing:border-box;
    border-radius:3px;
    border:1px #d5d5d5 solid;
}

.message_email_preview::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* Dark overlay */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    padding:3px;
    box-sizing:border-box;
    border-radius:3px;
    border:1px #d5d5d5 solid;
}

.message_email_preview_overlay_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    padding: 8px 12px;
    font-size: 15px;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    white-space: nowrap;
}

.message_email_preview:hover::before,
.message_email_preview:hover .message_email_preview_overlay_text {
    opacity: 1;
}

.message_pill {
    display:inline-block;
    height:25px;
    line-height:25px;
    font-size:14px;
    text-align:center;
    background-color:#e4e4e4;
    color:#555555;
    padding-left:10px;
    padding-right:10px;
    border-radius:13px;
    margin-right:5px;
}

.message_pill_blue {
    background-color:#4da1e8;
    color:#ffffff;
}

.message_pill_green {
    background-color:#93C842;
    color:#ffffff;
}

.message_pill_yellow {
    background-color:#f6d705;
    color:#333333;
}

.message_pill_red {
    background-color:#c74343;
    color:#ffffff;
}

.message_pill_white {
    background-color:#ffffff;
    color:#333333;
}

.message_stat_item {
    display:inline-block;
    width:80px;
    text-align:center;
    vertical-align:top;
}

.message_stat_item_number {
    font-size:18px;
    font-weight:bold;
    cursor:pointer;
}

.message_stat_item_label {
    font-size:14px;
    color:#999999;
    padding-top:3px;
}

.message_body {
    display:block;
    padding:20px;
    border:1px #e0e4ea solid;
    margin-top:20px;
    border-radius:3px;
}

.message_item:hover {
    background-color:#f9f9f9;
}

.message_item_no_hover:hover {
    background-color:#ffffff !important;
}

.message_item:hover .message_stat_item_number {
    color:#499ee6;
}

.message_activity_item {
    width:100%;
    font-size:15px;
    border-bottom:1px #e0e4ea solid;
    padding:15px;
    box-sizing:border-box;
    cursor:pointer;
}

.message_activity_item:hover {
    background-color:#f9f9f9;
}

.message_activity_item .chevron_down {
    display:none;
}

.message_activity_sub_items {
    display:none;
    width:100%;
}

.message_activity_sub_item {
    width:100%;
    font-size:15px;
    background-color:#f9f9f9;
    border-bottom:1px #e0e4ea solid;
    padding:15px;
    box-sizing:border-box;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
    box-sizing:border-box;
}

.message_activity_sub_item_right {
    float:right;
    width:400px;
    text-align:right;
}

.message_activity_item_right {
    float:right;
    width:200px;
    text-align:right;
}

.message_activity_sub_item a {
    color:#999999;
}

.message_activity_item_chevron {
    display: inline-block;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.message_activity_item_chevron.rotated {
    transform: rotate(90deg);
}

/* Click Heatmap */
.heatmap_container {
    position:relative;
    width:100%;
}

.heatmap_container a {
    text-decoration: none;
    color: inherit;
    position: relative;
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
}

.heatmap_badge {
    position: absolute;
    top: -10px;
    right: -10px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-size: 14px;
    padding: 2px 6px;
    border-radius: 10px;
    z-index:100000000;
}

.burning_button {
    position:relative;
    color:#ffffff;
    background: rgb(220, 40, 10);
    background: linear-gradient(45deg, rgba(220,40,10,1) 0%, rgba(255,85,20,1) 50%, rgba(220,40,10,1) 100%);
}

.burning_button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgba(255,255,255,0.3);
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
}
.burning_button:hover:after {
  width: 120%;
  background-color: rgba(255,255,255,0);
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
}

/* Marketing */

.marketing_editor {
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:10000000000000;
}

.marketing_editor_header {
    position:relative;
    width:100%;
    height:50px;
    background-color:#333333;
    color:#ffffff;
    box-sizing:border-box;
    padding-left:20px;
    padding-right:10px;
}

.marketing_editor_header_actions {
    position:relative;
    float:right;
    padding-top:7px;
    z-index:100000;
}

.marketing_editor_header_logo {
    font-size:16px;
    line-height:50px;
}

.marketing_editor_header_logo img {
    height:20px;
    margin-right:15px;
    margin-bottom:-3px;
}

.marketing_editor_header_title {
    position:absolute;
    top:0px;
    left:50%;
    width:300px;
    font-size:16px;
    font-weight:bold;
    line-height:50px;
    margin-left:-150px;
}

.marketing_editor_holder {
    width:100%;
    height: calc(100% - 50px);
    height: -o-calc(100% - 50px); /* opera */
    height: -webkit-calc(100% - 50px); /* google, safari */
    height: -moz-calc(100% - 50px); /* firefox */
}

.marketing_preview {
    width:100%;
    border-radius:3px;
    border:1px #d5d5d5 solid;
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.02), 0 3px 6px 0 rgba(0, 0, 0, 0.06);
}

.marketing_template_item_holder {
    width:100%;
}

.marketing_template_item {
    position:relative;
    display:inline-block;
    width:215px;
    border:1px #d5d5d5 solid;
    border-radius:5px;
    cursor:pointer;
    margin-right:20px;
    margin-bottom:20px;
    vertical-align:top;
}

.marketing_template_item:hover {
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.02), 0 3px 6px 0 rgba(0, 0, 0, 0.06);
}

.marketing_template_item_selected {
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.02), 0 3px 6px 0 rgba(0, 0, 0, 0.06);
}

.marketing_template_item_preview {
    width:100%;
    height:190px;
    background-position:top center;
    background-size:cover;
    border-radius:4px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}

.marketing_template_item_content {
    width:100%;
    padding:20px;
    border-top:1px #d5d5d5 solid;
    box-sizing:border-box;
}

.marketing_template_item_title {
    font-size:18px;
    font-weight:700;
    color:#333333;
}

.marketing_template_item_check_banner {
    position:absolute;
    top:0px;
    width:100%;
    height:40px;
    line-height:40px;
    background-color:#4da1e8;
    color:#ffffff;
    text-align:center;
    opacity:0.95;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.marketing_template_tabs {
    text-align:left;
    margin-bottom:20px;
}

.marketing_template_tab {
    display:inline-block;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:15px;
    color:#555555;
    background-color:#f4f4f4;
    border:1px #dfdfdf solid;
    padding-left:15px;
    padding-right:15px;
    border-radius:15px;
    margin-right:10px;
    cursor:pointer;
}

.marketing_template_tab:hover {
    background-color:#4da1e8;
    color:#ffffff;
    border:1px #4da1e8 solid;
}

.marketing_template_tab_active {
    font-weight:bold;
    background-color:#4da1e8;
    color:#ffffff;
    border:1px #4da1e8 solid;
}

/* Marketing - Stats */

.marketing_stats_item {
    display:inline-block;
    width:100%;
    padding:20px;
    padding-bottom:10px;
    box-sizing:border-box;
}

.marketing_stats_item:last-child {
    padding-bottom:20px;
}

.marketing_stats_item_title {
    font-size:22px;
    font-weight:bold;
    color:#333333;
    margin-bottom:5px;
}

.marketing_stats_item_number {
    color:#4da1e8;
    font-weight:normal;
}

.marketing_stats_item_subtitle {
    font-size:14px;
    color:#999999;
}

.marketing_stats_item_bar {
    position:relative;
    width:100%;
    height:10px;
    background-color:#e5e5e5;
    border-radius:5px;
    margin-top:10px;
}

.marketing_stats_item_bar_fill {
    position:absolute;
    top:0px;
    left:0px;
    width:0%;
    max-width:100%;
    height:10px;
    background-color:#4da1e8;
    border-radius:5px;
}


/* Marketing - Social */

.social_item {
    position:relative;
    display:inline-block;
    width:215px;
    border:1px #d5d5d5 solid;
    border-radius:5px;
    cursor:pointer;
    margin-right:20px;
    margin-bottom:20px;
    vertical-align:top;
}

.social_item:hover {
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.02), 0 3px 6px 0 rgba(0, 0, 0, 0.06);
}

.social_item_selected {
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.02), 0 3px 6px 0 rgba(0, 0, 0, 0.06);
}

.social_item_content {
    width:100%;
    text-align:center;
    padding:20px;
    box-sizing:border-box;
}

.social_item_icon {
    width:100%;
    text-align:center;
    font-size:44px;
    padding-top:10px;
    padding-bottom:10px;
}

.social_item_icon_twitter {
    color:#1fa1f1;
}

.social_item_icon_facebook {
    color:#1977f2;
}

.social_item_title {
    font-size:17px;
    font-weight:700;
    color:#333333;
    margin-top:10px;
}

.social_item_subtitle {
    font-size:14px;
    color:#999999;
}

.social_item_check_banner {
    position:absolute;
    top:0px;
    width:100%;
    height:40px;
    line-height:40px;
    background-color:#4da1e8;
    color:#ffffff;
    text-align:center;
    opacity:0.9;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.social_character_counter {
    float:right;
    height:30px;
    font-size:16px;
    font-weight:normal;
    color:#999999;
    background-color:#e5e5e5;
    color:#999999;
    line-height:30px;
    padding-left:10px;
    padding-right:10px;
    border-radius:15px;
}

.social_character_counter_yellow {
    background-color:#ebad70;
    color:#ffffff;
}

.social_character_counter_red {
    background-color:#eb7070;
    color:#ffffff;
}

/* Tagging */

.tags_input {
  --tag-bg                  : #499ee6 !important;
  --tag-hover               : #3592e3 !important;
  --tag-text-color          : #ffffff !important;
  --tags-border-color       : #499ee6 !important;
  --tag-text-color--edit    : #111111 !important;
  --tag-remove-bg           : #b73c3b !important;
  --tag-remove-btn-color    : #ffffff !important;
  --tag-remove-btn-bg--hover: #872c2c !important;
  --placeholder-color       : #999999 !important;
  --placeholder-color-focus : #999999 !important;
    
    width:100%;
    min-height:40px;
    line-height:40px;
    font-size:14px;
    background-color:#ffffff;
    color:#999999;
    border:1px #d5d5d5 solid !important;
    padding:10px;
    box-sizing:border-box;
    border-radius:3px;
    outline:none;
}

.patron-page-tags .tagify__tag>div, .retail-item-tags .tagify__tag>div{
    border-radius: 25px;
}

.patron-page-tags.tags_input, .retail-item-tags.tags_input{
    --tag-bg: #DCE3E8 !important;
    --tag-text-color: #3F5564 !important;
    --tag-hover: #ACC3C8 !important
}

.tagify--focus {
    border:1px #499ee6 solid !important;
}

.tags-look {
    margin-top:-10px;
    padding:10px;
    box-sizing:border-box;
}

.tags-look .tagify__dropdown__item {
    display: inline-block;
    border-radius: 3px;
    padding: .3em .5em;
    border: 1px solid #CCC;
    background: #F3F3F3;
    margin:5px;
    margin-right:1px;
    font-size: .85em;
    color: black;
    transition: 0s;
}

.tags-look .tagify__dropdown__item--active {
    color: black;
}

.tags-look .tagify__dropdown__item:hover {
    background:#499ee6;
    border-color:#499ee6;
    color:#ffffff;
}

.tagify__input::before {
    line-height:20px !important;
}

/* Add-On Variation Creation */

.variant_item {
    width:100%;
    font-size:14px;
    padding:10px;
    background-color:#F9F9F9;
    border:1px #d5d5d5 solid;
    border-bottom:0px;
    box-sizing:border-box;
}

.variant_item input {
    width:100%;
    height:30px;
    font-size:14px;
    padding:5px;
    box-sizing:border-box;
    vertical-align:top;
}

.variant_item_name {
    display:inline-block;
    width:50%;
    padding:5px;
    box-sizing:border-box;
    vertical-align:top;
}

.variant_item_price {
    display:inline-block;
    width:20%;
    padding:5px;
    box-sizing:border-box;
    vertical-align:top;
}

.variant_item_inventory {
    display:inline-block;
    width:10%;
    padding:5px;
    box-sizing:border-box;
    vertical-align:top;
}

.variant_item_options {
    display:inline-block;
    width:15%;
    padding:5px;
    box-sizing:border-box;
    vertical-align:top;
}


/* Form Submissions */

.form_submission_arrow {
    color:#999999;
    cursor:pointer;
}

.form_submission_arrow:hover {
    color:#93c741;
}


/* Table tabs */

.table_tabs {
    width:auto;
}

.table_tab {
    display:inline-block;
    font-size:14px;
    font-weight:bold;
    color:#777777;
    text-align:center;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:5px;
    cursor:pointer;
}

.table_tab_active {
    border-bottom:3px #93C742 solid;
    color:#000000;
}

.table_tab:hover {
    border-bottom:3px #93C742 solid;
    color:#000000;
}

.table_tab a {
    color:#777777;
}

.table_tab_active a {
    color:#000000;
}


/* Toggle Switch Slider */

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  vertical-align:top;
}

.switch input { 
  opacity: 100;

}

.switch_label {
    font-size:14px;
    color:#999999;
}

.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: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #93C742;
}

input:focus + .slider {
  box-shadow: 0 0 1px #93C742;
}

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

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

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

/* Page Switcher */

.page_switcher {
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    align-items: space-evenly;
    justify-content: center;
    text-align: center;
    margin:0px auto;
    width: 100%;
    margin-bottom: 30px;
}

.page_switcher a {
    width:48%;
}

.page_switcher_button {
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    background-color: #ffffff;
    color:#999999;
    box-sizing: border-box;
    cursor: pointer;
    border-radius:5px;
    box-shadow: 0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
}

.page_switcher_button_active {
    background-color: #93c741;
    color:#ffffff;
    font-weight:bold;
}

.page_switcher_button:hover {
    font-weight:bold;
}

.page_switcher a {
    text-decoration:none;
    color:#000000 !important;
}

.page_switcher_button i {
    padding-right:3px;
}


/* Checklist */

.checklist {
    position:fixed;
    left:20px;
    bottom:20px;
    z-index:10000000;
}

.checklist_beacon {
    height:45px;
    background-color:#93c742;
    color:#ffffff;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    box-sizing:border-box;
    border-radius:23px;
    padding-left:20px;
    padding-right:20px;
    line-height:45px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 6px 0px, rgba(0, 0, 0, 0.16) 0px 2px 32px 0px;
    cursor:pointer;
}

.checklist_beacon_small {
    height:35px;
    line-height:35px;
    font-size:15px;
}

.checklist_container {
    position:absolute;
    bottom:55px;
    width:340px;
    background-color:#ffffff;
    padding:20px;
    padding-bottom:10px;
    box-sizing:border-box;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    transition: all 0.15s ease;
    border-radius:5px;
}

.checklist_header {
    font-size:18px;
    font-weight:bold;
    color:#000000;
    padding-bottom:10px;
}

.checklist_subheader {
    font-size:16px;
    color:#555555;
    padding-bottom:10px;
}

.checklist_close {
    float:right;
    font-size:18px;
    color:#999999;
    margin-top:7px;
    cursor:pointer;
}

.checklist_close:hover {
    color:#333333;
}

.checklist_progress_bar_container {
    width:100%;
    height:25px;
    background-color:#eeeeee;
    border-radius:13px;
}

.checklist_progress_bar {
    height:25px;
    background-color:#93c742;
    border-radius:13px;
    color:#ffffff;
    font-size:14px;
    text-align:center;
    line-height:25px;
}

.checklist_divider {
    width:100%;
    border-bottom:1px #eeeeee solid;
    margin-top:20px;
}

.checklist_items {
    margin-bottom: 0;
    padding: 0;
}

.checklist_item {
    list-style-type: none;
    color: #555555;
    cursor: pointer;
    padding-top:7px;
    padding-bottom:7px;
}

.checklist_item .fa-chevron-right {
    font-size:16px;
    margin-left:5px;
}

.checklist_item a {
    width: 100%;
    display: flex;
    color: #555555;
    text-decoration: none !important;
    outline: 0;
    position: relative;
    align-items: center;
}

.checklist_item_checkmark {
    display: inline-block;
    margin-right: 0.75rem;
    vertical-align: middle;
    border: 2px solid #555555;
    border-radius: 100px;
    width: 2rem;
    height: 2rem;
    line-height: 1.86rem;
    text-align: center;
    background-color: white;
    color: white;
    transition: all 0.25s ease-out;
    flex-shrink: 0;
}

.checklist_item_checkmark i {
    display:none;
}

.checklist_item p {
    font-size:16px;
    width: 250px;
    margin:0px;
}

.checklist_item_completed p {
    text-decoration:line-through;
}

.checklist_item_completed .checklist_item_checkmark {
    background-color:#93c742;
    border:2px solid #93c742;
}

.checklist_item_completed .checklist_item_checkmark i {
    display:block !important;
    font-size:20px;
    margin-top:7px;
}

.checklist_item_completed .fa-chevron-right {
    display:none;
}


/* Donations Box */

.donation_options {
    width:100%;
    display:flex;
    flex-direction: row;
    justify-content: space-around;
    box-sizing:border-box;
    padding:10px;
    padding-top:15px;
    padding-bottom:15px;
}

.donation_option {
    background-color:#f9f9f9;
    border:1px #dfe5ec solid;
    font-size:16px;
    text-align:center;
    border-radius:3px;
    padding-left:12px;
    padding-right:12px;
    padding-top:10px;
    padding-bottom:10px;
    margin-right:3px;
    margin-left:3px;
    cursor:pointer;
    box-sizing:border-box;
}

.donation_option:hover {
    background-color:#f1f1f1;
}

.donation_option i {
    color:#d0d8e2;
    margin-right:5px;
}

.donation_option_active {
    background-color:#93c742;
    color:#ffffff;
    font-weight:bold;
    border:1px #739d2f solid;
}

.donation_option_active:hover {
    background-color:#93c742;
}

.donation_option_active i {
    color:#ffffff;
}

/* Donation Levels */

.donation_level {
    width:100%;
    padding:15px;
    box-sizing:border-box;
    border-bottom:1px #d5d5d5 solid;
}

.donation_level:hover {
    background-color:#f9f9f9;
}

.donation_level:hover .donation_level_description {
    color:#000000 !important;
}

.donation_level_name {
    font-size:16px;
    font-weight:bold;
    padding-bottom:5px;
}

.donation_level_description {
    font-size:14px;
    color:#999999;
    max-height: 45px;
    margin-bottom: 0;
    overflow: hidden;
    transition: all 1s;
    clear: both;
}

.donation_level_description p {
    margin-top:5px;
    margin-bottom:0px;
}

.donation_level_description img {
    max-width:100%;
}

.donation_level_description_read_more {
    display:none;
    font-size:14px;
    margin-top:5px;
}

.donation_level_description-more-mode {
    max-height: initial;
}

/* Fundraising Campaigns */

.fundraiser_content {
    padding:0px;
}

.fundraiser_content img {
    max-width:100%;
}

.fundraiser_content p {
    margin-top:0px;
}

.fundraiser_title {
    font-size:24px;
    font-weight:bold;
    padding:20px;
}

.fundraiser_title_small {
    font-size:20px;
    font-weight:bold;
    padding:20px;
}

.fundraiser_description {
    font-size:16px;
    padding:20px;
}

.fundraiser_stats {
    display:flex;
    flex-direction: row;
    justify-content: space-around;
    padding-bottom:20px;
}

.fundraiser_stat {
    width:50%;
    text-align:center;
}

.fundraiser_stat_number {
    font-size:28px;
    font-weight:bold;
}

.fundraiser_stat_label {
    font-size:20px;
}

.fundraiser_bar {
    position:relative;
    width:100%;
    height:30px;
    background-color:#f0f0f1;
    text-align:right;
    line-height:30px;
    border-radius:15px;
}

.fundraiser_bar_filler {
    height:30px;
    background-color:#489ee6;
    text-align:center;
    color:#ffffff;
    font-size:16px;
    padding-left:20px;
    padding-right:20px;
    box-sizing:border-box;
    border-radius:15px;
}

.fundraiser_bar_filler_goal {
    position:absolute;
    right:10px;
    font-size:16px;
}

.fundraiser_bar_details {
    width:100%;
    margin-top:5px;
}

.fundraiser_bar_goal {
    font-size:15px;
}

.fundraiser_bar_days_left {
    float:right;
    font-size:15px;
}

.fundraiser_donor {
    position:relative;
    width:100%;
    padding:20px;
    border-bottom:1px #d5d5d5 solid;
    box-sizing:border-box;
}

.fundraiser_donors>.fundraiser_donor:nth-child(odd){
    background-color:#ffffff;
}

.fundraiser_donors>.fundraiser_donor:nth-child(even){
    background-color:#f9f9f9;
}

.fundraiser_donor_name {
    font-size:18px;
    font-weight:bold;
    padding-left:25px;
}

.fundraiser_donor_placement {
    position:absolute;
    top:25px;
    width:20px;
    height:20px;
    background-color:#333333;
    font-weight:normal;
    font-size:13px;
    text-align:center;
    color:#ffffff;
    border-radius:10px;
    line-height:20px;
    margin-top:-3px;
    box-sizing:border-box;
}

.fundraiser_donor_placement_gold {
    background-color:#ffd21f;
}

.fundraiser_donor_placement_silver {
    background-color:#838996;
}

.fundraiser_donor_placement_bronze {
    background-color:#CD7F32;
}

.fundraiser_donor_placement_normal {
    background-color:#ffffff;
    color:#333333;
    border:1px #333333 solid;
}

.fundraiser_donor_info {
    font-size:16px;
    padding-top:3px;
}

.fundraiser_nav {
    background-color:#f9f9f9;
    padding:20px;
    border-bottom:1px #d5d5d5 solid;
}

.fundraiser_nav_item {
    display:inline-block;
    height:30px;
    font-size:15px;
    background-color:#e9e9e9;
    color:#333333;
    line-height:30px;
    padding-left:13px;
    padding-right:13px;
    box-sizing:border-box;
    border-radius:15px;
    margin-left:3px;
    margin-right:3px;
}

.fundraiser_nav_item_current {
    background-color:#93c642;
    color:#ffffff;
}

.fundraiser_actions {
    display:flex;
    flex-direction: row;
    justify-content: space-around;
    background-color:#f9f9f9;
    border-top:1px #d5d5d5 solid;
    padding:20px;
    margin-top:20px;
}

.fundraiser_activity_item {
    padding:20px;
    border-bottom:1px #d5d5d5 solid;
}

.fundraiser_activity_item_label {
    font-size:14px;
    padding-bottom:5px;
}

.fundraiser_activity_item_timestamp {
    float:right;
    color:#999999;
}

.fundraiser_activity_item_title {
    font-size:20px;
    font-weight:bold;
    padding-bottom:5px;
}

.fundraiser_activity_item_text {
    font-size:16px;
}

/* Refund Protect */

.refund_protect_option {
    display:block;
    position: relative;
    width:100%;
    height:40px;
    line-height:40px;
    font-size:14px;
    text-align:left;
    padding-left:13px;
    padding-right:13px;
    box-sizing:border-box;
    border-radius:3px;
    cursor:pointer;
}

.refund_protect_option_blue {
    color:#ffffff;
    background: rgb(73,158,230);
    background: linear-gradient(45deg, rgba(73,158,230,1) 0%, rgba(113,190,255,1) 50%, rgba(73,158,230,1) 100%);
    box-shadow: 0 0 0 1px #4a9fe6;
    margin-bottom:10px;
}

.refund_protect_option_blue:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgba(255,255,255,0.4);
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
}
.refund_protect_option_blue:hover:after {
  width: 120%;
  background-color: rgba(255,255,255,0);
  
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
}

.refund_protect_option_white {
    background-color:#ffffff;
    box-shadow: 0 0 0 1px #e6e6e6;
}

.refund_protect_option_white:hover {
    background-color:#f9f9f9;
}

.refund_protect_option_radio {
    display:inline-block;
    padding-right:10px;
}

.refund_protect_option_radio input[type="radio"] {
    display:none;
}

.refund_protect_option_radio_icon {
    width:18px;
    height:18px;
    background-color:#ffffff;
    font-size:13px;
    color:#ffffff;
    border:1px #c3c3c3 solid;
    border-radius:10px;
    margin-bottom:-3px;
    padding:2px;
    box-sizing:border-box;
}

.refund_protect_option_radio_icon_active {
    width:18px;
    height:18px;
    background-color:#f6d705;
    border:1px #f6d705 solid !important;
    border-radius:10px;
    margin-bottom:-3px;
    animation: pop 0.3s linear 1;
}

@keyframes pop{
  50%  {transform: scale(1.2);}
}

.refund_protect_option_blue .refund_protect_option_radio_icon {
    border:1px #1f85e0 solid;
}

.refund_protect_option_title {
    display:inline-block;
    font-size:15px;
}

.refund_protect_option_label {
    display:inline-block;
    background-color:#1f86e0;
    color:#ffffff;
    text-align:center;
    font-size:12px;
    line-height:16px;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    margin-left:5px;
    box-sizing:border-box;
    border-radius:20px;
}

.refund_protect_option_price {
    float:right;
    font-size:15px;
    font-weight:bold;
}

.refund_protect_heading {
    font-size:18px;
    font-weight:bold;
}

.refund_protect_info {
    padding-bottom:10px;
}

.refund_protect_info_item {
    display:inline-block;
    width:47%;
    font-size:14px;
    color:#333333;
    margin-bottom:10px;
    padding-left:13px;
    vertical-align:top;
}

.refund_protect_info_item_full {
    display:block;
    position: relative;
    width:100%;
    height:40px;
    line-height:40px;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    color:#333333;
    background-color:#f9f9f9;
    border:1px #93c742 solid;
    margin-bottom:10px;
    padding-left:13px;
    padding-right:13px;
    box-sizing:border-box;
    border-radius:20px;
}

.refund_protect_info_terms {
    width:100%;
    font-size:14px;
    color:#777777;
}

.refund_protect_info_item i {
    margin-right:5px;
}


/* Arrival Scheduling */

.arrival_time_box {
    position:relative;
    display:inline-block;
    width:23%;
    height:60px;
    text-align:center;
    font-size:16px;
    border-radius:5px;
    margin-left:10px;
    margin-bottom:10px;
    padding-top:9px;
    cursor:pointer;
    box-sizing:border-box;
    vertical-align:top;
}

.arrival_time_box_active {
    background-color:#499ee6;
    color:#ffffff;
    font-weight:bold;
    border:1px #499ee6 solid;
}

.arrival_time_box_active:hover {
    background: linear-gradient(45deg, rgba(73,158,230,1) 0%, rgba(113,190,255,1) 50%, rgba(73,158,230,1) 100%);
}

.arrival_time_box_active input[type="text"] {
    height:17px;
    background-color:transparent;
    color:#ffffff;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    border:1px dashed #ffffff;
    box-shadow:none;
    margin-bottom:5px;
}

.arrival_time_box_active input[type="text"]::placeholder {
    color:#ffffff;
}

.arrival_time_box_disabled {
    background-color:#f9f9f9;
    color:#999999;
    border:1px #d5d5d5 solid;
}

.arrival_time_box_disabled input[type="text"] {
    height:17px;
    background-color:transparent;
    color:#999999;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    border:1px dashed #999999;
    box-shadow:none;
    margin-bottom:5px;
}

.arrival_time_box_disabled input[type="text"]::placeholder {
    color:#999999;
}

.arrival_time_box_selectable {
    background-color:#ffffff;
    color:#499ee6;
    font-weight:bold;
    border:2px #489ee6 solid;
}

.arrival_time_box_selectable:hover {
    background: linear-gradient(45deg, rgba(73,158,230,1) 0%, rgba(113,190,255,1) 50%, rgba(73,158,230,1) 100%);
    color:#ffffff;
}

.arrival_time_box_add {
    background-color:#ffffff;
    color:#333333;
    font-weight:bold;
    border:1px #000000 solid;
    padding-top:18px;
}

.arrival_time_box_capacity {
    font-size:14px;
    font-weight:normal;
    margin-top:0px;
    opacity:0.75;
}

.arrival_time_box_check {
    position:absolute;
    left:10px;
    top:10px;
    height:20px;
    width:20px;
    font-size:13px;
    border-radius:10px;
    box-sizing:border-box;
}

.arrival_time_box_active .arrival_time_box_check {
    border:1px #ffffff solid;
    color:#499ee6;
    background-color:#ffffff;
}

.arrival_time_box_disabled .arrival_time_box_check {
    border:1px #c3c3c3 solid;
}

.arrival_time_box_check i {
    margin-top:3px;
} 

/* Relationships */

.relationship_label {
    display:inline-block;
    background-color:#e5e5e5;
    color:#555555;
    font-size:14px;
    border-radius:10px;
    padding-left:7px;
    padding-right:7px;
    margin-left:3px;
    margin-right:3px;
}

.contact_card {
    width:100%;
    background-color:#ffffff;
    padding:15px;
    box-sizing:border-box;
    border-radius:3px;
    box-shadow: 0 0 0 1px rgb(42 47 69 / 10%), 0 2px 5px 0 rgb(42 47 69 / 10%), 0 1px 1.5px 0 rgb(0 0 0 / 7%), 0 1px 2px 0 rgb(0 0 0 / 8%), 0 0 0 0 transparent;
}

.contact_card_name {
    font-size:16px;
    font-weight:bold;
    margin-bottom:3px;
}

.contact_card_email {
    font-size:14px;
    color:#999999;
    margin-bottom:3px;
}

.merge_patron_div{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 20px;
}

.contact_card_merge_delete {
    background: linear-gradient(45deg, rgba(215,30,18,1) 0%, rgba(242,106,97,1) 50%, rgba(215,30,18,1) 100%);
    color:#ffffff;
    width:46%;
}

.contact_card_merge_keep {
    background: linear-gradient(45deg, rgba(73,158,230,1) 0%, rgba(113,190,255,1) 50%, rgba(73,158,230,1) 100%);
    color:#ffffff;
    width:46%;
}

.merge_card {
    width:326px;
    height: 250px;
    background-color:#ffffff;
    padding:15px;
    box-sizing:border-box;
    border-radius:3px;
    box-shadow: 0 0 0 1px rgb(42 47 69 / 10%), 0 2px 5px 0 rgb(42 47 69 / 10%), 0 1px 1.5px 0 rgb(0 0 0 / 7%), 0 1px 2px 0 rgb(0 0 0 / 8%), 0 0 0 0 transparent;
}

.merge_card_info {
    font-size:12px;
    margin-bottom:3px;
    color: var(--ludus-black);
}

.merge_card_info.list{
    padding-inline-start: 30px;
}

.merge_card_info.title {
    font-size:14px;
    font-weight:bold;
    padding-inline-start: 15px;
}

.merge_card_info.subtitle {
    font-size:12px;
    font-weight:bold;
    padding-inline-start: 15px;
}


.contact_card_merge_text {
    color: #ffffff;
}

.contact_card_merge_info{
    color: #ffffff;
    font-size:10px;
    font-weight:lighter;
    margin-bottom:3px;
}

.merge-icon-big{
    font-size: 2.0em;
    color: #999999;
    opacity: 35%;
}

.vertical_fa_icon{
    display: inline-block;
    vertical-align: middle;
}



/* Groups */

.group_member_item {
    position:relative;
    width:100%;
}

.group_member_items {
    display: flex;
  flex-wrap: wrap;
}

.group_member_item {
    width:47%;
    height:80px;
    background-color:#f9f9f9;
    border-radius:3px;
    padding:15px;
    margin:10px;
    box-sizing: border-box;
}

.group_member_item_icon_container {
    display:inline-block;
    width:50px;
    padding-right:5px;
    vertical-align: top;
}

.group_member_item_icon_container_small {
    width:30px;
}

.group_member_item_icon {
    width:50px;
    height:50px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    line-height:50px;
    letter-spacing:1px;
    border-radius:25px;
}

.group_member_item_icon_small {
    width:30px;
    height:30px;
    line-height:30px;
    font-size:12px;
}

.group_member_item_icon_blue {
    background-color:#489ee6;
    color:#ffffff;
}

.group_member_item_icon_red {
    background-color:#e5584d;
    color:#ffffff;
}

.group_member_item_icon_yellow {
    background-color:#ffd21f;
    color:#ffffff;
}

.group_member_item_icon_purple {
    background-color:#a381e0;
    color:#ffffff;
}

.group_member_item_icon_black {
    background-color:#333333;
    color:#ffffff;
}

.group_member_item_info {
    display:inline-block;
    padding-left:5px;
    padding-top:3px;
}

.group_member_item_info_name {
    max-width: 259px;
    font-size:18px;
    font-weight:bold;
    color:#333333;
    overflow: hidden;
    white-space: nowrap;
}

.group_member_item_info_email {
    max-width: 259px;
    font-size:14px;
    color:#999999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.group_member_item_delete_icon {
    position:absolute;
    right:12px;
    top:15px;
    font-size:14px;
    color:#999999;
    cursor:pointer;
}

.group_member_item_delete_icon:hover {
    color:#333333;
}

/* Box Selectors */

.selector_boxes {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.selector_box {
    position:relative;
    display:inline-block;
    width:50%;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
}

.selector_box_3 {
    width:33%;
}

.selector_box_disabled {
    display:inline-block;
    width:50%;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
    cursor:not-allowed !important;
    opacity:0.3;
}

.selector_box_content {
    position:relative;
    display:inline-block;
    width:100%;
    height:160px;
    text-align:center;
    border:1px #f1f1f1 solid;
    border-radius:5px;
    padding:20px;
    padding-top:25px;
    padding-bottom:25px;
    box-sizing:border-box;
    vertical-align:top;
    cursor:pointer;
    -webkit-transition: .4s;
    transition: .4s;
}

.selector_box_disabled .selector_box_content {
    cursor:not-allowed !important;
}


.selector_box_content:hover {
    border: 3px #489ee6 solid;
}

.selector_box_content:hover .selector_box_icon {
    color:#489ee6;
}

.selector_box_active {
    border: 3px #489ee6 solid;
}

.selector_box_active .selector_box_icon {
    color:#489ee6;
}

.selector_box_banner {
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:30px;
    background-color:#4ea2e9;
    color:#ffffff;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    line-height:30px;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
}

.selector_box_icon {
    width:100%;
    font-size:36px;
    color:#212121;
    margin-bottom:5px;
    -webkit-transition: .4s;
    transition: .4s;
}

.selector_box_name {
    font-size:20px;
    font-weight:bold;
    color:#212121;
    margin-bottom:5px;
}

.selector_box_description {
    font-size:14px;
    color:#999999;
}

.selector_boxes_header {
    font-size:22px;
    font-weight:bold;
    text-align:center;
    padding-bottom:20px;
}
.digital_delivery_options_container {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.tickets-sent-dialog {
    display: none;
    position: absolute;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #93c741;
    height: 100%;
    width: 100%;
    z-index: 10000;
    font-size: 1.75rem;
    color: #fff;
    font-weight: bold;
}

.tickets-sent-dialog-text{
    display: none;
}

.tickets-sent-dialog-icon{
    display: none;
}

.selected-parents > .parent-names {
    display: flex;
    gap: 10px;
}

.yes-no-dialog {
    width: 350px;
    position: relative;
    overflow: hidden;
    height: 36px;
}

.dialog-options {
    display: flex;
    width: 350px;
    height: 100%;
    cursor: pointer;
}

.yes-no-option {
    border: 1px solid #d5d5d5;
    padding: 5px;
    flex-grow: 1;
    text-align: center;
    overflow: hidden;
    z-index: 10000000;
    max-height: 100%;
    font-size: 14px;
    line-height: 25px;
}

.yes-no-option-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width:49.5%;
    background-color: #93c741;
    border-radius: 3px;
}

.yes-no-option:first-child {
    color: #fff;
    border-right: 0px !important;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.yes-no-option:last-child {
    border-left: 0px !important;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.previous-student-selection-container {
    background-color: #F5F5F5;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 20px;
}

.parent-passcode-container {
    display: none;
    position: relative;
    padding: 20px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #d5d5d5;
    border-radius: 4px;
}

.parent-passcode-input-group {
    display:flex;
    gap: 7px;
    justify-content: center;
    margin-bottom:20px;
}

.parent-passcode-input-group > input.parent-passcode-input {
    border: 1px solid #d5d5d5;
    width: 40px;
    height: 50px;
    border-radius: 4px;
    text-align: center;
    font-size: 16pt;
    font-weight: 600;
}

.input.parent-passcode-input:focus {
    outline: none !important;
    border: 1px solid #93c741;
}

.selected-previous-student {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.selected-previous-student > span,button {
    flex-basis: 50%;
}

.selected-previous-student-container {
    display: none;
    margin-bottom: 20px;
}

.passcode-verification-success {
    display: none;
}

.parent-verification-error {
    display: none;
}

.print-style-options {
    display: flex;
    width: 100%;
}

.print-style-option {
    flex-basis: 50%;
    height: 100%;
    text-align: center;
}

.code_sent_confirmation_container {
    display: none;
    background-color: #93c742;
    padding: 10px;
    text-align: center;
    color: #fff;
}

.ignore-padding {
    margin: -20px;
    padding: 0;
    margin-bottom: 20px;
}

.collapsed-showtimes-container {
    display: none;
}


/* Animations */

.pop-in {
  animation: pop-in 1s;
}

.pop-in:nth-child(odd) {
  animation-duration: .5s; /* So they look staggered */
}

.network_icon_small{
    display:none;
}

@keyframes pop-in {
    0% { opacity: 0; transform: scale(0.5); }
    50% { opacity: 1; transform: scale(1.05); }
    100% { opacity: 1; transform: scale(1); }
}

@media screen and (max-width: 1770px){
    .header_search {
        display:none;
    }
    
    .header_search_button {
        display:block !important;
    }

    .tab_site_name .header_shopping_tab, .tab_site_name .header_shopping_tab_current {
        max-width:250px !important;
    }

    .header_admin_tab:not(.header_admin_tab_right) {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 1300px){
    .tab_site_name .header_shopping_tab, .tab_site_name .header_shopping_tab_current {
        max-width:200px !important;
    }

    .network_icon_big{
        display:none;
    }

    .network_icon_small{
        display:block;
    }

    .header_nav_center{
        margin-left: -80px;
    }
}

@media screen and (max-width: 1170px){
    .header_admin_tab_left {
        padding-left:10px;
        padding-right:10px;
    }

    .header_content {
        padding-left:10px;
        padding-right:10px;
    }

    .header_shopping_tab, .header_shopping_tab_current {
        padding-left:5px;
        padding-right:5px;
    }
}

@media screen and (max-width: 1120px){
    .header_admin_tab:not(.header_admin_tab_right) {
        padding-left: 3px;
        padding-right: 3px;
        font-size:12px;
    }
}

@media screen and (max-width: 1025px){
    .page {
        padding:50px;
        box-sizing:border-box;
    }
}

@media screen and (max-width: 950px){
    .desktop_copy {
        display:none !important;
    }
    
    .mobile_copy {
        display:block !important;
    }
    
    .inline_mobile {
        display:inline-block !important;
    }
    
    .page {
        width:100% !important;
        max-width:1050px !important;
        box-sizing:border-box;
    }
    .header_content, .footer {
        width:100% !important;
        max-width:1050px !important;
    }
    .content {
        width:100% !important;
        max-width:950px !important;
    }
    .page_left, .page_right, .page_left_flex, .page_right_flex {
        width:100% !important;
        margin:0px !important;
    }
    .page_container_flex {
        flex-direction: column;
    }
    .page_left_flex_reverse_order {
        order:2 !important;
    }
    .page_right_flex_reverse_order {
        order:1 !important;
    }
    
    .footer {
        text-align:center;
    }
    .footer_right {
        float:none;
        text-align:center;
        padding-top:10px;
    }
    
    .bottom_nav {
        width:100%;
    }

    .header_content {
        padding-left:0px;
        padding-right:0px;
    }
    
    .header_logo {
        padding-left:20px;
    }

    .tab_site_name .header_shopping_tab, .tab_site_name .header_shopping_tab_current {
        display:none;
    }
    
    .mobile_input {
        width:100% !important;
        height:40px !important;
    }
    
    .bo_page {
        padding:0px;
        padding-top:0px;
        padding-bottom:0px;
        box-sizing:border-box;
    }
    .bo_ticket_type {
        width:48%;
    }

    .bo_ticket_type_half {
        width: calc(100% - 1.5em);
        margin: 10px;
    }
    
    .bo_input {
        width:100%;
    }
    
    .order_page_ticket_seat {
        width:auto;
    }
    
    .page_left_title {
        text-align:center;
        margin-bottom:5px !important;
        padding:10px;
    }
    
    .show_item_title {
        color:#000000;
        font-size:20px;
    }
    
    .show_item_actions {
        float:none;
        display:block;
        padding-top:5px;
        clear:both;
    }
    
    .showtimes_item {
        padding-top:5px;
    }

    .sold_out_showtimes_item {
        padding-top:15px;
    }
    
    .admin_showtimes_item_title {
        width:100%;
        font-size:16px;
        font-weight:bold;
    }

    .mobile_showtime_container{
        display:flex;
        gap:5px;
    }

    .sold_out_span{
        position:absolute;
        top:15px;
        right:5px;
    }

    .join_waitlist_button{
        width:100%;
        margin-top:10px;
    }

    .admin_showtimes_item_tickets_count {
        float:left !important;
        width:47%;
        height:37px;
        line-height:35px;
        margin-left:0px;
        border-right: 1px #d5d5d5 solid !important;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }

    .admin_showtimes_item_tickets_count_progress_bar {
        height:35px;
    }

    .admin_showtimes_item_tickets_count_text {
        height:37px;
        line-height:35px;
    }
    
    .admin_showtimes_item_soldout, .showtimes_item_get_tickets_button, .showtimes_item_get_tickets_button_disabled {
        float:none;
        width:100%;
        height:35px;
        line-height:35px;
        font-size:15px;
    }
    
    .admin_showtimes_item_actions {
        float:left;
        width:100%;
        margin:0px;
        padding:0px;
    }
    
    .receive_tickets_right {
        width:100%;
        margin-top:10px;
    }
    
    .receive_tickets_right input[type="button"], .receive_tickets_right button {
        float:left !important;
        width:100% !important;
    }
    
    #total_seats_div {
        right:70px;
        width:150px;
        margin:0px;
    }
    
    .mobile_seats {
        display:none;
        position:fixed !important;
        top:50px;
        left:0px;
        width:100%;
        height:100%;
        z-index:10000000;
    }
    
    .mobile_seats_header {
        display:none;
    }
    
    .jc-vertical-toolbar {
        z-index:10000 !important;
        opacity:1 !important;
    }

    .patron-event-header-controls {
        justify-content: unset !important;
    }
    .event-category-pills {
        justify-content: center;
    }

    .fc-toolbar > .fc-right {
        display: flex;
        align-items: center;
    }

}

@media screen and (max-width: 750px){
    .page {
        padding:10px;
    }

    .bo_content_flex_container {
        flex-wrap: wrap;
    }
    
    .bo_ticket_type {
        width:98%;
    }
    
    .bo_input_holder_50, .bo_input_holder_25, .bo_input_holder_10 {
        width:100% !important;
    }
    
    .show_item_title {
   
    }
    
    .order_page_ticket_name {
        display:none;
    }
    
    .pass_item {
        width:100%;
        margin-left:0px;
        margin-right:0px;
    }
}

@media screen and (max-width: 480px){
    .page {
        margin-top:10px;
    }
    
    .header_shopping_tab, .header_shopping_tab_current {
        max-width:170px !important;
    }

    .header_logo {
        max-width:300px;
    }
    
    .header_logo img {
        height:15px;
        max-width:100%;
        margin-top:17px;
    }
    
    #results_page {
        width:100%;
    }
    
    #results_logo {
        padding-left:10px;
    }
    
    #results_nav_item {
        display:none;
    }
    
    #results_header_content {
        width:100%;
    }
    
    #results_header_search_input {
        float:right;
        width:210px;
        margin-right:10px;
    }
    
    #mobile_search_featured_items {
        display:block !important;
    }
    
    .results_index_topnav {
        display:none;
    }
    
    .results_index_search_div {
        top:20px;
        left:0px;
        width:100%;
        padding:20px;
        margin-left:0px;
        box-sizing:border-box;
    }
    
    .results_index_search_div_top {
        width:100%;
    }
    
    .results_index_search_div_divider {
        display:none;
    }
    
    .results_index_search_div_slogan {
        font-size:13pt;
        text-align:center;
        margin-top:20px;
    }
    
    .results_index_search_input_div {
        width:100%;
    }
    
    .results_index_search_input {
        width:100%;
    }
    
    .results_index_search_button {
        display:block;
        width:100%;
        font-size:16pt;
        margin-top:10px;
    }
    
    .results_index_search_try_div {
        width:100%;
        text-align:center;
        padding-left:0px;
    }
    
    .results_index_sell_tickets {
        display:none;
    }
    
    
    #results_search_icon {
        margin:0px !important;
        position: absolute;
        top: 153px;
        right: 30px;
    }
    
    .results_sell_tickets_banner {
        display:none;
    }
    
    #results_content {
        width:100%;
    }
    
    #results_page_left {
        width:100%;
        padding:10px;
        padding-top:0px;
        box-sizing:border-box;
    }
    
    #results_page_right {
        display:none;
    }
    
    #results_footer {
        display:none;
    }
    
    #results_mobile_area_search {
        display:block !important;
    }
    
    .results_featured_item_banner {
        font-size:12pt;
    }
    
    .results_event_page_image {
        width:100%;
    }
    
    .results_event_page_description {
        float:left;
        width:100%;
        margin-top:10px;
    }
    
    .results_event_page_input {
        width:175px;
    }
    
    #results_event_page_search_icon {
        display:none;
    }
    
    #ssc_filterDiv {
        display:none !important;
    }
    
    .ssc_lrSec {
        width:23% !important; 
    }
    
    .ssc_lrNotes {
        display:none !important;
    }
    
    .scanner_header {
        line-height:60px;
        font-size:24pt;
        padding:30px;
        box-sizing:border-box;
    }
    
    .scanner_header_green {
        line-height:60px;
        font-size:24pt;
        padding:30px;
        box-sizing:border-box;
    }
    
    .scanner_header_red {
        line-height:60px;
        font-size:24pt;
        padding:30px;
        box-sizing:border-box;
    }
    
    .custom_patron_name_input {
        margin-top:10px;
    }
    
    .custom_patron_name_check {
        top:13px !important;
    }
    
    .form-row #form_input {
        width:100% !important;
        margin-bottom:10px;
    }
    
    #donation_type {
        width:150px !important;
    }
    
    .cart_line_divide {
        margin-top:20px;
    }
    
    .bo_ticket {
        position:relative;
    }
    
    .bo_ticket_price {
        position:relative;
        top:auto;
        text-align:left;
    }
    
    .bo_ticket_price select {
        width:100%;
        max-width:100%;
        max-width:auto;
        margin-top: 10px;
    }
    
    .refund_protect_option_label {
        display:none;
    }
    
    .refund_protect_info_item, .refund_protect_info_terms {
        font-size:12px;
    }
    
    .show_item_cover_photo {
        height:160px;
    }
    
    .arrival_time_box {
        width:45%;
    }
    
    .page_switcher {
        margin-bottom:0px;
        padding-bottom:20px;
        padding-top:20px;
    }
    
    .page_switcher_button {
        font-size:14px;
    }
    
    .page_switcher a {
        width:45%;
    }
    
    .show_item_cover_photo {
        background-size:cover;
    }
    
    .donation_option {
        font-size:14px;
        padding-left:10px;
        padding-right:10px;
    }
    
    .donation_option i {
        margin-right:0px;
        margin-bottom:3px;
    }
}

@media screen and (max-width: 400px){
    .mobile_showtime_container {
        font-size:14px;
    }

}  

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

    .sold_out_span {
        position:static;
        width:100%;
        display:flex;
        flex-direction: flex-start;
    }

    .red_span{
        margin-right:unset !important;
    }

}

@media screen and (max-width: 320px){
    .mobile_ticket_show_name {
        font-size:20px;
    }
    
    .mobile_ticket_show_date {
        font-size:16px;
    }
    
    .refund_protect_option_title {
        font-size:13px;
    }
    
    .refund_protect_option_price {
        font-size:12px;
    }
    
    .refund_protect_option_radio {
        padding-right:5px;
    }
    
    .refund_protect_option_radio_icon {
        width:16px;
        height:16px;
        font-size:10px;
    }
    
    .refund_protect_option_radio_icon_active {
        font-size:10px;
    }
}

.search-options {
    display: flex;
    justify-content: space-between;
}

.search-option-filters > h4 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.search-option-button-group {
    display: flex;
    flex-wrap: wrap;
}

.search-option-sorting,.search-option-filters {
    flex-basis: 100%;
}

.search-option-sorting > h4 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.search-option-sorting {
    padding-top:20px;
}

.reserve_seats_template_option {
    margin-bottom: 20px;
}

.student-class-row {
    display: flex;
    border-bottom: 1px solid #d7d7d7;
    padding: 15px;
    justify-content: space-between;
    align-items: center;
}

.student-class-details {
    display: flex;
    flex-direction: column;
    font-size:14px;
}

.student-class-details:last-child {
    align-items: right;
}

.student-class-details > h3 {
    font-size:16px;
    margin: unset;
}

.student-class-details > h4 {
    margin: unset;
}

.student-class-row:last-child {
    border-bottom: unset;
}

.my-students-student-row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d7d7d7;
    padding: 15px;
    align-items: center;
}

.my-students-student-row:last-child {
    border-bottom: unset;
}

.donations-row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d7d7d7;
    padding: 15px;
    align-items: center;
}

.donations-row:last-child {
    border-bottom: unset;
}

.usecsv_container {
    margin-top: 50px;
}

.student_credit_name_holder {
    width:100%;
    font-size:14px;
    text-align:center;
    color:#999999;
    padding-top:15px;
}

.student_credit_name_holder_success {
    color:#000000;
}

.student_credit_name_holder_success i {
    color:#93c742;
}

.fancybox__container {
    z-index: 100000000000 !important;
}

[data-fancybox] {
    cursor: pointer;
}

.collapse-showtimes-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.collapse-showtimes-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}

.showtimes-date-range {
    font-weight: bold;
    font-size: 16px;
}
.showtimes-price-range {
    font-size: 14px;
    color: #999999 !important;
}

.collapse-showtimes-range-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    background-color: #fff;
    border: 1px #e3e8ee solid !important;
    border-top: unset;
    padding: 20px;
}

.event-categories-container {
    display: flex;
    justify-content: space-around;
    width: 100%;
    gap: 10px;
}

.patron-event-list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.patron-category-pills-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    margin-top:10px;
    gap: 5px;
}

.patron-event-list-header > h1 {
    padding: unset;
    margin: unset;
}

.selected-event-category {
    width: auto;
    height: 40px;
}

.event-category-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.event-category-pill {
    background-color: #ffffff;
    border-radius: 20px;
    padding:6px 15px 6px 15px;
    border:1px #e5e5e5 solid;
    color: #333333;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    flex-wrap: wrap;
    line-height: normal;
}

.event-category-pill:first-child {
    background-color: #fff;
    color: #333333;
}

.event-category-pill:first-child.active {
    background-color: #93c742;
    color:#ffffff;
    border:0px;
}

.event-category-subtitle {
    font-size: 10px;
    line-height: normal;
}

.event-category-pill.active {
    background-color:#93c742;
    color:#ffffff;
}

.invoice-category-pill {
    background-color: #ffffff;
    border-radius: 20px;
    padding:6px 15px 6px 15px;
    border:1px #e5e5e5 solid;
    color: #333333;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    flex-wrap: wrap;
    line-height: normal;
}

.invoice-category-pill:first-child {
    background-color: #fff;
    color: #333333;
}

.invoice-category-pill:first-child.active {
    background-color: #A381E0;;
    color:#ffffff;
    border:0px;
}

.invoice-category-subtitle {
    font-size: 10px;
    line-height: normal;
}

.invoice-category-pill.active {
    background-color:#A381E0;;
    color:#ffffff;
}

.admin-pills-container {
    display: flex;
    margin-bottom: 15px;
}

.shows-page-pills-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.manage-event-categories-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    overflow-y: scroll;
    max-height: 300px;
    padding: 10px;
}

.manage-event-categories-container > .event-categories-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.admin_delete_event_category_button,.admin_edit_event_category_button,.admin_edit_save_event_category_button,.admin_share_event_category_button {
    color: #999999;
    cursor: pointer;
}

.admin_delete_event_category_button:hover {
    color: #bc3a30;
}

.admin_edit_event_category_button:hover,.admin_edit_save_event_category_button:hover,.admin_share_event_category_button:hover {
    color: #93c741;
}

.admin_edit_save_event_category_button {
    display: none;
}

.patron-event-header-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 0;
    height: 35px;
}

.patron-control-icon {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

.show-control-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

.show-search-button{
    width:35px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#ffffff;
    color:#333333;
    margin-bottom:15px;
    margin-right:10px;
    float:right;
}

.patron-control-icon:first-child {
    border-left: unset;
}

.patron-search-bar {
    max-height: 35px;
    border: unset;
    box-shadow: 1px 1px 1px 0px #e5e5e5;
    max-width: 150px;
    min-width: 0px;
    display: none;
    font-size: 12px;
    border:1px #e2e8ee solid;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    box-sizing: initial;
    padding-bottom: 0px;
    padding-top: 0px;
}

.patron-search-bar:focus {
    outline: unset;
}

.show-search-bar {
    display:none;
    border: unset;
    height:38px;
    width:150px;
    float:right;
    box-shadow: 1px 1px 1px 0px #e5e5e5;
    min-width: 0px;
    font-size: 12px;
    border:1px #e2e8ee solid;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    box-sizing: initial;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0px;

}

.show-search-bar:focus {
    outline: unset;
}
  
.patron-calendar#close {
    position: absolute;
    top: 4rem;
    right: 2rem;
    cursor: pointer;
    z-index: 999999999;
    font-size: 20px;
}

.fc-event-container a {
    color:#ffffff !important;
}

.show_item_category_pills {
    position: absolute;
    display: flex;
    margin-top: -14px;
    align-items: center;
    gap: 5px;
    z-index: 10;
    padding-left: 15px;
}
.show_item_category_pill, .show_item_category_pill:first-child {
    cursor:default;
    font-size: 10px;
    background-color:#e4e4e4;
    color:#999999;
    border:1px #e8eaed solid;
    border-radius:3px;
}

.patron-control-icon:last-child {
    margin-left: 5px;
}


.patron-calendar#calendar {
    display: none;
    position: fixed;
    background-color: #fff !important;
    z-index: 99999999;
    padding:6rem 2rem 2rem 2rem;
    top: 0;
    height: 100%;
}


.fc-right .fc-prev-button, .fc-right .fc-next-button{
    background-image: none;
    border: unset;
}

.fc-button-group {
    box-shadow: 0 0 0 1px rgb(42 69 43 / 45%), 0 2px 5px 0 rgb(42 47 69 / 13%), 0 1px 1.5px 0 rgb(0 0 0 / 7%), 0 1px 2px 0 rgb(0 0 0 / 8%), 0 0 0 0 transparent !important;
    border-radius: 0.25em;
}

.fc-right .fc-prev-button:hover, .fc-right .fc-next-button:hover {
    background-color: #84b33b;
}

.fc-button {
    box-shadow: none !important;
  }

.fc-button-primary {
    background-color: #93c742 !important;
    border: unset !important;
    outline: unset !important;
}

.fc-button-primary:not(.fc-prev-button,.fc-next-button) {
    box-shadow: 0 0 0 1px rgb(42 69 43 / 45%), 0 2px 5px 0 rgb(42 47 69 / 13%), 0 1px 1.5px 0 rgb(0 0 0 / 7%), 0 1px 2px 0 rgb(0 0 0 / 8%), 0 0 0 0 transparent !important;
}

.fc-button-primary:focus {
    border: unset !important;
    outline: unset !important;
    filter: brightness(80%);
}


.class-times-additional-options {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.recurring-class-time-additional-inputs {
    display: none;
    margin-top: 10px;
}

.recurring-class-time-preview {
    color: #999999;
    font-size: 12px;
    margin-top: 10px;
    display: none;
    text-align: center;
    font-weight: 600;
}

.recurring-class-time-title-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 30px;
}

.recurring-class-time-title-container.bo_showtime_name {
    line-height:30px;
    align-items: center;
}

.recurring-class-time-title-dates {
    margin-top: -10px;
    font-size: 12px;
    color: #333333;
}

.admin_showtimes_row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.customize-student-registration-table {
    border-collapse: collapse;
    border: 1px #e3e8ee solid !important;
    box-shadow: 0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
    font-size: 13px;
    margin-bottom: 20px;
    text-align: left;
    width: 100%;
}

.default-student-registration-table {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-collapse: collapse;
    border: 1px #e3e8ee solid !important;
    box-shadow: 0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
    font-size: 13px;
    margin-bottom: 20px;
    text-align: left;
    width: 100%;
}

.default-student-registration-row {
    background-color: #f9f9f9;
}

.customize-student-registration-row:first-child {
    background-color: #f9f9f9;
}


.customize-student-registration-row,.custom-registration-type-options-row {
    border-bottom: solid 1px #f9f9f9;
}

.customize-student-registration-col {
    padding: 9px;
}

.custom-registration-type-options-row {
    display: none;
}

.custom-registration-type-options-row > td {
    padding: 9px;
}

.customize-student-registration-row-options {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.customize-student-registration-row-options > span {
    cursor: pointer;
}

.student-registration-new-field-btn {
    text-align: center;
}

.customize-student-registration-label-input {
    display: hidden;
}

.student-registration-edit-input {
    display: none;
}

.settings_general_flex_col_container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.settings_general_flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.settings_general_flex_child {
    width: 100%;
}

.customize-student-registration-row-container > tr:first-child{
    background-color: #fff;
}

.student-registration-input-group > input[type="text"]{
    width: 100%;
}

#unsaved-changes-warning {
    display: none;
    font-size: 13px;
    margin-left: 10px;
    color: #999999;
}

.student-registration-input-group > label {
    font-size: 12px;
    display: inline-flex;
    align-items: center;
}

.default-student-registration-field {
    border-bottom: solid 1px #f9f9f9;
}

.custom-student-registration-form-fields {
    margin-top: 20px;
}


.event-admin-messages-container > .admin_shows_paid_message {
    margin: unset !important;
}

.student-registration-table-header {
    margin: unset; 
    font-size:13px; 
    font-weight:600;
    background-color: #f9f9f9;
    border: 1px #e3e8ee solid !important;
    box-shadow: 0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
    border-bottom: unset !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.student_add_secondary_header {
    display: block;
    flex-basis:100%;
    width:100%;
    margin: 20px 0px;
}

.hide-student-registration-table-btn {
    color: #999999;
    font-size: 8pt;
}

.custom-registration-label {
    display: flex;
    flex-direction: column;
}

.custom-registration-label > .registration-label-desc {
    color: #999999;
    font-size: 14px;
    font-weight: normal;
}
input.updated_event_category_name {
    display: none;
    width: unset;
    height: unset;
    margin: unset;
}

span.students-count,span.additional-parties-count {
    display: none;
}

select.custom-registration-field-required,select.custom-registration-field-type {
    width: 100%;
    padding: 5px;
    background-color: #ffffff;
    border: 0;
    border-radius: 4px;
    color: #333333;
    font-size: 12px;
    font-weight: 500;
    outline: 0;
    border: 1px solid #d5d5d5;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 3%), 0px 3px 6px rgb(0 0 0 / 2%);
    height: unset; 
    margin: unset;
}

.customize-student-registration-col {
    max-width: 210px;
    overflow-wrap: break-word;
}


.admin_custom_select{
    display: inline-block;
    position:relative;
    background-color: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 4px;
    font-size: 8pt;
    min-width: 125px;
}

.admin_custom_select .admin_custom_dropdown_button{
    background: var(--bg1);
    padding: 10px;
    padding-right: 30px;
    box-sizing: border-box;
    border-radius: 3px;
    width: 100%;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: #fff;
}

.admin_custom_select .admin_custom_dropdown_button:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 15px;
    width: 6px;
    height: 6px;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    transition: 0.2s ease;
  }

  .admin_custom_select .admin_custom_dropdown_button.toggle {
    border-radius: 3px 3px 0 0;
  }

  .admin_custom_select .admin_custom_dropdown_button.toggle:after {
    -webkit-transform: translateY(-50%) rotate(-135deg);
            transform: translateY(-50%) rotate(-135deg);
  }

  .admin_custom_select .admin_custom_dropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    background: var(--bg1);
    border-top: 1px solid #eee;
    z-index: 1;
    background: #fff;
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: top center;
            transform-origin: top center;
    visibility: hidden;
    transition: 0.2s ease;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    max-height: 180px;
    overflow-y: auto;
    padding-right:10px
  }

  .admin_custom_select .admin_custom_dropdown .admin_custom_dropdown_option {
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
  }

  .admin_custom_select .admin_custom_dropdown .admin_custom_dropdown_option:hover {
    background: #f8f8f8;
  }

  .admin_custom_select .admin_custom_dropdown.toggle {
    visibility: visible;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  .cart_popup_input.readonly{
    background-color:#f9f9f9;
    border:1px #c3c3c3 solid;
    opacity:0.5;
}


.order_page_header.csv_importer {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}

/**
Drag and drop uploader
*/
#dropFileForm {
    width: 100%;
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
    transition: 0.5s;
    border: 1;
    border-width: 3px;
    border-color: #000;
}

#dropFileForm #fileLabel {
    background-color: rgba(230, 230, 230, 0.5);
    display: block;
    padding: 16px;
    position: relative;
    cursor: pointer;
    color: rgba(147, 199, 65, 0.3);

}

#dropFileForm #fileInput {
    display: none;
}

#dropFileForm #fileLabel:after,
#dropFileForm #fileLabel:before {
    color: #fff;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: -2;
    border-radius: 8px 8px 0 0;

}

#dropFileForm #fileLabel:before {
    z-index: -1;
    background: repeating-linear-gradient(45deg,
            transparent,
            transparent 5%,
            black 5%,
            black 10%);
    opacity: 0;
    transition: 0.5s;
}

#dropFileForm.fileHover #fileLabel:before {
    opacity: 0.25;
}

#dropFileForm .uploadButton {
    border: 0;
    outline: 0;
    width: 100%;
    padding: 8px;
    background-color: #93c741;
    color: #fff;
    cursor: pointer;
    border-radius: 0 0 8px 8px;
}

#dropFileForm.fileHover {
    box-shadow: 0 0 16px #93c741;
}

#fileLabelText {
    color: #000;
    font-size: small;
}


.uploader_thumbnail {
    text-align: center;
    display: none;
    width: 100%;
    min-height: 200px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    overflow: hidden;
    background-color: #cccccc;
    background-size:100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;

}

#uploader_image{
    display: block;
    object-fit: contain;
    width: 100%;
    max-height: 400px;
}

.uploader_thumbnail::after {
    content: attr(data-label);
    text-align: center;
    position: relative;
    width: 50%;
    padding: 5px 0;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.75);

}


/* PROGRESS BAR */
.progress {
    cursor: default;
    speak: none;
    margin: 20px 0;
    font-size: 14px;
  }
  .progress:after {
    clear: both;
    display: table;
    content: "";
  }
  .progress__step {
    width: calc( ( 100% - 66% ) / ( 4 - 1 ) );
    position: relative;
    float: left;
    overflow: hidden;
    border-radius: 4px;
    background-color: #93C742;
    color: #fff;
    transition: background-color 250ms ease-out, width 250ms ease-out;
    box-sizing: border-box;
  
  }
  .progress__step:not(:last-child) {
    margin-right: 5px;
  }
  .progress--five .progress__step {
    width: calc( ( 100% - 66% ) / ( 5 - 1 ) );
  }
  .progress--three .progress__step {
    width: calc( ( 100% - 66% ) / ( 3 - 1 ) );
  }
  .progress__step--active {
    width: calc( 66% - ( 5px * ( 4 - 1 ) ) );
    background-color: #0087CD;
    color: #fff;
    transition: background-color 250ms ease-out, width 250ms ease-out;
  }
  .progress--five .progress__step--active {
    width: calc( 66% - ( 5px * ( 5 - 1 ) ) );
  }
  .progress--three .progress__step--active {
    width: calc( 66% - ( 5px * ( 3 - 1 ) ) );
  }
  .progress__step--active ~ .progress__step {
    background-color: #DADADA;
    color: #555;
  }
  @media screen and (min-width: 760px) {
    .progress__step {
      width: calc( ( 100% / 4 ) - ( 10px * ( ( 4 - 1 ) / 4 ) ) );
      border-radius: 0;
      overflow: visible;
      transition: width 0s ease-out;
      background-color: #DADADA;
      color: #555;
    }
    .progress--five .progress__step {
      width: calc( ( 100% / 5 ) - ( 10px * ( ( 5 - 1 ) / 5 ) ) );
    }
    .progress--three .progress__step {
      width: calc( ( 100% / 3 ) - ( 10px * ( ( 3 - 1 ) / 3 ) ) );
    }
    .progress__step::before {
      content: "";
      position: absolute;
      top: 0;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent;
      border-left: 20px solid #fff;
      left: 0;
    }
    .progress__step::after {
      content: "";
      position: absolute;
      top: 0;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent;
      border-left: 20px solid #DADADA;
      left: 99.9%;
      /* Not 100% because of IE subpixel rendering bug */
      z-index: 2;
    }

    .progress__step:first-child {
      border-radius: 4px 0 0 4px;
    }
    .progress__step:first-child::before {
      display: none;
    }
    .progress__step:last-child {
      border-radius: 0 4px 4px 0;
    }
    .progress__step:last-child::after {
      display: none;
    }
    .progress__step:not(:first-child) {
      padding-left: 20px;
    }
    .progress__step:not(:last-child) {
      margin-right: 10px;
    }
    .progress__step--active {
      background-color: #93C742;
      color: #fff;
    }
    .progress__step--active::after {
      border-left-color: #93C742;
    }
  }
  .progress__label {
    height: 40px;
    transform-style: preserve-3d;
    display:flex; 
    gap: 5px;
    align-items: center;
    font-size: 12pt;
    justify-content: center;

  }
  .progress__step--active .progress__label {
    margin-right: 10px;
  }
  @media screen and (min-width: 760px) {
    .progress__label {
      margin-right: 10px;
    }
  }
  .progress__badge {
    text-align: center;
    font-weight: 700;
    display:flex;
    align-items: center;
  }
  .progress__badge--complete {
    width: 20px;
    height:20px;
    content: url('../admin/images/progress_step_icons/progress_check_white.png');
    position:absolute;
    transform: translate(15px,10px);
    
  }

.progress__step--complete {
    background-color: rgba(73,158,230,1);
}
.progress__step--complete::after {
    content: "";
    position: absolute;
    top: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid rgba(73,158,230,1);
    left: 99.9%;
    /* Not 100% because of IE subpixel rendering bug */
    z-index: 2;
    color:#fff;
}

  .progress__step--active .progress__badge::after, .progress__step--active ~ .progress__step .progress__badge::after {
    display: none;
  }
  .progress__step:not(.progress__step--active) .progress__badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  @media screen and (min-width: 760px) {
    .progress__step:not(.progress__step--active) .progress__badge {
      position: absolute;
      border: 2px solid #555;
      border-radius: 50%;
      width: 28px;
      height: 28px;
      top: 50%;
      transform: translateY(-50%);
      margin-left: 10px;
      line-height: 24px;
      left: 0;
      transform: translateY(-50%);
    }
  }
  .progress__step--active .progress__badge {
    position: absolute;
    border: 2px solid #555;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
    line-height: 24px;
    border-color: #fff;
  }
  .progress__number {
    display: none;
    position:absolute;
    transform: translate(15px,10px);
    font-size: 1.14286em;
  }
  .progress__step--active .progress__number, .progress__step--active ~ .progress__step .progress__number {
    display: inline;
  }

  .progress__step--complete .progress__title{
    color:#fff;
  }
  .progress--five .progress__title {
    font-size: 0.8571em;
  }
  .progress__step:not(.progress__step--active) .progress__title {
    display: none;
  }
  @media screen and (min-width: 760px) {
    .progress__step:not(.progress__step--active) .progress__title {
      display: inline-block;
    }
  }
  

  /* Cash Calculator */
  .out_of_button{
    max-width:90px;
    height:45px;
    background-color:#fff;
    box-shadow: 0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
    border: none;
    color: #489ee6;
    /* font-size:14px; */
    border-radius: 5px;
    cursor:pointer;
  }

  .out_of_button:hover{
    box-shadow: 0 4px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
  }

  .tender_input {
    border:none; 
    background-color:#fff;
    box-shadow: 0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
  }

  .tender_input:focus{
    outline: none;
    -webkit-box-shadow: 0px 0px 3px 2px rgba(147,199,66,0.5);
    -moz-box-shadow: 0px 0px 3px 2px rgba(147,199,66,0.5);
    box-shadow: 0px 0px 3px 2px rgba(147,199,66,0.5);
  }

  .tender_input::-webkit-outer-spin-button,
  .tender_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .tender_input[type=number]{
    -moz-appearance: textfield;
  }

  .automation_input{
    width:205px;
  }
  
  .transferred {
    color: #999999;
  }

  .transfers_not_allowed {
    color: #999999;
  }

  .transfer_ticket:hover .transfer_ticket_checkbox_container {
    border:1px #4a9fe6 solid;
  }


.transfer_ticket_checkbox {
	float:left;
	width:35px;
}

.transfer_ticket_checkbox_container {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0,0,0,0.25);
    background-color: #fff;
    border-radius: 0.3em;
    vertical-align: top;
}

.transfer_ticket_checkbox_container_checked {
    font-size:14px;
    /* color: #FFD21F; */
    color: #ffffff;
    text-align:center;
    background-color:#f6d705;
    border:1px #f6d705 solid;
}

.transfer_ticket_checkbox_container_disabled {
    background-color:#f9f9f9;
    border:1px #c3c3c3 solid;
    opacity:0.5;
}

.ticket_transfer_list{
    margin-top:15px;
}

.ticket_transfer_list_item{
    background-color: #F9F9F9;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #D5D5D5;
    border-radius: 3px;
}

.transfers_not_allowed_label {
    display:inline-block;
    font-size:14px;
}

.default_order_page_item {
    width:100%;
    border-bottom:1px #e0e4ea solid;
    background-color: #fff;
    padding:10px 15px;
    box-sizing:border-box;
}

/* Hiding numinput arrows for donation at checkout */

.hidden_num_arrows::-webkit-outer-spin-button,
  .hidden_num_arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .hidden_num_arrows[type=number]{
    -moz-appearance: textfield;
  }



.seating_chart_recover_active {
    display:inline-block;
    max-width:100px;
    background-color: #0087CD;
    color:#ffffff;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    border-radius:3px;
    box-sizing:border-box;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    vertical-align:top;
    margin-top:-3px;
}

.info_box{
    position:relative;
    background-color:#f9f9f9;
    padding:15px;
    margin-top:25px;
    margin-bottom:15px;
    border:1px #c3c3c3 solid;
    border-radius:3px;
}

.custom_fee_popup_step {
    display: none;
}

.custom_fee_popup_step.active {
    display: block;
}

/* Search Dropdown */
.search_dropdown_container{
    display:none;
    width:98.5%;
    border:1px solid #e5e5e5

}

.search_dropdown{
    max-height: 200px;
    background-color: #fff;
    border-radius: 3px;
    overflow-y: auto;

}

.search_dropdown_item{
    padding:10px;
    background-color: #fff;
    cursor:pointer;
    display:flex;
    flex-direction: column;
    align-items: flex-start;
}

.search_dropdown_item:not(:last-child){
    border-bottom: 1px solid #e5e5e5;
}


.search_dropdown_item:hover{
    background-color:#f9f9f9;
    font-weight:bold;
    transition: all 0.5s ease;
}

.search_dropdown_left{
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight:bold;
    font-size:14px;
}

.search_dropdown_right{
    color:#999;
    font-size:9pt;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* INVOICE STYLES */

.invoice_builder_header{
    display:flex;
    align-items: center;
    padding:5px 0;
    background-color: #A381E0;
    color:#fff;
    height:40px;
    width:100%;
    top:0;
    position: sticky;
    z-index:1000;
}

.invoice_builder_body{
    display:flex;
    background-color:#fff;
    height:100%;
    overflow-x: hidden;
}

.invoice_builder_section{
    height:100%;
    width:50%;
}

.invoice_settings{
    background-color: #fff;
    box-shadow: 13px 0px 20px -4px rgba(125,125,125,0.4);
}

.invoice_settings_section{
    margin:10px 40px;
    display:flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content: center;
    gap:10px;
    padding:15px;
    background-color:#fff;
    border-radius:5px;
    width:100%;
}

.invoice_settings_header{
    font-size:22px;
    font-weight: 700;
}

.invoice_setting_title{
    font-weight:bold;
    margin-bottom:2px;
}

.invoice_setting_description{
    color:#999;
    font-size:14px;
    margin-bottom:10px;
    width:100%;
}

.invoice_setting_input{
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    width:100%;
}

.invoice_preview{
    margin: 0 0;
    background-color: #e5e5e5;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0 40px;
    flex:1;
    width:40%;
    position:fixed;
    top:110px;
    right:0px;

}

.invoice_preview_selector{
    display:flex;
    gap:0px;
    align-items: center;
    justify-content: center;
    margin-top:20px;
    width:40%;
    position:fixed;
    top:50px;
    z-index:100000;
}

.invoice_selector_option{
    text-align: center;
    border-bottom:4px solid #999;
    padding:5px;
    width:150px;
    cursor:pointer;

}

.invoice_selector_option:hover{
    border-color: #A381E0; 
}

.invoice_selector_option.selected{
    border-color: #A381E0; 
}

.invoice_preview_type{
    display:none;
    margin:40px 0;
    position:fixed;
    top:0px;
    width:40%;

}

.invoice_preview_page{
    background-color: #fff;
    width:80%;
    height:80%;
}

.invoice_details{
    display:flex;
    flex-direction: column;
    gap:5px;
}

.logo_photo {
    position:relative;
    width: 100%;
    height: 150px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.logo_photo_options_overlay {
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#000000;
    border-radius:3px;
    z-index:10;
    opacity:.75;
}

.logo_photo_options {
    display:none;
    position:relative;
    width:100%;
    height:100%;
    padding-top:60px;
    text-align:center;
    z-index:100;
}

.invoice_container{
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    margin-top:100px;
    font-size:20px;
}

.invoice_header_img{
    width:100%;
    margin-bottom:20px;
    margin-top:20px;
    text-align:center;
}

.invoice_section{
    display:flex;
    flex-direction: column;
    margin:30px 0;
    background-color:#fff;
    padding:35px;
    border-radius: 5px;
    color:#808080;
}

.invoice_section_content{
    margin-top:20px;
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap:60px;    
}

.invoice_setting_subtitle{
    font-size:14px;
}

.invoice_setting{
    width:100%;
}

@media (max-width:1570px){
    
    .invoice_page {
        padding:unset;
    }
}

.patron-passcode-container {
    display: none;
    position: relative;
    padding: 20px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #d5d5d5;
    border-radius: 4px;
}

.patron-passcode-input-group {
    display:flex;
    gap: 7px;
    justify-content: center;
    margin-bottom:20px;
}

.patron-passcode-input-group > input.patron-passcode-input {
    border: 1px solid #d5d5d5;
    width: 40px;
    height: 50px;
    border-radius: 4px;
    text-align: center;
    font-size: 16pt;
    font-weight: 600;
}

.input.patron-passcode-input:focus {
    outline: none !important;
    border: 1px solid #93c741;
}

.patron-verification-error {
    display: none;
}

.invoice_activity_content{
    display:flex;
    justify-content:flex-start;
    align-items: flex-start;
}

.pass_purchase_container{
    cursor: pointer;
    z-index:10000;
}


.pass_purchase_container:hover{
    font-weight:bold;
    background-color:#f9f9f9;
    transition: all 0.5s ease;
}

.pass_purchase_tickets{
    display:flex;
    flex-direction:column;

}

.pass_tickets_item{
    height:40px;
    background-color: #fff;
    border-radius:3px;
    border:1px solid #e7e7e7;
    font-size:16px;
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding:0 10px;
    cursor:pointer;
}

.patron_cart_banner{
    margin: 0 0 25px 0;
    padding:10px 15px;
    width:100%;
    background-color:#d9edf7;
    z-index:10000000;
    overflow: hidden;
    display:flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-radius:3px;
}


.patron_cart_container{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding:10px;
}

.patron_cart_container:not(:last-child){
    border-bottom:1px solid #e5e5e5;
}

.cart_identifier{
    display:flex;
    flex-direction: column;
    width:100%;
}

.cart-patron-name{
    font-size:18px;
    font-weight: 600;
    margin-bottom:10px;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items:flex-start;
}

.cart-seats, .cart-add-ons{
    font-size:13px;
}

.clear_patron_cart{
    height: 30px;
    background-color: #c74343;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 0 0 0 1px rgba(42, 69, 43, 0.45), 0 2px 5px 0 rgba(42, 47, 69, 0.13), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent !important;
}

.patron_cart_error{
    color:#a94442;
    background-color:#f2dede;
    padding:10px;
    text-align: center;
    box-sizing:border-box;
    border:1px #ebccd1 solid;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5; 
}

.create_invoice_overlay{
    display:none;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index: 100000000;
}

.pass-renewal-steps-container {
    position:relative;
	width:100%;
	background-color:#ffffff;
    border:1px #e3e8ee solid;
    border-bottom:0px;
	padding:30px;
    border-radius:3px;
	box-sizing:border-box;
    box-shadow:0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
}

.pass-renewal-step-container {
    display: none;
}

.pass-renewal-step-container.active {
    display: block;
}

.pass-renewal-step {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pass-renewal-step-fields {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
}

.pass-renewal-step > .pass-renewal-next-step {
    margin-top: 20px;
    width: 100px;
}

.create-pass-renewal-labels {
    flex-basis: 40%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.create-pass-renewal-label {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.create-pass-renewal-label > .create-pass-renewal-label-subtitle {
        font-size:13px;
        font-weight:400;
        color:#999999;
}

.create-pass-renewal-label > .create-pass-renewal-label-title {
    font-weight: bold;
}

.create-pass-renewal-inputs {
    flex-basis: 60%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.create-pass-renewal-input > .settings_input {
    margin-bottom: unset !important;
}

.pass-renewal-step-title {
    align-self: flex-start;
    margin-bottom: 20px;
    font-weight: bold;
}

.pass-renewals-matching-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: 20px;
}

#pass-renewals-event-matching-container {
    width: 100%;
}

#pass-renewals-event-time-matching-container {
    width: 100%;
}

#pass-renewals-event-prices-matching-container {
    width: 100%;
}

.pass-renewals-event-group {
    background-color: #f9f9f9;
    border-radius: 2px;
    box-shadow: 0 0 0 1px #e6e6e6;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 20px;

}

.pass-renewals-event-group-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.pass-renewals-event-group-header > .current-pass-event-header,.new-pass-event-header {
    width: 350px;
}

.pass-renewal-options-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.pass-renewal-options-container > .pass-renewal-option {
    display: flex;
    width: 100%;
    align-items: center;
}

.pass-renewal-options-container > .pass-renewal-option > .pass-renewal-option-label {
    flex-basis: 30%;
}

.pass-renewal-options-container > .pass-renewal-option > .pass-renewal-option-input {
    flex-basis: 70%;
}

.pass_renewal_how_to_pay_options {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: #f9f9f9;
    border-radius: 2px;
    box-shadow: 0 0 0 1px #e6e6e6;
    box-sizing: border-box;
    padding: 18px;
}

.pass_renewal_how_to_pay_options > .how_to_pay_option {
    display: flex;
}

.pass-renewals-select {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/*
.release_button {
    height:25px;
    background-color:#fff;
    font-size:14px;
    color:#333333;
    text-align:center;
    line-height:25px;
    padding-left:10px;
    padding-right:10px;
    border:0px;
	border-radius:3px;
    cursor:pointer;
    box-shadow: 0 0 0 1px rgba(42, 69, 43, 0.45), 0 2px 5px 0 rgba(42, 47, 69, 0.13), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent !important;
}
*/

.release_button {
    opacity:0;
    float:right;
    margin-top:-4px;
    margin-bottom:-5px;
    height:30px;
    width:0;
    line-height:30px;
    text-align:center;
    font-size:14px;
    color:#333333;
    background-color:#ffffff;
    border-radius:3px;
    border:0px;
    cursor:pointer;
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
}

.release_button:hover {
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.12), 0 3px 9px 0 rgba(42,47,69,.08), 0 1px 1.5px 0 rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.08);
}

.release_button_content {
    display:none;
}

.grant_button {
    opacity:0;
    float:right;
    margin-top:-4px;
    margin-bottom:-5px;
    height:30px;
    width:0;
    line-height:30px;
    text-align:center;
    font-size:14px;
    color:#333333;
    background-color:#ffffff;
    border-radius:3px;
    border:0px;
    cursor:pointer;
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
}

.grant_button:hover {
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.12), 0 3px 9px 0 rgba(42,47,69,.08), 0 1px 1.5px 0 rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.08);
}

.grant_button_content {
    display:none;
}

.void_button {
    float:right;
    margin-top:-4px;
    margin-bottom:-5px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:14px;
    color:#333333;
    background-color:#ffffff;
    padding: 0px 8px;
    border-radius:3px;
    border:0px;
    cursor:pointer;
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
}

.void_button:hover {
    box-shadow: 0 0 0 1px rgba(42,47,69,.1), 0 2px 5px 0 rgba(42,47,69,.12), 0 3px 9px 0 rgba(42,47,69,.08), 0 1px 1.5px 0 rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.08);
}



.ludus_controls_banner {
    width: 100%;
    position: fixed;
    bottom: 0px;
    background-color: #489ee6;
    color: #fff;
    display: flex;
    justify-content: center;
    gap: 8px;
    height: 40px;
    align-items: center;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 600;
    z-index:90000000;
    opacity: 0.8;
}

.box_office_info_content {
    width: 90%;
    margin: 0 auto;
}

.test_payments_indicator{
    padding: 5px 10px 5px 10px;
    background-color: #fbecb9;
    width: fit-content;
    color: #000;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.display_code_block{
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    padding: 10px;
    font-family: 'Courier New', monospace;
    white-space: pre-wrap;
    text-align: left;
}

.patron_order_card{
    cursor: unset;
}


.bo_disabled_credit{
    background-color: #e5e5e5;
    color: #111111;
    border:1px #e5e5e5 solid;
}

.bo_checkout_item_price_disabled{
    color: #c2c2c2;
}

.past_event_label {
    display:inline-block;
    height:18px;
    font-size:10px;
    color:#ffffff;
    text-align:center;
    line-height:12px;
    padding:3px;
    padding-left:10px;
    padding-right:10px;
    border-radius:3px;
    box-sizing:border-box;
    background-color:#000;
}




.archived_search_pill{
    width: fit-content;
    margin-top: 5px;
    float: right;
    background-color: #c84802;
    padding: 2px 5px 2px 5px;
    border-radius: 5px;
    color:#fff;
    font-size: 11px;
}

.opportunity-sign-up-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin-bottom: 20px;
}
/*
Refund Prot Form
*/
.waitlist_stats{
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width:100%;
    margin-bottom:25px;
}
.waitlist_stats_item{
    padding: 15px 35px;
    box-sizing: border-box;
    background-color:#f9f9f9;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border-radius:5px;
    border:1px #e3e8ee solid;
    display:flex;
    flex-direction: column;
    align-items: center;
}
.waitlist_stat_metric{
    font-size:22px;
}
.waitlist_stat_number{
    color:#0284C7;
    font-size:28px;
}

.spot_in_line_note{
    font-size:18px;
    color: #999;
    background-color:#e5e5e5;
    padding:8px 15px;
    border-radius: 5px;
    margin-bottom:35px;
    text-align: center;
}

.transferred_search_pill{
    width: fit-content;
    margin-top: 5px;
    float: right;
    background-color: #FDBA12;
    padding: 2px 5px 2px 5px;
    border-radius: 5px;
    color:#000;
    font-size: 11px;
}

/* Reports */

.refund_form_section {
    position:relative;
    margin-bottom:10px;
    overflow:hidden;
}


.refund_form_section_content {
    float:left;
    width:100%;
    background-color:#ffffff;
    padding:20px;
    box-sizing:border-box;
    border:1px #d5d5d5 solid;
    border-top:0px;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-radius-topleft:0px;
}

.refund_form_section_heading {
    float:left;
    font-size:12pt;
    font-weight:bold;
    width:100%;
    height:40px;
    line-height:40px;
    background-color:#f1f1f1;
    box-sizing: border-box;
    border-top:1px #d5d5d5 solid;
    border-right:1px #d5d5d5 solid;
    border-left:1px #d5d5d5 solid;
    padding-left:20px;
    padding-right:20px;
}

.refund_form_section_subheading {
    font-size:12pt;
    font-weight:bold;
    margin-bottom:5px;
}

.refund_form_section_input_large {
    width:100%;
    font-size:12pt;
    padding-left:10px;
    padding-right:10px;
}

.refund_form_section_input_medium {
    float:left;
    height:40px;
    width:365px !important;
    font-size:12pt;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
    margin-right:20px;
    margin-bottom:10px;
}

.refund_form_response .refund_form_section_input_medium:last-child {
    margin-bottom:0px;
}

.refund_form_section_input_number {
    height:40px;
    width:250px;
    font-size:12pt;
    box-sizing:border-box;
    padding-left:10px;
    padding-right:10px;
    margin-right:20px;
}

.refund_form_section_textarea {
    height:70px;
    width:100%;
    font-size:12pt;
    resize: none;
    padding:7px;
    box-sizing:border-box;
}

.refund_form_section_dropdown {
    height:40px;
    font-size:12pt;
    padding-left:7px;
    padding-right:7px;
}

.refund_form_section_tip {
    display:none;
    position:relative;
    width:900px;
    background-color:#fbee93;
    color:#666666;
    padding:20px;
    margin-left:50px;
    margin-top:-3px;
    box-sizing:border-box;
}

.refund_form_section_label {
    float:left;
    width:200px;
    font-size:12pt;
    padding-right:20px;
}

.refund_form_section_content_right {
    float:left;
    width:630px;
}

.refund_form_section_button {
    width:100%;
    height:50px;
    background-color:#93c740;
    color:#ffffff;
    font-size:13pt;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
    border:1px #63B52D solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    outline:none;
}

.refund_form_cancel_button {
    width:100%;
    height:50px;
    background-color:#C72424;
    color:#ffffff;
    font-size:13pt;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
    border:1px #A80000 solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    cursor:pointer;
    outline:none;
}

.request_reason_dropdown{
   display:inline-block;
   width:100%;
   height:40px;
   font-size:11pt;
   background-color:#ffffff;
   border:1px #c3c3c3 solid;
   padding-left:7px;
   box-sizing:border-box;
}

.all_optional_questions{
    display: none;
}

.refund_form_section_date_input{
    height: 40px;
    width: 200px;
    font-size: 12pt;
    padding: 10px;
    box-sizing: border-box;
    border: 1px #c3c3c3 solid;
    background-color: #ffffff;
    border-radius: 3px;
}

/* Additional styles for the date picker input (you can customize further if needed) */
.refund_form_section_date_input:focus {
    outline: none;
    border-color: #78cd3d;
    box-shadow: 0px 0px 5px #78cd3d;
}

.refund_form_secondary_question_label{
    display:inline-block;
    width:290px;
}

.refund_form_label {
    padding-bottom:7px;
}

.refund_form_response textarea {
    padding:7px;
    box-sizing:border-box;
}

/** Ludus Protect Styles */

/* .ludus_protect_item{
    height:40px;
    padding: 15px;
    padding-right:20px;
    background-color:#f9f9f9;
    margin: 10px 0;
    display:flex;
    flex-direction: row-reverse;
    align-items:center;
    justify-content: space-between;
    cursor:pointer;
    box-shadow: 0 0 0 1px #e6e6e6;
    border-radius:2px;
}

.ludus_protect_item:hover{
    color:#fff !important;
    background-color: #499ee6;
    background: linear-gradient(45deg, rgba(73,158,230,1) 0%, rgba(113,190,255,1) 50%, rgba(73,158,230,1) 100%);
    box-shadow: 0 0 0 1px #4a9fe6;
}

.ludus_protect_item:hover .transfer_ticket_checkbox_container, .ludus_protect_item:hover .refund_select_checkbox_container {
    border:1px #4a9fe6 solid !important;
}

.ludus_protect_item:hover .green_text {
    color:#ffffff !important;
} */

.ludus_protect_disabled {
    pointer-events: none;
}

.ludus_protect_selected{
    color:#fff;
    height:40px;
    padding: 15px;
    padding-right:20px;
    background-color:#499ee6;
    margin: 10px 0;
    display:flex;
    flex-direction: row-reverse;
    align-items:center;
    justify-content: space-between;
    border-radius:2px;
    box-shadow: 0 0 0 1px #4a9fe6;
    cursor:pointer;
}

.ludus_protect_selected:hover{
    background-color: #499ee6;
    background: linear-gradient(45deg, rgba(73,158,230,1) 0%, rgba(113,190,255,1) 50%, rgba(73,158,230,1) 100%);
}

.refund_select_checkbox {
	float:left;
	width:35px;
}


.refund_select_checkbox_container {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0,0,0,0.25);
    background-color: #fff;
    border-radius: 0.3em;
    vertical-align: top;
}

.refund_select_checkbox_container_checked {
    font-size:14px;
    /* color: #FFD21F; */
    color: #ffffff;
    text-align:center;
    background-color:#f6d705;
    border:1px #f6d705 solid;
}


.ludus_protect_list{
    margin-top:15px;
}

.ludus_protect_list_item{
    background-color: #F9F9F9;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #D5D5D5;
    border-radius: 3px;
}


.refund_form_row{
    margin-top: 20px;
    margin-bottom: 20px;
}

.refund_form_row:first-of-type {
    margin-top:0px;
}

.refund_form_row:last-of-type {
    margin-bottom:0px;
}

.submitted_ludus_protect_banner {
    color: #31708f;
    background-color: #d9edf7;
    padding:10px;
    box-sizing:border-box;
    border:1px #bce8f1 solid;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -moz-box-shadow:    1px 1px 1px 0px #e5e5e5;
	  -webkit-box-shadow: 1px 1px 1px 0px #e5e5e5;
	  box-shadow:         1px 1px 1px 0px #e5e5e5;
    width:100%;
    font-size:11pt;
    display:block;
    height:auto;
    line-height:18px;
    text-align:center;
    margin-bottom:20px;
}

.ludus_prot_status_pill{
    padding: 2px 10px 2px 10px;
    width: fit-content;
    border-radius: 10px;
    font-size: 14px;
}

.ludus_prot_void{
    background-color: #000;
    color: #fff;
}

/* Reports */
.reports_box_holder {
    display:flex;
    flex-wrap: wrap; /* Allow flex items to wrap to the next line */
    justify-content: space-between;
    padding:20px;
}

.reports_box_holder a {
    flex: 0 0 calc(33.33%); /* Adjusted width to account for margin */
    text-decoration:none !important;
}

.reports_box_holder a:hover {
    text-decoration:none !important;
}

.reports_box {
    flex: 0 0 calc(33.33% - 20px); /* Adjusted width to account for margin */
    height: 120px;
    background-color: #ffffff;
    border:1px #e0e1e3 solid;
    border-radius:5px;
    padding:15px;
    box-sizing:border-box;
    margin: 10px; /* Added bottom margin for spacing between rows */
    cursor:pointer;
    transition: box-shadow 0.3s ease-in-out; /* Add a smooth transition effect */
}

.reports_box:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Add a box shadow on hover with a fade-in effect */
}

.reports_box_title_icon {
    display:inline-block;
    min-width:15px;
    font-size:20px;
    color:#333333;
    transition: color 0.3s ease-in-out; /* Add a smooth transition effect */
    padding-right:5px;
}
.reports_box_title {
    display:inline-block;
    font-size:18px;
    font-weight:600;
    color:#1a1b25;
    margin-top:-1px;
    transition: color 0.3s ease-in-out; /* Add a smooth transition effect */
}

.reports_box_description {
    display:block;
    color:#414552;
    font-size:14px;
    line-height:17px;
    padding-top:10px;
    transition: color 0.3s ease-in-out; /* Add a smooth transition effect */
}

.reports_box:hover .reports_box_title_icon {
    color:#489ee6;
}

.reports_box:hover .reports_box_title {
    color:#000000;
}

.reports_box:hover .reports_box_description {
    color:#000000;
}

.reports_graphs_holder {
    display:flex;
    flex-wrap: wrap; /* Allow flex items to wrap to the next line */
    justify-content: space-between;
    padding:20px;
}

.reports_graphs_holder_grey_bg {
    background-color:#f9f9f9;
    border-bottom:1px #e2e8ee solid;
    box-shadow: 0 1px 3px 0 rgb(60 66 87 / 10%), 0 3px 6px 0 rgb(0 0 0 / 0%);
}

.reports_graph {
    box-sizing:border-box;
    margin: 10px; /* Added bottom margin for spacing between rows */
}

.reports_quick_stats_number {
    font-size:24px;
    font-weight:600;
    color:#1a1b25;
    padding-bottom:5px;
}

.reports_quick_stats_label {
    font-size:18px;
    color:#999999;
}

.partner_selector_container{
    display: flex;
    align-items: center;
}

.partner_selector_super_admin{
	background-color:#ffffff;
	font-size:14px;
    border-radius: 4px;
    cursor: pointer;
    font-family:Nunito;
    box-sizing:border-box;
    border: 1px solid #d5d5d5;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 3%), 0px 3px 6px rgb(0 0 0 / 2%);
    z-index: 1000000;
}

.receipt_page {
    background-color: #ffffff;
    height: 100vh;
}


.receipt_view {
    margin: 0px auto;
    width: 610px;
    padding-bottom: 10px;
    padding-top: 45px;
}

.receipt_title {
    font-size: 12px;
}

.receipt_view_content {
    padding: 20px;
    background-color: #ffffff;
    border: 1px #e3e8ee solid;
}

.receipt_view_top {
    width:100%;
    text-align:center;
    padding-bottom:20px;
}

.receipt_view_top_label {
    font-size:22px;
    padding-bottom:10px;
}

.receipt_view_top_sublabel {
    font-size:15px;
    color:#999999;
}

.receipt_view_top_info {
    display:flex;
    width:100%;
    justify-content: space-between;
    padding-bottom:20px;
}

.receipt_view_top_info_item {
    width:30%;
    margin:10px;
    text-align:left;
}

.receipt_view_top_info_item_label {
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    color:#999999;
    padding-bottom:3px;
}

.receipt_view_top_info_item_content {
    font-size:15px;
    color:#333333;
}

.receipt_view_line_items {
    border:1px #f2f4f6 solid;
    border-radius:2px;
}

.receipt_view_line_items hr {
    border:1px #f2f4f6 solid;
    margin: unset;
    margin-bottom:10px;
}

.line_item_information {
    width: 100%;
    font-size:14px;
    color:#333333;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0px 15px 10px 15px;
}

.line_item_information_header {
    font-weight:bold;
    text-transform:uppercase;
    background-color:#f2f4f6;
    color:#333333;
    padding-top:7px;
}

.line_item_information_total {
    font-weight:bold;
    background-color:#f2f4f6;
    color:#333333;
    padding-top:0px;
    padding-bottom:10px;
}

.sub_line_item_information .line_item_left {
    color: #3c3c3c;
    margin-left: 15px;
}


.desktop_payment_refund{
    display: inline-block;
}

.mobile_payment_refund{
    display: none;
}

@media (max-width: 768px) {
    .desktop_payment_refund{
        display: none;
    }

    .mobile_payment_refund{
        display: inline-block;
    }
}
.admin_showtimes_waitlist_button {
	float:right;
	height:30px;
    display:flex;
    align-items: center;
	line-height:30px;
    text-align: center;
	background-color:#489ee6;
	font-size:14px;
	font-weight:100;
	color:#ffffff;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
	border-radius:3px;
	margin-left:10px;
    box-shadow: 0 0 0 1px rgba(42, 69, 43, 0.45), 0 2px 5px 0 rgba(42, 47, 69, 0.13), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
    cursor:pointer !important;
}

.fee_create_dropdown {
    position: relative;
    display: inline-block;
}

.fee_creation_options_menu {
    display: none;
    position: absolute;
    background-color: #ffffff;
    font-size:14px;
    z-index:10;
    min-width: 100px;
    border: 1px #d5d5d5 solid;
    border-radius: 3px;
    box-shadow: 0 1px 24px 0 rgba(0,0,0,0.08);
    padding: 12px 16px;
    right:0;
    margin-right:-1px;
}


.fee_create_dropdown_item {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    display: block;
    white-space: nowrap;
    padding: 5px 0; /* Add vertical padding */
}

.fee_create_dropdown_item:hover {
    color: #93c740;
}

.fee_create_dropdown:hover .fee_creation_options_menu {
    display: block;
    border-top-right-radius: 0;
}

.fee_create_dropdown:hover .green_button {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.settings_popup_module {
    display:none;
    position:fixed;
    left:50%;
    top:30%;
    margin-left:-175px;
    width:375px;
    max-height: calc(100vh - 110px);
    background-color:#fff;
    -webkit-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.2);
    z-index:10000000;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    z-index:100000000000;
}

.settings_popup_module_overlay {
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#000000;
    opacity:0.5;
    z-index:10000000000;
}

.settings_popup_module_exit {
    position:absolute;
    top:15px;
    right:15px;
    cursor:pointer;
}

.settings_popup_module_header {
    display:flex;
    flex-direction:column;
    gap:8px;
    align-items: flex-start;
    justify-content: center;
    border-bottom:1px solid #e7e7e7;
    padding:20px;
}

.settings_popup_module_content{
    padding:20px;
    display:flex;
    flex-direction: column;
    gap:15px;
}

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

.settings_popup_module_title {
    font-size: 24px;
    font-weight: 700;
}

.settings_popup_module_subtitle {
    color: #999;
    font-size: 12px;
    font-weight: 500;
}

.settings_row_dropdown_button {
    width: 175px;
    height: 25px;
    background-color:#e7e7e7;
    border-radius:8px;
    padding:5px 10px;
    cursor:pointer;
    position:relative;
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.settings_row_dropdown {
    display:none;
    position:absolute;
    background-color:#e7e7e7;
    right:0px;
    top:35px;
    border-radius:8px;
    width:320px;
    height:auto;
    z-index:10000;
    padding:10px;
    border-top-right-radius: unset;
}

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

.settings_popup_module_row_title {
    font-weight:700;
}

.settings_row_dropdown_option{
    padding:10px;
    border-bottom:1px solid #ccc;
}

.settings_row_dropdown_option:last-child{
    border-bottom:unset;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.settings_row_dropdown_option:first-child{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.settings_row_dropdown_option:hover{
    background-color:#f0f0f1;
}

.card_container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.stat_card {
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    /* This will make each stat_card take an equal amount of space */
    border-radius: 8px;
    border: 1px solid #DADADA;
    background: #FFF;
    padding:40px 30px;
    gap:15px;
}

.stat_card_title {
    font-size: 22px;
    font-weight: 700;
}

.stat_card_subtitle {
    color: #999;
    font-size: 12px;
    font-weight: 500;
}

.stat_card_icon {
    font-size: 18pt;
}

.stat_card_icon.gray_circle {
    font-size: 18pt;
    background-color: #ECECEC;
    border-radius: 50%;
    padding: 16px;
}

.settings_card {
    display:flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    flex: 1;
    /* This will make each stat_card take an equal amount of space */
    border-radius: 8px;
    border: 1px solid #DADADA;
    background: #FFF;
    gap:5px;
    flex-basis: calc(20% - 10px);
    padding: 10px;
}

.settings_card_row {
    display:flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EFF1F1;
    width: 95%;
    gap:15px;
    padding: 5px 5px;
}

.settings_card_row:last-child {
    border-bottom: none;
}

.settings_card_row > .row_title {
    width:50%;
    color: #000;
    font-size: 14px;
    font-weight: 700;
}

.settings_card_row > .row_dropdown_button {
    display:flex;
    width:50%;
    align-items: center;
    justify-content:space-between;
    cursor: pointer;
    color: #000;
    font-size: 14px;
    position:relative;
}

.settings_card_row > .row_dropdown_button_placeholder {
    cursor:default;
}

.settings_card_row > .row_dropdown_button > .row_dropdown_button_text {
    display: flex;
    align-items: center;
    gap:5px;
}

.settings_card_row > .row_setting{
    color:#999;
    width:50%;
    font-size:14px;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.show_settings_button {
    cursor:pointer;
}

.row_dropdown{
    display:none;
    position:absolute;
    background-color:#fff;
    border:1px solid #e7e7e7;
    right:-5px;
    top:24px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    width:105%;
    z-index:10000;
}

.row_dropdown_option{
    padding:10px;
    border-bottom:1px solid #e7e7e7;
}

.row_dropdown_option:last-child{
    border-bottom:unset;
}

.row_dropdown_option:hover{
    background-color:#f0f0f1;
}

.wysiwyg_reset {
    all: initial;
    /* Add more reset styles as needed */
    font-family: 'Nunito', Arial, sans-serif;

}

.wysiwyg_reset > .table {
    margin: 0px;
}

.wysiwyg_reset > td {
    vertical-align: top;
}

.wysiwyg_reset > img {
    max-width: 100%;
}


.filter-pill {
    background-color: #ffffff;
    border-radius: 20px;
    padding:6px 15px 6px 15px;
    border:1px #e5e5e5 solid;
    color: #333333;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    flex-wrap: wrap;
    line-height: normal;
}

.giftcard-category-pill:first-child {
    background-color: #fff;
    color: #333333;
}

.giftcard-category-pill:first-child.active {
    background-color: #8DBD3D;;
    color:#ffffff;
    border:0px;
}

.giftcard-category-subtitle {
    font-size: 10px;
    line-height: normal;
}

.giftcard-category-pill.active {
    background-color:#8DBD3D;;
    color:#ffffff;
}

.volunteers-shift-slots-left-container {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    font-size: 10pt;
    margin-right:5px;
}

.cyan_button {
    height:35px;
    background-color:#93c741;
    font-size:14px;
    color:#ffffff;
    text-align:center;
    line-height:35px;
    padding-left:10px;
    padding-right:10px;
	border-radius:3px;
    cursor:pointer;
}


.ellipsis_overflow {
    overflow: hidden;            /* 1. Allows the use of text-overflow */
    white-space: nowrap;         /* 2. Ensures the text stays in a single line */
    text-overflow: ellipsis;     /* 3. Display an ellipsis (...) to represent clipped text */
}

.cyan_button:hover {
    text-decoration: none;
    background:#93c741;
}

.blue_link {
    color: #0284C7 !important;
    cursor: pointer;

}

.blue_link:hover {
	color: #0284C7 !important;
	text-decoration:underline;
}

.blue_link:visited {
	color: #0284C7 !important;
	text-decoration:none;
}

.volunteers-link {
    color: #0284C7 !important;
    cursor: pointer;

}

.volunteers-link:hover {
	color: #0284C7 !important;
	text-decoration:underline;
}

.volunteers-link:visited {
	color: #0284C7 !important;
	text-decoration:none;
}

.volunteer-black-link {
    color: #000 !important;
}


.volunteer-black-link:visited {
	color: #000 !important;
	text-decoration:none;
}

.volunteer-black-link:hover {
    cursor: pointer;
	color: #0284C7 !important;
    text-decoration: none !important;
}

.volunteers-shift-listing-subtitle {
    color: #666666;
    font-size: 10pt;
}

.order_page_section_controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px #e3e8ee solid;
}


.admin_shift_row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    line-height: 60px;
}

.cyan_text {
    color: #93c741;
}

.settings_card.opportunity-dashboard-required-roles-card {
    justify-content: flex-start;
    padding: 20px;
}

.settings_card.opportunity-dashboard-required-roles-card > .stat_card_title {
    display: flex;
    justify-content: space-between;
    font-size: 12pt;
    font-weight: normal;
    width: 100%;
}

.opportunity-dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.opportunity-dashboard-header > .opportunity-dashboard-title {
    font-weight: bold;
    font-size: 18pt;
}


.settings_card.opportunity-dashboard-required-roles-card > .opportunities-roles-container {
    width: 100%;
    height: 100%;
    margin-top: 20px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    flex: 0;
    margin-bottom: auto;
}

.volunteer_card_container {
    margin-bottom: 30px;
}

.opportunity-dashboard-section {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.opportunity-dashboard-section > .opportunity-dashboard-section-title {
    font-weight: normal;
    font-size: 14pt;
    margin-bottom: 10px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.opportunity-dashboard-section > .opportunity-dashboard-section-title > .opportunity-dashboard-section-controls {
    display: flex;
    justify-content: space-between;
    position:relative;
}

.volunteers-opportunity-dashboard-shifts-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.volunteers-opportunity-dashboard-shifts-container > .volunteers-opportunity-dashboard-shift-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #fff;
    padding-bottom:0px;
    border: 1px solid #DADADA;
    border-radius: 4px;
    box-sizing: border-box;
}

.volunteers-opportunity-dashboard-shift-container > .volunteers-opportunity-dashboard-shift-main-content,  .volunteers-opportunity-dashboard-shift-container > .volunteers-opportunity-dashboard-shift-footer {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    padding-bottom: unset;
}

.volunteers-opportunity-dashboard-shift-container > .volunteers-opportunity-dashboard-shift-footer {
    padding: 10px 20px;
    background-color: #f7f7f7;
    font-size: 10pt !important;
    gap: 62px;
}

.volunteers-opportunity-dashboard-shift-container > .volunteers-opportunity-dashboard-shift-footer > .shift-roles-section {
    display: inline-flex;
    align-items: center;
    gap: 30px;
    flex-basis: 90%;
}

.volunteers-opportunity-dashboard-shift-container > .volunteers-opportunity-dashboard-shift-footer > .shift-footer-controls-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-basis: 10%;
}

.volunteers-opportunity-dashboard-shift-container > .volunteers-opportunity-dashboard-shift-footer.past-shift-footer {
    background-color: rgba(74, 199, 208, 0.6);
    color: #fff;
}

.volunteer-list-popup-shift-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.volunteer-list-popup-shift-header > .shift-date-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.volunteer-list-container {
    display: flex;
    flex-direction: column;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    margin-top: 20px;
}


.volunteer-list-role-header-container {
    padding: 20px;
}

.volunteer-role-name-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.volunteer-list-volunteers-container {
    display: flex;
    flex-direction: column;
}

.volunteer-list-volunteer-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E2E8F0;
    padding: 10px 20px;
}

.volunteer-list-role-container:last-child .volunteer-list-volunteer-row:last-child {
    border-bottom: none;
}

.volunteer-list-volunteer-row:first-child {
    border-top: 1px solid #E2E8F0;    
}

.volunteer-shift-dashboard-controls {
    display: flex; 
    gap: 10px; 
    align-items: center; 
    position: relative;
    align-self: flex-start;
}

.volunteer-shift-dashboard-controls > .options_dropdown {
    right: 0px;
    top: 32px;
}

input:checked + .slider.volunteer-slider {
    background-color: #93c741;
  }

.volunteer-page input[type="text"]:not(.volunteer_search_container > input):focus, .volunteer-page textarea:focus, .volunteer-page input[type="number"]:focus {
    -webkit-box-shadow: 0px 0px 3px 2px rgba(74, 199, 208, 0.5);
    -moz-box-shadow: 0px 0px 3px 2px rgba(74, 199, 208, 0.5);
    box-shadow: 0px 0px 3px 2px rgba(74, 199, 208, 0.5);
}

.volunteer_sub_navigation .sub_navigation_item:hover {
    box-shadow: inset 0 -3px 0 0 #87B838;
}

.volunteer_sub_navigation .sub_navigation_item_active {
    box-shadow: inset 0 -3px 0 0 #87B838;
}

.volunteer_sub_navigation .sub_navigation_item i {
    margin-right:3px;
}

.volunteer_sub_navigation .sub_navigation_item_active i {
    color:#93c741;
}

.volunteers-filled-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
    flex-basis: 28%;
}

.admin_shift_row .volunteers-filled-container {
    height: 60px;
    flex-basis: 30%;
}

 .volunteers-filled-container > .volunteers-filled-count {
  line-height: normal;
  display: flex;
  gap: 6px;
  align-items: center;
} 

.volunteers-filled-container > .volunteers-filled-status-bar {
    border-radius: 4px;
    height: 5px;
    width: 100%;
    background-color: #EFEFEF;
    position: relative;
}

.volunteers-filled-container > .volunteers-filled-status-bar > .volunteers-filled-status-bar-fill-line {
    height: 100%;
    width: 0px;
    border-radius: 4px;
    max-width: 100%;
}

.volunteers-filled-container > .volunteers-filled-status-bar > .volunteers-filled-status-bar-fill-line.red-line {
    height: 100%;
    background-color: #EE1F1F;
}

.volunteers-filled-container > .volunteers-filled-status-bar > .volunteers-filled-status-bar-fill-line.yellow-line {
    height: 100%;
    background-color: #FDBA12;
}

.volunteers-filled-container > .volunteers-filled-count > .volunteers-filled-check-icon {
    color: #C7EBD1; 
    background: radial-gradient(at center, #075E45 40%, transparent 40%);
}

.volunteer-settings-page-tabs-container {
    display: flex;
    margin-bottom: 30px;
    gap: 50px;
}

.volunteer-settings-page-tab {
    font-size: 18px;
}

.volunteer-settings-page-tab.active {
    padding-bottom: 8px;
    border-bottom: 4px solid #93c741;
    font-weight: bold;
}

.volunteer-form-row {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 30px;
}

.volunteer-popup-footer {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    margin: 20px -20px;
    margin-bottom: 0px;
    padding: 20px;
    padding-bottom: 0px;
    border-top: 1px solid #DEDEDE;
}

.volunteer-popup-footer > * {
    flex-basis: 25%;
}

.volunteer-form-row > .volunteer-form-row-input-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.volunteer-form-row-input-group > * {
    width: 100%;
}

.volunteer-form-row > .volunteer-form-row-input-group {
    flex-basis:50%;
}

.volunteer-role-color-selection-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.volunteer-role-color-selection-container > label {
    flex-basis: 50%;
    margin-bottom: 15px;
}

.volunteer-role-color-selection-container > label:nth-last-child(-n+2) {
    margin-bottom: 0px;
}

.volunteer-role-pill {
    display:inline-flex;
    align-items: center;
    gap: 6px;
    max-width:250px;
    line-height:20px;
    min-height:25px;
    font-size:14px;
    white-space: wrap;
    text-align:center;
    background-color:#e4e4e4;
    color:#555555;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    border-radius:13px;
    box-sizing: border-box;
}

.volunteer-role-pill.purple {
    background-color: #EADCFC;
    color: #6B31AB;
}


.volunteer-role-pill.blue {
    background-color: #D4E4FA;
    color: #0D4EA6;
}

.volunteer-role-pill.teal {
    background-color: #BEEBE7;
    color: #155C5E;
}

.volunteer-role-pill.red {
    background-color: #FADCD9;
    color: #A1160B;
}

.volunteer-role-pill.gray {
    background-color: #DCE3E8;
    color: #3F5564;
}

.volunteer-role-pill.green {
    background-color: #C7EBD1;
    color: #075E45;
}

.volunteer-role-pill.ultramarine {
    background-color: #DEE0FA;
    color: #434CB4;
}

.volunteer-role-pill.orange {
    background-color: #FCDDC7;
    color: #933B1C;
}

.volunteer-role-pill.yellow {
    background-color: #FAF6CF;
    color: #1D2B36;
}

.volunteer-role-pill.pink {
    background-color: #F7DAED;
    color: #A33185;
}

.volunteer-role-pill.unapproved {
    background-color: #fff;
    color: #000;
    border: 1px #e5e5e5 solid;
}

.volunteer_message {
	margin:0px auto;
	display:none;
	background-color:#93c741;
	font-size:16px;
	color:#ffffff;
	line-height:40px;
	text-align:center;
	padding-right:20px;
	padding-left:20px;
    box-sizing:border-box;
    border-radius:5px;
}
.role-information-container {
    display: none;
}
.role-information {
    display: flex;
    background-color: #FBFBFB;
    padding: 16px 32px;
    border-bottom: 1px #e3e8ee solid;
    justify-content: space-between;
}

.order_page_ticket:last-child + .role-information-container > .role-information {
    border-bottom: none;
}

.volunteer_search_container {
    display: flex;
    align-items: center;
    border-radius: 4px;
}

.volunteer_search_container > .search_box_icon {
    display:flex;
    align-items: center;
	height:35px;
	background-color:#ffffff;
	font-size:14px;
    font-family:Nunito;
    box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
    border: 1px solid #d5d5d5;
    box-shadow:0px 1px 1px rgb(0 0 0 / 3%), 0px 3px 6px rgb(0 0 0 / 2%);
    border-radius: 4px;
    border-left:0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #999;
}

.volunteer_search_container > .settings_input {
    margin:0px;
    width:290px;
    border-right:0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.volunteer_search_container:focus-within {
    -webkit-box-shadow: 0px 0px 3px 2px rgba(74, 199, 208, 0.5);
    -moz-box-shadow: 0px 0px 3px 2px rgba(74, 199, 208, 0.5);
    box-shadow: 0px 0px 3px 2px rgba(74, 199, 208, 0.5);
}

.patron_search_container {
    position: relative;
}

.patron_search_container > .search_patrons_dropdown {
    display: none;
    width: 100%;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius:4px;
    box-sizing: border-box;
    border-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    max-height: 250px;
    overflow-y: auto;
}

.patron_search_container > .search_patrons_dropdown > .search_patrons_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #d5d5d5;
    box-sizing: border-box;
    font-size:11pt;
}

.patron_search_container > .search_patrons_dropdown > .search_patrons_row:last-child {
    border-bottom: 0px;
}

.volunteer-snapshot-table-container {
    width: 100%;
    margin: auto;
    overflow-x: auto; /* Enables horizontal scrolling for small screens */
    font-size: 11pt;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    box-sizing: border-box;
}

.volunteer-snapshot-table-container > table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    
}

.volunteer-snapshot-table-container > table td, .volunteer-snapshot-table-container > table th {
    text-align: left;
    padding: 20px;
    box-sizing: border-box;
}

.volunteer-snapshot-table-container > table th {
    background-color: #f2f2f2;
}

.volunteer-snapshot-table-container > table > tbody > tr {
    border-bottom: 1px solid #d5d5d5;
}

.total-volunteer-hours-bubble {
    background-color: #DDF5F6; /* Light blue background */
    border-radius: 50%;        /* Makes it round */
    min-width: 25px;               /* Diameter of the bubble */
    min-height: 25px;              /* Diameter of the bubble */
    width:max-content;
    height:max-content;
    padding: 8px;
    display: inline-flex;
    justify-content: center;   /* Centers content horizontally */
    align-items: center;       /* Centers content vertically */
    color: #333;               /* Dark text color */
    font-weight: bold;         /* Bold text */
}

.volunteer-checkbox.order_page_ticket_checkbox_container_checked {
    background-color: #0284C7;
    color: #fff;
    border: 1px #0284C7 solid;
}

.blue-checkbox.order_page_ticket_checkbox_container_checked {
    background-color: #0284C7;
    color: #fff;
    border: 1px #0284C7 solid;
}

.volunteer-page .success_message {
    background-color: #93c741 !important;
    color: #fff;
}

.volunteer-page .order_page_tabs {
    display: flex;
    gap: 8px;
}

.role-information > .role-information-child {
    padding: 10px;
    flex-basis: 40%;
}

.role-information > .role-information-child:last-child {
    flex-basis: 20%;
}

.volunteer-role-pill-container {
    display:inline-flex; 
    align-items: center; 
    height: max-content;
    gap:4px;
}

.opportunity-dashboard-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 16px;
}

.shift-roles-container {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    row-gap: 8px;
}

.role-form-submission-header {
    background-color: #F9F9F9;
    padding: 10px 20px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.role-form-submission-section {
    padding: 20px;
}

.notification_number_pill {
    display:inline-block;
    height:16px;
    min-width:16px;
    line-height:16px;
    background-color:#e44134;
    color:#ffffff;
    font-size:12px;
    font-weight:normal !important;
    text-align:center;
    box-sizing:border-box;
    padding-left:3px;
    padding-right:3px;
    border-radius:8px;
}

.shifts_add_items {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.shifts_add_item_vertical_label_input {
    display: inline-flex;
    flex-direction: column;
    gap: 8px;
}

.shifts_add_item {
    position:relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid #DADADA;
    padding:20px;
    border-radius: 4px;
    box-sizing: border-box;
}

.shifts_add_item input {
    margin: 0px;
}

.shifts_add_item_row {
    display: flex;
    justify-content: space-between;
}

.shifts_add_items_container {
    overflow-y: auto;
    max-height: calc(-510px + 100vh);
}

.shift-role-overrides-container {
   display: none;
}
.shift-role-override {
    display: flex;
    align-items: center;
}
.shift-role-override:not(:first-child) {
    margin-top: 10px;
}


/**
* CK-Editor Styles
*/
.text-tiny{
    font-size: .7em;
}

.text-small{
    font-size: .85em;
}

.text-big{
    font-size: 1.4em;
}

.text-huge{
    font-size: 1.8em;
}


/* *NEW* alerts */

.success_alert{
    display:flex;
    justify-content: center;
    align-items: center;
    gap:8px;
    position: fixed;
    width: 180px;
    height: 55px;
    bottom: 0;
    left: 0;
    margin: 60px 20px;
    padding: 5px 5px 5px 5px;
    border-radius: 4px;
    border: 1px solid #49710B;
    gap: 10px;
    background-color:#F7FAF2;
    z-index:10000000;
}

.success_banner{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:8px;
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid #93c741;
    gap: 10px;
    background-color:#F7FAF2;
}

.error_banner{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:8px;
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid #a94442;
    gap: 10px;
    background-color:#f2dede;
    color: #000;
}

.error_alert{
    display:flex;
    justify-content: center;
    align-items: center;
    gap:8px;
    position: fixed;
    width: 180px;
    height: 55px;
    bottom: 0;
    left: 0;
    margin: 30px 30px;
    padding: 15px, 25px, 15px, 25px;
    border-radius: 4px;
    border: 1px solid #a94442;
    gap: 10px;
    background-color:#f2dede;
    z-index:10000000;
}

.error_banner{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:8px;
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid #a94442;
    gap: 10px;
    background-color:#f2dede;
    color: #000;
}

.warning_banner{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:8px;
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid #F2C31D;
    gap: 10px;
    background-color:#FFFCEF;
}

.information_banner{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    gap:8px;
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid #0244CF;
    gap: 10px;
    background-color:#EDF5FF;

}

/* *NEW* Admin Popup */

.admin_popup_module_overlay{
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#000000;
    opacity:0.5;
    z-index:10000000000;
}

.admin_popup_module{
    display:none;
    position:fixed;
    left:50%;
    top:30%;
    margin-left:-275px;
    width:550px;
    max-height: calc(100vh - 110px);
    background-color:#fff;
    -webkit-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.2);
    z-index:10000000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    z-index:100000000000;
}

.admin_popup_module_header{
    position:relative;
    width:100%;
    background-color:#F9F9F9;
    border:1px solid #E4E8ED;
    padding:30px;
    box-sizing:border-box;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
    font-size:20px;
    font-weight:700;
}

.admin_popup_module_exit_icon{
    position:absolute;
    top:20px;
    right:20px;
    cursor:pointer;
}

.admin_popup_module_content{
    color:#999;
    padding: 40px 30px;
}

.admin_popup_module_actions{
    display:flex;
    gap:10px;
    justify-content: flex-end;
    border: 1px solid #d5d5d5;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    padding: 15px 30px;
}

.black_spinner{
    filter: invert(1);
}

.red_span{
    display:none;
    color:#c74343;
    margin-top:4px;
    margin-right:10px;
    margin-left:15px;
}


.ludus-pill {
    display:inline-flex;
    align-items: center;
    gap: 6px;
    max-width:250px;
    line-height:20px;
    min-height:25px;
    font-size:14px;
    white-space: wrap;
    text-align:center;
    background-color:#e4e4e4;
    color:#555555;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    border-radius:13px;
    box-sizing: border-box;
}

.ludus-pill.purple {
    background-color: #EADCFC;
    color: #6B31AB;
}


.ludus-pill.blue {
    background-color: #D4E4FA;
    color: #0D4EA6;
}

.ludus-pill.teal {
    background-color: #BEEBE7;
    color: #155C5E;
}

.ludus-pill.red {
    background-color: #FADCD9;
    color: #A1160B;
}

.ludus-pill.gray {
    background-color: #DCE3E8;
    color: #3F5564;
}

.ludus-pill.green {
    background-color: #C7EBD1;
    color: #075E45;
}

.ludus-pill.ultramarine {
    background-color: #DEE0FA;
    color: #434CB4;
}

.ludus-pill.orange {
    background-color: #FCDDC7;
    color: #933B1C;
}

.ludus-pill.yellow {
    background-color: #FAF6CF;
    color: #1D2B36;
}

.ludus-pill.pink {
    background-color: #F7DAED;
    color: #A33185;
}

.volunteer-settings-save-button-container {
    position:sticky;
    bottom: 0;
    z-index:200001;
}

.settings_card.retail_settings_card {
    justify-content: flex-start;
    padding: 20px;
}

.settings_card.retail_settings_card > .stat_card_title {
    display: flex;
    justify-content: space-between;
    font-size: 12pt;
    font-weight: normal;
    width: 100%;
}

.stat_card.full_height {
    box-sizing: border-box;
    height:100%;
}

.stat_card .metric_pill, .settings_card .metric_pill {
    display:inline-block;
    text-align:center;
    background-color:#e4e4e4;
    color:#555555;
    padding-left:8px;
    padding-right:8px;
    border-radius:4px;
    box-sizing:border-box;
    font-weight: bold;
}

.metric_pill.green {
    background-color: #E0F0E4;
    color: #377E36;
}

.metric_pill.red {
    background-color: #FEECEB;
    color: #B12F30;
}

.retail_settings_card .top-selling-retail-items-list {
    padding-left: 0px;
    position: relative;
    width: 100%;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 10px;
}

.top-selling-retail-items-list > .retail-top-selling-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

.retail-item-thumbnail {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border: 1px solid #D5D5D5;
    object-fit: cover;
}

.retail-item-thumbnail-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    color: #757575;
}

.retail-sales-chart {
    width: 100%;
}

.retail-options-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: 1px solid #D5D5D5;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 16px 20px;
}

.retail-option {
    display: flex;
    align-items: center;
    gap: 16px;
}

.retail-option > .settings_input {
    margin: unset;
}

.retail-option > .retail-delete-option {
    color: #979797;
}

.retail-options-container > .retail-option-mask {
    display: none;
}

.retail-options-container > .retail-option-mask.active {
    display: block;
}

.retail-option-values-container {
    margin-top:16px;
}
.retail-option-values-container > .retail-option-new-value-row {
    display: flex;
    gap: 16px;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

.retail-option-values-container > .retail-option-new-value-row > .retail-option-new-value-input-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
    border-radius: 0px;
    padding: 8px;
    width: 100%;
}

.retail-option-values-container > .retail-option-new-value-row:first-child > .retail-option-new-value-input-container {
    border-top: 1px solid #D5D5D5;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.retail-option-values-container > .retail-option-new-value-row:last-child > .retail-option-new-value-input-container {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.retail-option-values-add-option-button {
    font-weight: bold;
    cursor: pointer;
    margin-top: 16px;
}

.retail-options-list {
    display: flex;
    flex-direction: column;
}

.empty-retail-list {
    display: flex;
    flex-direction: column;
    padding: 24px;
    color: var(--ludus-gray-500);
    font-size: 16px;
}

.retail-options-list > .retail-options-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0px;
    border-bottom: 1px solid #D5D5D5;
    padding:24px;
}

.retail-options-list > .retail-options-list-item > .retail-options-list-item-content {
    display: inline-flex;
    flex-direction: column;
    gap: 16px;
    font-weight: bold;
}

.retail-options-list > .retail-options-list-item > .retail-options-list-item-actions {
    display: inline-flex;
    gap: 8px;
}

.retail-option-value-mask {
    display: none;
    margin-top: 24px;
}

.retail-option-value-container,.retail-option-values-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-sizing: border-box;
    width: 300px;
    margin-left: 70px;
}

.retail-option-value-container > .retail-item-option-value-row,.retail-option-values-container > .retail-item-option-value-row {
    display: flex;
    gap: 16px;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

.retail-option-value-group-header {
    margin-left: 25px;
    box-sizing: border-box;
}

.retail-saved-options-container {
    display: none;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 24px;
    box-sizing: border-box;
}

.retail-saved-options-container > .retail-item-option-row {
    display: flex;
    gap: 48px;
    height: 116px;
    align-items: center;
    box-sizing: border-box;
    border-top: 1px solid #D5D5D5;
    padding: 24px;
}
.retail-saved-options-container > .retail-item-option-row > .retail-item-option-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.retail-saved-options-container > .retail-item-option-row > .retail-item-option-content > .retail-item-option-values {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.retail-item-option-row > .retail-item-option-actions {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: auto;
}

.retail-variants-mask {
    display: none;
    margin: -30px;
    margin-top: 20px;
    font-size: 14px;
}

.retail-variants-container {
    display: flex;
    flex-direction: column;
}
.retail-variants-container > .retail-item-variant-row {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-top: 1px solid #D5D5D5;
    padding: 10px 24px;
}

.retail-item-variant-row > .retail-item-variant-actions > .retail-delete-item-variant {
    color: var(--ludus-gray-500);
    cursor: pointer;
}

.retail-item-variant-row.archived-variant {
    background-color: #F9F9F9;
}

.retail-item-variant-row.archived-variant > .retail-item-variant-label {
    color: #757575;
    text-decoration: line-through;
}

.retail-item-variant-row.archived-variant > .retail-item-variant-label > input[type="checkbox"] {
    opacity: 0.5;
    pointer-events: none;
}

.retail-item-variant-row.archived-variant .retail-delete-item-variant {
    display: none;
}

.retail-item-variant-row.archived-variant .retail-item-variant-price-input {
    display: none;
}

.retail-item-variant-row.archived-variant .retail-item-variant-inventory-input {
    display: none;
}

.retail-item-variant-row.archived-variant .retail-item-variant-amount-sold {
    display: none;
}

.retail-item-variant-row .retail-undo-archive-variant {
    display: none;
}

.retail-item-variant-row .archived-variant-warning {
    display: none;
}

.retail-item-variant-row.archived-variant .archived-variant-warning {
    display: inline-block;
    margin-right: 8px;
    box-sizing: border-box;
}

.retail-item-variant-row.archived-variant .retail-undo-archive-variant {
    display: inline;
    color: #0284C7;
    cursor: pointer;
}

.retail-item-variant-row.archived-variant .retail-undo-archive-variant:hover {
    text-decoration: underline;
}

.retail-variants-container > .retail-item-variant-row:first-child {
    border-top: 0px;
}

.retail-variants-container > .retail-item-variant-row > .retail-item-variant-label {
    display: flex;
    align-items: center;
    flex-basis: 30%;
}

.retail-variants-container > .retail-item-variant-row > .retail-item-variant-price-input, .retail-variants-container > .retail-item-variant-row > .retail-item-variant-inventory-input, .retail-variants-container > .retail-item-variant-row > .retail-item-variant-amount-sold {
    flex-basis: 20%;
}

.retail-variants-container > .retail-item-variant-row > .retail-item-variant-actions {
    margin-left: auto;
}

.retail-variants-table-header {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 10px 24px;
    background-color: #F9F9F9;
    font-size: 
}

.retail-variants-table-header > .retail-variants-table-header-label {
    font-weight: bold;
}

.retail-variants-table-header > .retail-variants-table-header-label.name {
    flex-basis: 30%;
}

 .retail-variants-table-header > .retail-variants-table-header-label.price, .retail-variants-table-header > .retail-variants-table-header-label.inventory, .retail-variants-table-header > .retail-variants-table-header-label.inventory {
    flex-basis: 20%;
}

.retail-create-item-save-header {
    display: flex;
    
}

.archived-variants-preview {
    display: flex;
    flex-direction: column;
}

.archived-variants-preview > .retail-item-variant-preview-row {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-top: 1px solid #D5D5D5;
    padding: 10px 24px;
}

.form-dashboard-header{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:20px;
}

.form-options-toggle{
    position:relative;
    padding:3px;
    margin-right:10px;
    display:flex;
    justify-content: center;
    width:100%;
}

.form-options-toggle:hover{
    background-color: #eee;
    border-radius:50%;
}

#seating-chart-switch-link {
    color: #0284C7 !important;
    text-decoration: none !important;
    transition: color 0.3s;
}

#seating-chart-switch-link:hover {
    text-decoration: underline !important;
}

#seating-chart-switch-link:active {
    color: #0244CF !important;
}

.admin_delete_tag_button, .admin_edit_tag_button, .admin_delete_household_button, .admin_edit_household_button {
    color: #999999;
    cursor: pointer;
}

.admin_delete_tag_button:hover, .admin_delete_household_button:hover {
    color: #bc3a30;
}

.admin_edit_tag_button:hover, .admin_edit_household_button:hover {
    color: #93c741;
}

.tag_list_item {
	border-bottom:1px #e3e8ee solid;
    padding:15px;
    box-sizing:border-box;
    font-size:14px;
}

.patron_search_new{
    margin-bottom: 5px;
    box-sizing:border-box;
    font-size: 14px;
    height: 40px;
}

.patron_search_new.search_res_row{
    border-bottom: 1px solid #e3e8ee;

}
.patron_search_new td {
    border-bottom: 1px solid #e3e8ee;
}


.tag_action_popup{
    float:right;
    width: 100px;
}

.pill_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Optional: Adds some space between the pills */
}

.pill_list_container{
    display: flex;
    margin-top: 15px;
}

span.vertical_center{
    display: flex;
    align-items: flex-start;
}


/**
* lds - Ludus Design System
*/

.lds.checkbox {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0,0,0,0.25);
    background-color: #fff;
    border-radius:2px;
    vertical-align: top;
}

/**
* Stuff that should move to the design system
*/
.lds.checkbox.checked{
    font-size:14px;
    color:#ffffff;
    text-align:center;
    background-color:#0284C7;
    border:1px #0284C7 solid;
}

.merge_student_div{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.merge_student_div > .merge_card {
    flex-shrink: 0;
}
.ldc.list_item_box{
    position:relative;
	border-bottom:1px #e3e8ee solid;
    padding:15px;
    box-sizing:border-box;
}

.ldc.list_item_box.selectable{
    cursor:pointer;
}

.ldc.list_item_box.selectable:hover{
    background-color:#f9f9f9;
}

.ldc.list_item_box_2 {
    width:100%;
    border-bottom:1px #e0e4ea solid;
    padding:25px;
    box-sizing:border-box;
}

.ldc.list_item_box_2.selectable{
    cursor:pointer;
}



.ldc.list_item_box_2.selectable:hover{
    background-color:#f9f9f9;
}

.ldc.grabbable{
    cursor:grab;
}

.ldc.grabbable:active{
    cursor:grabbing;
}

.retail-save-item-header {
    display: flex;
    align-items: center;
    width:100%;
    background-color: #fff;
    height: 72px;
    box-sizing: border-box;
    position: sticky;
    z-index: 10;
}

.retail-save-item-header-content {
    display: flex;
    width: 900px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.retail-save-item-header-content .unsaved-item-changes-warning, .retail-general-settings .unsaved-changes-warning {
    color: #757575; 
    font-weight: bold;
    display: none;
}

.retail-items-table .item-row td{
    box-sizing: border-box;
    height: 70px;
    padding-top: unset;
    padding-bottom:unset;
}

.retail-items-table .item-row-tag-display {
    display: none;
}

.retail-items-table .item-row:hover {
    background-color: var(--ludus-gray-100);
    cursor: pointer;
}

.retail-item-ellipsis-menu-btn {
    position: relative !important; 
    display: block !important; 
    justify-content: unset !important; 
    align-items: unset !important; 
    height: 32px !important; 
    width: 32px !important; 
    padding: unset !important; 
    background-color: transparent !important;
}

.retail-item-ellipsis-menu-btn:hover {
    background-color: #F0F0F1 !important;
}

.retail-item-ellipsis-menu-btn.active {
    background-color: var(--ludus-gray-300) !important;
}

.retail-items-table .ldc.options-dropdown.item-status-selector {
    height: 24px !important;
    line-height: unset;
    padding: 4px 8px !important;
}

.retail-save-item-controls {
    display: flex;
    gap: 16px;
}

.retail-save-item-title {
    display: flex;
    gap: 16px;
    font-weight: bold;
    font-size: 24px;
    align-items: center;
}

.time_shift_rows {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.file-loading-spinner {
    display: flex;
    gap: 4px;
    align-items: center;
    font-size: 14px; 
    line-height: normal; 
    margin-bottom: 20px; 
    min-width: 350px;
}

.file-loading-container {
    display: none;
}

.file-loading-spinner img {
    filter: invert(1);
    height: 20px !important;
    width: 20px !important;
}

.tax-code-item-conflicts-container {
    display: block;
}

.tax-code-item-conflicts {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.tax-code-item-conflict-row {
    display: flex;
    align-items: center;
}

.tax-code-item-conflict-img {
    flex-basis: 10%;
}

.tax-code-item-conflict-img img {
    border-radius: 4px;
    border: 1px solid #d5d5d5;
}

.tax-code-item-conflict-title {
    flex-basis: 40%;
}

.tax-code-item-conflict-options {
    flex-basis: 50%;
    display: flex;
    align-items: center;
    gap: 8px;
}

.tax-code-item-conflict-options > span {
    width: 100%;
    max-width: 75px;
    color: var(--ludus-gray-500);
}

.retail-landing-step-container {
    display: none;
}

.retail-landing-step {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.retail-landing-step .prev-step-btn, .retail-landing-step .next-step-btn {
    cursor: pointer;
}

.retail-landing-step.centered {
    align-items: center;
}

.retail-landing-step-container.active {
    display: block;
}

.order_page_footer {
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 24px;
    border: 1px #e3e8ee solid !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    gap: 16px;
}

.options-dropdown-retail-options {
    color: #000 !important; 
    width: 100%; 
    z-index: 2;
    max-height: 200px;
    overflow-y: auto;
}

.retail-dashboard-no-items-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 24px;
}

.retail-dashboard-no-items-container img.cricket-image {
    width: 100px;
    height: auto;
    margin: 48px 0px;
}

.variants-mass-actions-mask {
    display: none;
}

.variants-mass-actions-container {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-left: 24px;
    font-size: 14px;
}

.variants-mass-actions-container > .variants-mass-actions-buttons {
    display: flex;
    pointer-events: none;
    opacity: 0.5;
    gap: 16px;
    align-items: center;
}

.mass-edit-variant-stock-variants-section {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 14px;
}

.mass-edit-variant-stock-option-section {
    display: none;
}

.mass-edit-variant-stock-variant-row {
    display: flex;
}

.mass-edit-variant-stock-variant-row > .mass-edit-variant-stock-variant-label {
    flex-basis: 50%;
}

.mass-edit-variant-stock-variant-row > .mass-edit-variant-stock-variant-quantity {
    margin-left: auto;
}

.retail-image-upload-container {
    padding: 16px;
}

.archived-variants-preview {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.retail-variant-modifications-table {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border: 1px solid #D5D5D5;
    font-size: 14px;
}

.retail-variant-modifications-table > .retail-variant-modifications-header {
    display: flex;
    background-color: var(--ludus-gray-100);
    box-sizing: border-box;
    padding: 16px 24px;
}

.retail-variant-modifications-table > .retail-variant-modifications-header > .retail-variant-modifications-header-label {
    box-sizing: border-box;
    font-weight: bold;
}

.retail-variant-modifications-table > .retail-variant-modifications-header > .retail-variant-modifications-header-label.existing, .retail-variant-modifications-table > .retail-variant-modifications-header > .retail-variant-modifications-header-label.new {
    flex-basis: 30%;
}

.retail-variant-modifications-table > .retail-variant-modifications-header > .retail-variant-modifications-header-label.name {
    flex-basis: 30%;
}

.retail-variant-modifications-table > .retail-variant-modifications-header > .retail-variant-modifications-header-label.price,.retail-variant-modifications-table > .retail-variant-modifications-header > .retail-variant-modifications-header-label.inventory {
    flex-basis: 35%;
}

.retail-variant-modifications-table > .retail-variant-modifications-header > .retail-variant-modifications-header-label.arrow {
    flex-basis: 10%;
}

.retail-variant-modifications-table > .retail-variant-modifications-header > .retail-variant-modifications-header-label.option-value {
    flex-basis: 40%;
    text-align: right;
}

.retail-variant-modifications-table > .retail-variants-modifications-rows {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.retail-variant-modifications-table > .retail-variants-modifications-rows > .variant-modification-row {
    display: flex;
    padding: 16px 24px;
    align-items: center;
}

.retail-variant-modifications-table > .retail-variants-modifications-rows > .variant-modification-row > .new-variant-name{
    flex-basis: 30%;
    font-weight: bold;
}

.retail-variant-modifications-table > .retail-variants-modifications-rows > .variant-modification-row > .variant-modification-input{
    flex-basis: 35%;
    font-weight: bold;
}

.retail-variant-modifications-table > .retail-variants-modifications-rows > .variant-modification-row > .existing-variant-name {
    flex-basis: 30%;
}

.retail-variant-modifications-table > .retail-variants-modifications-rows > .variant-modification-row > .existing-to-new-arrow {
    flex-basis: 10%;
}

.retail-variant-modifications-table > .retail-variants-modifications-rows > .variant-modification-row > .new-option-value {
    flex-basis: 40%;
}

.retail-variant-modifications-table > .retail-variants-modifications-rows > .variant-modification-row > .new-option-value > .variant-modification-option-value-dropdown {
    max-width: max-content;
    margin-left: auto;
    font-size: 14px;
}

#option-deletion-wizard-variants-section .retail-variant-modifications-header, #option-deletion-wizard-variants-section .variant-modification-row {
    gap: 16px;
}
.variant-modification-row:not(:last-child) {
    border-bottom: 1px solid #d5d5d5;
}

.option-addition-wizard-step,.option-modification-wizard-step {
    display: none;
}

.option-addition-wizard-step.active,.option-modification-wizard-step.active {
    display: block;
}

.retail-item-tags {
    width: 100% !important;
    border-radius: 4px;
    max-height: 200px;
    min-height: 40px;
    height: unset !important;
    overflow: auto;
    padding: var(--tag-pad);
}

.retail-item-variant-price-input {
    position: relative;
}

.retail-item-variant-price-input .retail-variant-price-input {
    padding-left: 14px;
}
.retail-item-variant-price-input:before {
    content: '$';
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
    pointer-events: none;
}

/** Embedded Views **/
.body.body--has-embed {
    #next-frame {
        width: 100%;
        border: none;
        overflow: hidden;
    }
}

.reply-to-wrapper {
    background: #f5f5f5;
    border-radius: 20px;
    padding: 4px 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.reply-to-input {
    border: 1px solid #93c741;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 14px;
    width: 250px;
}

.reply-to-input.error {
    border-color: #ff4444;
    background-color: #fff0f0;
}

/* Donation Tipping */
.donation_tipping-container {
    position: relative;
    background-color: #e8f4d9;
    border: 1px solid #a3c97a;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 20px;
}

.donation_tipping-title {
    font-size: 16px;
    font-weight: bold;
    color: #577526;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.donation_tipping-optional {
    font-size: 12px;
    font-weight: normal;
    color: #577526;
}

.donation_tipping-description {
    font-size: 14px;
    color: #577526;
}

.donation_tipping-learnmore {
    font-size: 12px;
    color: #577526;
    text-decoration: underline;
    cursor: pointer;
}

.donation_tipping-learnmore-content {
    display: none;
    padding-top: 10px;
}

.donation_tipping-learnmore-content-inner {
    font-size: 14px;
    color: #577526;
}

.donation_tipping-select-container {
    padding-top: 10px;
}

.donation_tipping-select {
    height: 35px;
    width: 150px;
    color: #577526;
    border-color: #c5dfaa;
    padding-left: 7px;
    padding-right: 7px;
    box-sizing: border-box;
}

.donation_tipping-other-container {
    display: none;
    padding-top: 10px;
}

.donation_tipping-other-label {
    font-size: 14px;
    font-weight: bold;
    color: #577526;
    padding-bottom: 5px;
}

.donation_tipping-other-input-container {
    position: relative;
    width: 150px;
}

.donation_tipping-other-input {
    width: 150px;
    height: 35px;
    color: #577526;
    border-color: #c5dfaa;
    padding-left: 25px;
    padding-right: 10px;
    box-sizing: border-box;
}

.donation_tipping-other-dollar {
    position: absolute;
    left: 10px;
    top: 0;
    line-height: 35px;
    color: #577526;
    font-size: 14px;
    font-weight: bold;
}