/**
 * Styles controlling the look of Zuluru pages (primarily, colours).
 * These can easily be changed from site to site to match your branding.
 *
 * Almost everything here has .zuluru on the beginning. This is because we don't
 * want styles on general elements (e.g. fieldset, td, etc.) to change the look
 * of the rest of the site, just the Zuluru parts. But because of the cascade
 * rules, things with IDs are seen as being more specific than general classes.
 * Thus, even where we are really only defining a class that will be used internally
 * (e.g. .error-message), we need to make it more specific by putting .zuluru on
 * the beginning of the definition.
 */

/** General Style Info **/
body
{
        font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	background-color: #1d2b38;
	color: #ffffff;
}
.zuluru h1,
.zuluru h2,
.zuluru h3,
.zuluru h4,
.zuluru h5,
.zuluru h6,
.zuluru table.list th,
.zuluru table.table th,
.zuluru .navbar,
.zuluru .nav-link,
.zuluru .dropdown-menu,
.zuluru .breadcrumb
{
	font-family: 'Bebas Neue', sans-serif;
	letter-spacing: 0.05em;
}
#content
{
	background: #1d2b38;
	color: #ffffff;
}

/** Tables **/
.zuluru table.list
{
	border-color: #ccc;
}
.zuluru table.list th
{
	border-color:#555;
}
.zuluru table.list th,
.zuluru table.list th h1,
.zuluru table.list th h2,
.zuluru table.list th h3,
.zuluru table.list th h4,
.zuluru table.list th h5,
.zuluru table.list th h6
{
	color: #333;
	background: #e9ecef;
}
.zuluru table.list tr:nth-child(2n) td
{
	background: #f5f5f5;
}
.zuluru table td.inner-border
{
	border-top: 1px solid #ccc;
}

/** Forms **/
.zuluru optgroup option
{
	margin-left: 2em;
}

label {
	font-weight: normal;
}

div.required label.form-label, div.required label.col-form-label {
	font-weight: bold;
}

div.required label.form-label::after, div.required label.col-form-label::after {
	content: ' *';
	color: red;
}

/** Notices and Errors **/
.zuluru .error-message, .zuluru .field-usage-highlight
{
	color: red;
}
.zuluru .warning-message, .zuluru .highlight-message, .help-dialog .warning-message, .help-dialog .highlight-message
{
	color: #AA0000;
}
.zuluru .error-message, .zuluru .warning-message, .zuluru .highlight-message, .help-dialog .warning-message, .help-dialog .highlight-message
{
	font-weight: bold;
}
.zuluru p.error
{
	background-color: #e32;
	color: #fff;
}
.zuluru p.error em
{
	color: #000;
}
.zuluru .notice
{
	background: #ffcc00;
	color: #000;
}
.zuluru .success
{
	background: green;
	color: #fff;
}

.zuluru div.message
{
	border: 1px solid;
	margin: 10px 0;
	padding:15px 10px;
}
.zuluru #authMessage, .zuluru #SystemNotice, .zuluru div.info, .zuluru div.success, .zuluru div.warning, .zuluru div.error
{
	border: 1px solid;
	margin: 10px 0;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 125%;
}
.zuluru #authMessage, .zuluru #SystemNotice, .zuluru div.info
{
	border-color: #00529B;
	background-color: #BDE5F8;
	background-image: url('images/message/info.png');
}
.zuluru div.success
{
	color: black;
	border-color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('images/message/success.png');
}
.zuluru div.warning
{
	border-color: #9F6000;
	background-color: #FFFABF;
	background-image: url('images/message/warning.png');
}
.zuluru div.error
{
	border-color: #D8000C;
	background-color: #FFBABA;
	background-image: url('images/message/error.png');
}

/** Actions **/
.zuluru .actions a
{
	background: #e9ecef;
	color: #333;
	border-color: #ced4da;
	text-shadow: none;
	transition: background-color 0.15s ease;
}
.zuluru .actions a:hover
{
	background: #dee2e6;
}
.zuluru .actions .zuluru-in-place-widget-options a,
.zuluru .actions .zuluru-in-place-widget-options a:hover,
.zuluru .actions a.icon
{
	background: transparent;
	border: 0;
}

/** Debug email formatting **/
.alert-email
{
	font-family: serif;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #ffeeaa;
}

.alert-email pre
{
	font-family: serif;
	font-size: 100%;
	white-space: pre-wrap;
	word-wrap: break-word;
	border: 0;
	padding: 0 0 0 10px;
	background: inherit;
}

/** Miscellaneous **/
.zuluru tr.tier-highlight td, .zuluru tr:nth-child(2n) td.sub-total
{
	background-color: transparent !important;
}
.zuluru tr.tier-highlight:nth-child(2n) td, .zuluru .sub-total
{
	background-color: transparent !important;
}
.zuluru tr.unpublished td, .zuluru td.unpublished, .zuluru div.unpublished
{
	background-color: #ffff0033;
	height: auto;
}
.zuluru table.list tr.unpublished:nth-child(2n) td, .zuluru table.list tr:nth-child(2n) td.unpublished
{
	background-color: #ffff44;
}
.zuluru .winning
{
	background-color: rgba(0, 255, 0, 0.1) !important;
}
.zuluru .losing
{
	background-color: rgba(255, 0, 0, 0.1) !important;
}
.zuluru .free
{
	color: #4cff4c;
}
.zuluru .open
{
	color: #4cff4c;
}
.zuluru .closed
{
	color: #ff4c4c;
}
.zuluru td.price-point
{
	padding-left: 5em;
}

/* Hide registration help by default */
.zuluru .register-help {
	display: none;
}

/* Attendance styling. */
.zuluru .attending, .zuluru .attending a:link, .zuluru .attending a:visited
{
	color: #4cff4c;
}
.zuluru .absent, .zuluru .absent a:link, .zuluru .absent a:visited
{
	color: #ff4c4c;
}

/* Tooltip styling. By default the element to be styled is .ui-tooltip */
.ui-tooltip
{
	height: 166px;
	width: 320px;
	float: none;
	border: 0;
	max-width: inherit;
}

.ui-tooltip-content
{
	font-size: 11px;
	color: #000;
	height: 160px;
	overflow: auto;
}

/* Tournament bracket styling. */
.zuluru .round .winner a
{
	color: green;
}

.zuluru .round .loser a
{
	color: red;
}

/* Stat page styling. TODO: switch _ to - in class names, but they're in the database */
.zuluru .stat_games
{
}

.zuluru .stat_game
{
}

.zuluru .stat_total
{
	background-color: #fce5cd !important;
}

.zuluru .stat_per_game
{
	background-color: #cfe2f3 !important;
}

.zuluru .stat_season
{
	background-color: #d9ead3 !important;
}

/* Top banner selectors */
.session-options.zuluru-in-place-widget, .uls-trigger
{
	margin: 0 5px;
	cursor: pointer;
}

/* Photo upload styles */
#croppie-wrap
{
	height: 350px;
}

#croppie
{
	height: 300px;
	width: 300px;
}

#croppie-msg
{
	height: 300px;
	width: 300px;
	background: #ddd;
	border: 1px solid #333;
}

#croppie-msg p
{
	text-align: center;
	font-size: large;
}

.upload .step2
{
	display: none;
}

/* Add in some overrides of styles from jQueryUI */
.ui-widget-content a, .ui-tooltip-content a
{
	color: #4C5EA8;
	text-decoration: none;
}

/* Extra dropdown menu formatting */
.navbar .nav-link
{
	padding: 12px !important;
}
.navbar-light .navbar-nav a.nav-link.active
{
	background-color: #E7E7E7;
}
.dropdown-menu > li.dropdown-item > a
{
	font-weight: bold;
}

/* Add in some overrides of styles from Bootstrap */
.zuluru div.form-group.has-error ul
{
	color: #A94442;
}

.zuluru .panel-heading .accordion-toggle:before
{
	/* symbol for "opening" panels */
	font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
	content: "\e114"; /* adjust as needed, taken from bootstrap.css */
	color: grey; /* adjust as needed */
	padding-right: 0.5em;
}

.zuluru .panel-heading .accordion-toggle.collapsed:before
{
	/* symbol for "collapsed" panels */
	content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

.zuluru a.accordion-button
{
	color: inherit;
}

.zuluru .form-group.checkbox
{
	margin-top: -5px;
	margin-bottom: 5px;
	padding-top: 0px;
}

/* For the bulk refund table checklist */
.zuluru div.refund table.table .checkbox input[type="checkbox"]
{
	position: relative;
	margin-left: 0;
	margin-top: 10px;
}

.zuluru .form-group.time .form-control, .zuluru .form-group.date .form-control, .zuluru .form-group.datetime .form-control
{
	display: inline;
	width: auto;
}
/* Bebas Neue size adjustments */
.zuluru h1 { font-size: 2.5rem; }
.zuluru h2 { font-size: 2rem; }
.zuluru h3 { font-size: 1.75rem; }
.zuluru h4 { font-size: 1.5rem; }
.zuluru h5 { font-size: 1.25rem; }
.zuluru h6 { font-size: 1.1rem; }
.zuluru table.list th,
.zuluru table.table th
{
	font-size: 1.1rem;
}
.zuluru .navbar,
.zuluru .nav-link
{
	font-size: 1.2rem;
}
.zuluru .dropdown-menu
{
	font-size: 1.1rem;
}
.zuluru .breadcrumb
{
	font-size: 1.1rem;
}
/* Dark theme overrides */

/* Links */
.zuluru a,
.zuluru a:link,
.zuluru a:visited
{
	color: #f3f611;
}
.zuluru a:hover
{
	color: #ffff66;
}

/* Navbar */
.navbar,
.zuluru .navbar
{
	background-color: #f3f611 !important;
}
.zuluru .navbar .nav-link,
.zuluru .navbar .navbar-brand,
.zuluru .navbar .navbar-text,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav a.nav-link.active
{
	color: #1d2b38 !important;
	background-color: transparent;
}
.navbar-light .navbar-nav a.nav-link.active
{
	background-color: rgba(29, 43, 56, 0.1);
}
.zuluru .dropdown-menu
{
	background-color: #f3f611;
}
.zuluru .dropdown-menu a,
.dropdown-menu > li.dropdown-item > a
{
	color: #1d2b38 !important;
}
.zuluru .dropdown-menu a:hover,
.zuluru .dropdown-item:hover
{
	background-color: rgba(29, 43, 56, 0.15);
}
.zuluru .dropdown-item.active,
.zuluru .dropdown-item:active
{
	background-color: white;
	color: #1d2b38;
}

/* Table headers */
.zuluru table.list th,
.zuluru table.list th h1,
.zuluru table.list th h2,
.zuluru table.list th h3,
.zuluru table.list th h4,
.zuluru table.list th h5,
.zuluru table.list th h6
{
	color: #1d2b38;
	background: #f3f611;
}
.zuluru table.table th
{
	color: #1d2b38;
	background: #f3f611;
}

/* Table body */
.zuluru table.list
{
	border-color: #3a4f63;
}
.zuluru table.list tr:nth-child(2n) td
{
	background: rgba(255, 255, 255, 0.05);
}
.zuluru table td,
.zuluru table tr
{
	color: #ffffff;
}

/* Breadcrumb */
.zuluru .breadcrumb
{
	background-color: transparent;
	color: #ffffff;
}
.zuluru .breadcrumb a
{
	color: #f3f611;
}

/* Action buttons */
.zuluru .actions a
{
	background: rgba(243, 246, 17, 0.15);
	color: #f3f611;
	border-color: #f3f611;
}
.zuluru .actions a:hover
{
	background: rgba(243, 246, 17, 0.3);
}

/* Forms */
.zuluru .form-control,
.zuluru .form-select
{
	background-color: #2a3b4a;
	color: #ffffff;
	border-color: #3a4f63;
}
.zuluru .form-control:focus,
.zuluru .form-select:focus
{
	background-color: #344757;
	color: #ffffff;
	border-color: #f3f611;
}

/* Session options */
.session-options
{
	color: #ffffff;
}

/* Powered by footer */
.zuluru .small
{
	color: rgba(255, 255, 255, 0.6);
}
.zuluru .small a
{
	color: #f3f611;
}
/* Breadcrumb fix */
.zuluru .breadcrumb li,
.zuluru .breadcrumb li a,
.zuluru .breadcrumb-item + .breadcrumb-item::before
{
	color: #1d2b38;
}
/* Action button overhaul */
.zuluru .actions a
{
	background: #f3f611;
	color: #1d2b38;
	border: none;
	border-radius: 0;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 1.1rem;
	letter-spacing: 0.05em;
	text-shadow: none;
	transition: background-color 0.15s ease;
}
.zuluru .actions a:hover
{
	background: #d4d70f;
	color: #1d2b38;
}

/* Dropdown/context menu */
.zuluru-in-place-widget-options
{
	background: #1d2b38;
	border: 1px solid #f3f611;
	border-radius: 0;
}
.zuluru-in-place-widget-options div a
{
	color: #f3f611 !important;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 1.1rem;
	letter-spacing: 0.05em;
	padding: 4px 8px;
}
.zuluru-in-place-widget-options div:hover
{
	background-color: #2a3b4a;
}
/* Notice/info popup dark theme */
.zuluru #authMessage,
.zuluru #SystemNotice,
.zuluru div.info
{
	background-color: #1d2b38;
	border-color: #f3f611;
	background-image: none;
	color: #ffffff;
}
/* Remove all rounded corners from form elements */
.zuluru .form-control,
.zuluru .form-select,
.zuluru .btn,
.zuluru .input-group-text,
.zuluru .dropdown-menu,
.zuluru .alert,
.zuluru .badge,
.zuluru .card,
.zuluru .modal-content,
.zuluru .nav-pills .nav-link,
.zuluru .breadcrumb
{
	border-radius: 0 !important;
}
/* Flash error message styling */
.zuluru .alert-error,
.zuluru .alert-danger
{
	background-color: #1d2b38;
	border-color: #f3f611;
	color: #f3f611;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 1.2rem;
	letter-spacing: 0.05em;
}
.zuluru .alert-error .bi-exclamation-triangle-fill,
.zuluru .alert-danger .bi-exclamation-triangle-fill,
.zuluru .alert-error::before,
.zuluru .alert-danger::before
{
	color: #f3f611;
}
.zuluru .alert-error .btn-close,
.zuluru .alert-danger .btn-close
{
	filter: invert(1);
}
/* Primary/success buttons (green -> yellow) */
.zuluru .btn-success,
.zuluru .btn-primary
{
	background-color: #f3f611;
	border: none;
	color: #1d2b38;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 1.1rem;
	letter-spacing: 0.05em;
}
.zuluru .btn-success:hover,
.zuluru .btn-primary:hover,
.zuluru .btn-success:focus,
.zuluru .btn-primary:focus,
.zuluru .btn-success:active,
.zuluru .btn-primary:active
{
	background-color: #d4d70f;
	border: none;
	color: #1d2b38;
}

/* Secondary/default buttons (gray -> yellow outline) */
.zuluru .btn-secondary,
.zuluru .btn-default
{
	background-color: transparent;
	border: 1px solid #f3f611;
	color: #f3f611;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 1.1rem;
	letter-spacing: 0.05em;
}
.zuluru .btn-secondary:hover,
.zuluru .btn-default:hover,
.zuluru .btn-secondary:focus,
.zuluru .btn-default:focus,
.zuluru .btn-secondary:active,
.zuluru .btn-default:active
{
	background-color: rgba(243, 246, 17, 0.15);
	border: 1px solid #f3f611;
	color: #f3f611;
}
/* Accordion/card panels */
.zuluru .accordion,
.zuluru .accordion-item,
.zuluru .card,
.zuluru .panel
{
	border-radius: 0 !important;
	background-color: transparent;
	border: 1px solid #f3f611;
}
.zuluru .accordion-header,
.zuluru .accordion-button,
.zuluru .card-header,
.zuluru .panel-heading
{
	border-radius: 0 !important;
	background-color: transparent;
	border: none;
	color: #f3f611;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 1.2rem;
	letter-spacing: 0.05em;
}
.zuluru .accordion-button:not(.collapsed),
.zuluru .accordion-button:focus
{
	background-color: transparent;
	color: #f3f611;
	box-shadow: none;
}
.zuluru .accordion-button::after
{
	filter: invert(1) sepia(1) saturate(50) hue-rotate(15deg);
}
.zuluru .accordion-body,
.zuluru .card-body,
.zuluru .panel-body
{
	background-color: transparent;
	color: #ffffff;
}
.zuluru .accordion-collapse,
.zuluru .panel-collapse
{
	border-top: 1px solid #f3f611;
}
/* Warning/required field colors */
.zuluru .error-message,
.zuluru .field-usage-highlight,
.zuluru .warning-message,
.zuluru .highlight-message,
.help-dialog .warning-message,
.help-dialog .highlight-message,
div.required label.form-label::after,
div.required label.col-form-label::after
{
	color: #f3f611;
}
/* Remove light backgrounds from sortable/selectable list items */
.zuluru .ui-sortable li,
.zuluru .ui-sortable div,
.zuluru .selector li,
.zuluru .selector div,
.zuluru select option,
.zuluru .form-control option
{
	background-color: #1d2b38 !important;
	color: #ffffff;
}
/* Stats table dark theme */
.zuluru .stat_total
{
	background-color: rgba(255, 255, 255, 0.1) !important;
}
.zuluru .stat_per_game
{
	background-color: rgba(255, 255, 255, 0.05) !important;
}
.zuluru .stat_season
{
	background-color: rgba(255, 255, 255, 0.15) !important;
}

/* All table headers consistent yellow */
.zuluru table th,
.zuluru table.table th,
.zuluru table.tablesorter th
{
	color: #1d2b38 !important;
	background: #f3f611 !important;
}

/* Tablesorter dark theme overrides */
.tablesorter
{
	background-color: transparent !important;
	border-color: #3a4f63;
}
.tablesorter th,
.tablesorter td
{
	border-color: #3a4f63;
}
.tablesorter tbody td
{
	color: #ffffff;
}
/* Bootstrap icon styling */
.zuluru .bi
{
	color: #f3f611;
	vertical-align: middle;
}
.zuluru a.icon .bi
{
	transition: opacity 0.15s ease;
}
.zuluru a.icon:hover .bi
{
	opacity: 0.8;
}
.zuluru .bi
{
	font-size: 1.25em;
}

/* Caret dropdown icon dark color */
.zuluru .bi-caret-down-fill
{
	color: #1d2b38;
}
/* Caret inherits color when inside icon links */
.zuluru a.icon .bi-caret-down-fill
{
	color: inherit !important;
}
/* Disable tooltip yellow background on icon hover */
.zuluru a.icon:hover
{
	background: transparent;
}
/* Tournament bracket dark theme */
.zuluru .round .winner a
{
	color: #f3f611;
}
.zuluru .round .loser a
{
	color: #ffffff;
}
.zuluru .round .details a
{
	color: #ffffff;
}
.zuluru .round .score
{
	font-weight: bold;
}
.ui-tooltip
{
	display: none !important;
}
.zuluru .alert
{
	background-color: transparent;
	border-color: #f3f611;
	color: #f3f611;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 1.2rem;
	letter-spacing: 0.05em;
}
.zuluru .alert .btn-close
{
	filter: invert(1);
}