@charset "UTF-8";
/*:::: (3) GLOBAL STYLES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&family=Oswald:wght@200..700&family=Spinnaker&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Teko:wght@300..700&family=Syncopate&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, container {
  display: block;
  box-sizing: border-box;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0;
  }
}
/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%;
  }
  .column,
  .columns {
    margin-left: 4%;
  }
  .column:first-child,
  .columns:first-child {
    margin-left: 0;
  }
  .one.column,
  .one.columns {
    width: 4.6666666667%;
  }
  .two.columns {
    width: 13.3333333333%;
  }
  .three.columns {
    width: 22%;
  }
  .four.columns {
    width: 30.6666666667%;
  }
  .five.columns {
    width: 39.3333333333%;
  }
  .six.columns {
    width: 48%;
  }
  .seven.columns {
    width: 56.6666666667%;
  }
  .eight.columns {
    width: 65.3333333333%;
  }
  .nine.columns {
    width: 74%;
  }
  .ten.columns {
    width: 82.6666666667%;
  }
  .eleven.columns {
    width: 91.3333333333%;
  }
  .twelve.columns {
    width: 100%;
    margin-left: 0;
  }
  .one-third.column {
    width: 30.6666666667%;
  }
  .two-thirds.column {
    width: 65.3333333333%;
  }
  .one-half.column {
    width: 48%;
  }
  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns {
    margin-left: 8.6666666667%;
  }
  .offset-by-two.column,
  .offset-by-two.columns {
    margin-left: 17.3333333333%;
  }
  .offset-by-three.column,
  .offset-by-three.columns {
    margin-left: 26%;
  }
  .offset-by-four.column,
  .offset-by-four.columns {
    margin-left: 34.6666666667%;
  }
  .offset-by-five.column,
  .offset-by-five.columns {
    margin-left: 43.3333333333%;
  }
  .offset-by-six.column,
  .offset-by-six.columns {
    margin-left: 52%;
  }
  .offset-by-seven.column,
  .offset-by-seven.columns {
    margin-left: 60.6666666667%;
  }
  .offset-by-eight.column,
  .offset-by-eight.columns {
    margin-left: 69.3333333333%;
  }
  .offset-by-nine.column,
  .offset-by-nine.columns {
    margin-left: 78%;
  }
  .offset-by-ten.column,
  .offset-by-ten.columns {
    margin-left: 86.6666666667%;
  }
  .offset-by-eleven.column,
  .offset-by-eleven.columns {
    margin-left: 95.3333333333%;
  }
  .offset-by-one-third.column,
  .offset-by-one-third.columns {
    margin-left: 34.6666666667%;
  }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns {
    margin-left: 69.3333333333%;
  }
  .offset-by-one-half.column,
  .offset-by-one-half.columns {
    margin-left: 52%;
  }
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%;
}

body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
}

h1 {
  font-size: 4rem;
  line-height: 1.2;
  letter-spacing: -0.1rem;
}

h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -0.1rem;
}

h3 {
  font-size: 3rem;
  line-height: 1.3;
  letter-spacing: -0.1rem;
}

h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -0.08rem;
}

h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -0.05rem;
}

h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
}

/* Larger than phablet */
@media (min-width: 550px) {
  h1 {
    font-size: 5rem;
  }
  h2 {
    font-size: 4.2rem;
  }
  h3 {
    font-size: 3.6rem;
  }
  h4 {
    font-size: 3rem;
  }
  h5 {
    font-size: 2.4rem;
  }
  h6 {
    font-size: 1.5rem;
  }
}
p {
  margin-top: 0;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB;
}

a:hover {
  color: #0FA0CE;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type=submit],
input[type=reset],
input[type=button] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;
}

.button:hover,
button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
.button:focus,
button:focus,
input[type=submit]:focus,
input[type=reset]:focus,
input[type=button]:focus {
  color: #333;
  border-color: #888;
  outline: 0;
}

.button.button-primary,
button.button-primary,
input[type=submit].button-primary,
input[type=reset].button-primary,
input[type=button].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0;
}

.button.button-primary:hover,
button.button-primary:hover,
input[type=submit].button-primary:hover,
input[type=reset].button-primary:hover,
input[type=button].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type=submit].button-primary:focus,
input[type=reset].button-primary:focus,
input[type=button].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB;
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
}

/* Removes awkward default styles on some inputs for iOS */
input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
}

input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0;
}

label,
legend {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

fieldset {
  padding: 0;
  border-width: 0;
}

input[type=checkbox],
input[type=radio] {
  display: inline;
}

label > .label-body {
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: normal;
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside;
}

ol {
  list-style: decimal inside;
}

ol, ul {
  padding-left: 0;
  margin-top: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}

li {
  margin-bottom: 1rem;
}

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: 0.2rem 0.5rem;
  margin: 0 0.2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1;
}

th:first-child,
td:first-child {
  padding-left: 0;
}

th:last-child,
td:last-child {
  padding-right: 0;
}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem;
}

input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem;
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem;
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box;
}

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box;
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1;
}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
/* Larger than phablet (also point when grid becomes active) */
/* Larger than tablet */
/* Larger than desktop */
/* Larger than Desktop HD */
.blue {
  color: #546a7a;
}

.blue2 {
  color: #313b49;
}

.blue3 {
  color: #495A6B;
}

.blue_dark {
  color: #272F38;
}

.blue_dark2 {
  color: #2F3943;
}

.blue_light {
  color: #72889F;
}

.blue_light2 {
  color: rgba(114, 136, 159, 0.25);
}

.blue_light3 {
  color: rgb(162, 191, 224);
}

.tan {
  color: #cbc7ba;
}

.olive {
  color: #a3b35b;
}

.green {
  color: #a3b35b;
}

.olive {
  color: rgba(163, 179, 91, 0.325);
}

.olive2 {
  color: #B7AD64;
}

.lime {
  color: #8cb247;
}

.lime_trans {
  color: rgba(140, 178, 71, 0.2);
}

.off-white {
  color: #f1f2f6;
}

.red {
  color: #791a17;
}

.red2 {
  color: #991a17;
}

.red2_light {
  color: rgba(153, 26, 23, 0.25);
}

.gray {
  color: #707070;
}

.gray2 {
  color: rgba(84, 106, 123, 0.38);
}

.gray3 {
  color: rgba(84, 106, 123, 0.175);
}

.gray4 {
  color: rgba(84, 106, 123, 0.175);
}

.gray_trans {
  color: rgba(84, 106, 123, 0.05);
}

.input_border {
  color: #D1D1D1;
}

.white {
  color: #FFFFFF;
}

.text {
  color: #333333;
}

.black {
  color: #000000;
}

.nav {
  color: #ecede9;
}

/* SCSS Gradient */
/*
	$minute:		.75rem;		// 12px
	$ittybitty:		.8125rem;	// 13px
	$tiny:			875rem;		// 14px
	$smaller:		.9375rem;	// 15px
	$small:			1rem;		// 16px
	$default:		1.125rem;	// 18px
	$large:			1.5rem;		// 24px
	$larger:		2rem;		// 32px
	$xlarge:		2.5rem;		// 40px
	$x2large:		3rem;		// 48px
	$x3large:		3.5rem;		// 56px
*/
.question {
  color: #3F7188;
  color: #791a17;
  font-weight: 700;
}

.question2 {
  font-weight: 700;
  font-size: 1.25rem;
  background-color: rgb(200, 25, 25);
  padding: 2.25vh 4rem 2vh 7rem;
  color: #FFFFFF;
  position: relative;
  border-radius: 5px;
}
.question2:before {
  content: "?";
  font-size: 2rem;
  position: absolute;
  left: 1vw;
  padding: 0 0.5rem;
  margin: 0 0.5rem;
  border: 2px solid #FFFFFF;
}

/*
.trans {
	// parallax shrink and sticky header on scroll
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.trans_slow {
	// parallax shrink and sticky header on scroll
	-webkit-transition: all .75s ease-in-out;
	-moz-transition: all .75s ease-in-out;
	-o-transition: all .75s ease-in-out;
	transition: all .75s ease-in-out;
}
.trans_medium {
	// parallax shrink and sticky header on scroll
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.trans_fast {
	// parallax shrink and sticky header on scroll
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

*/
/*
@mixin flexbox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;

    >* {
        ul {
            padding-top: 0;
            margin-top: 0;
        }
    }
}
*/
/* 
	$font-____:					'Barlow Condensed', sans-serif;
	$font-____:					'Titillium Web', sans-serif;
	$font-____:					'Roboto', sans-serif;
	$font-____:					'Roboto Condensed', sans-serif;
	$font-____:					'Oswald', sans-serif;
	$font-____:					'Teko', sans-serif;
	$font-____:					'Sarabun', sans-serif;

.spinnaker-regular {
  font-family: "Spinnaker", sans-serif;
  font-weight: 400;
  font-style: normal;
}

 */
i {
  font-family: "Font Awesome 5 Pro";
}

.test_fonts {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
}
.test_fonts > li {
  padding: 0;
  margin: 0;
}
.test_fonts div > h4:first-of-type {
  border-bottom: 1px solid #333333;
  margin-bottom: 0.5rem;
}
.test_fonts div:nth-of-type(1) > h4:first-of-type:after {
  content: " Weight";
  font-family: "Titillium Web", sans-serif;
  line-height: 1.2;
  display: block;
}
.test_fonts div:nth-of-type(2) > h4:first-of-type:after {
  content: " Cabin Condensed";
  font-family: "Titillium Web", sans-serif;
  line-height: 1.2;
  display: block;
}
.test_fonts div:nth-of-type(3) > h4:first-of-type:after {
  content: " Cabin";
  font-family: "Open Sans", sans-serif;
  line-height: 1.2;
  display: block;
}
.test_fonts div:nth-of-type(4) > h4:first-of-type:after {
  content: " Titillium";
  font-family: "Open Sans", sans-serif;
  line-height: 1.2;
  display: block;
}
.test_fonts div:nth-of-type(5) > h4:first-of-type:after {
  content: "Titillium Web";
  font-family: "Titillium Web", sans-serif;
  line-height: 1.2;
  display: block;
}
.test_fonts div:nth-of-type(6) > h4:first-of-type:after {
  content: "Roboto";
  font-family: "Roboto", sans-serif;
  line-height: 1.2;
  display: block;
}
.test_fonts div:nth-of-type(7) > h4:first-of-type:after {
  content: "Roboto Condensed";
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.2;
  display: block;
}
.test_fonts div:nth-of-type(8) > h4:first-of-type:after {
  content: "Oswald";
  font-family: "Oswald", sans-serif;
  line-height: 1.2;
  display: block;
}
.test_fonts div:nth-of-type(9) > h4:first-of-type:after {
  content: "Teko";
  font-family: "Teko", sans-serif;
  line-height: 1.2;
  display: block;
}
.test_fonts div:nth-of-type(10) > h4:first-of-type:after {
  content: "Sarabun";
  font-family: "Sarabun", sans-serif;
  line-height: 1.2;
  display: block;
}
.test_fonts div:nth-of-type(11) > h4:first-of-type:after {
  content: "Spinnaker";
  font-family: "Spinnaker", sans-serif;
  line-height: 1.2;
  display: block;
}
.test_fonts div:nth-of-type(12) > h4:first-of-type:after {
  content: "Spinnaker";
  font-family: "Titillium Web", sans-serif;
  line-height: 1.2;
  display: block;
}
.test_fonts div {
  font-size: 1.25rem;
  line-height: 1.4;
  color: #444;
  padding: 0.125rem 0;
  margin: 0;
}
.test_fonts div:nth-of-type(1) div {
  font-family: "Titillium Web", sans-serif;
}
.test_fonts div:nth-of-type(2) div {
  font-family: "Titillium Web", sans-serif;
}
.test_fonts div:nth-of-type(3) div {
  font-family: "Open Sans", sans-serif;
}
.test_fonts div:nth-of-type(4) div {
  font-family: "Titillium Web", sans-serif;
}
.test_fonts div:nth-of-type(5) div {
  font-family: "Roboto", sans-serif;
}
.test_fonts div:nth-of-type(6) div {
  font-family: "Roboto Condensed", sans-serif;
}
.test_fonts div:nth-of-type(7) div {
  font-family: "Oswald", sans-serif;
}
.test_fonts div:nth-of-type(8) div {
  font-family: "Teko", sans-serif;
}
.test_fonts div:nth-of-type(9) div {
  font-family: "Sarabun", sans-serif;
}
.test_fonts div:nth-of-type(1) {
  font-weight: 100;
}
.test_fonts div:nth-of-type(2) {
  font-weight: 200;
}
.test_fonts div:nth-of-type(3) {
  font-weight: 300;
}
.test_fonts div:nth-of-type(4) {
  font-weight: 400;
}
.test_fonts div:nth-of-type(5) {
  font-weight: 500;
}
.test_fonts div:nth-of-type(6) {
  font-weight: 600;
}
.test_fonts div:nth-of-type(7) {
  font-weight: 700;
}

.test_fonts.headings {
  flex-wrap: wrap;
}
.test_fonts.headings > div {
  margin-bottom: 2rem;
}
.test_fonts.headings > div h1, .test_fonts.headings > div h2, .test_fonts.headings > div h3, .test_fonts.headings > div h4, .test_fonts.headings > div h5, .test_fonts.headings > div h6 {
  padding: 0 0 0 3rem;
  margin: 0;
  width: 100%;
}
.test_fonts.headings > div h1 {
  border-bottom: 0px solid;
}
.test_fonts.headings div {
  font-size: 1.25rem;
  line-height: 1.4;
  color: #444;
  padding: 0.125rem 0;
  margin: 0;
  /* 
  &:first-of-type {
  	h1::before{
  		content: "h1";
  		display: inline-block;
  		// position: absolute;
  		margin-left: -3rem;
  		width: 3rem;
  		font-size: 1.25rem;
  	}
  	h2::before{
  		content: "h2";
  		display: inline-block;
  		// position: absolute;
  		margin-left: -3rem;
  		width: 3rem;
  		font-size: 1.25rem;
  	}
  	h3::before{
  		content: "h3";
  		display: inline-block;
  		// position: absolute;
  		margin-left: -3rem;
  		width: 3rem;
  		font-size: 1.25rem;
  	}
  	h4:nth-of-type(2):before{
  		content: "h4";
  		display: inline-block;
  		// position: absolute;
  		margin-left: -3rem;
  		width: 3rem;
  		font-size: 1.25rem;
  	}
  	h5::before{
  		content: "h5";
  		display: inline-block;
  		// position: absolute;
  		margin-left: -3rem;
  		width: 3rem;
  		font-size: 1.25rem;
  	}
  	h6::before{
  		content: "h6";
  		display: inline-block;
  		// position: absolute;
  		margin-left: -3rem;
  		width: 3rem;
  		font-size: 1.25rem;
  	}		
  	} */
}
.test_fonts.headings div:nth-of-type(1) h1, .test_fonts.headings div:nth-of-type(1) h2, .test_fonts.headings div:nth-of-type(1) h3, .test_fonts.headings div:nth-of-type(1) h4, .test_fonts.headings div:nth-of-type(1) h5, .test_fonts.headings div:nth-of-type(1) h6 {
  font-family: "Titillium Web", sans-serif;
}
.test_fonts.headings div:nth-of-type(2) h1, .test_fonts.headings div:nth-of-type(2) h2, .test_fonts.headings div:nth-of-type(2) h3, .test_fonts.headings div:nth-of-type(2) h4, .test_fonts.headings div:nth-of-type(2) h5, .test_fonts.headings div:nth-of-type(2) h6 {
  font-family: "Titillium Web", sans-serif;
}
.test_fonts.headings div:nth-of-type(3) h1, .test_fonts.headings div:nth-of-type(3) h2, .test_fonts.headings div:nth-of-type(3) h3, .test_fonts.headings div:nth-of-type(3) h4, .test_fonts.headings div:nth-of-type(3) h5, .test_fonts.headings div:nth-of-type(3) h6 {
  font-family: "Open Sans", sans-serif;
}
.test_fonts.headings div:nth-of-type(4) h1, .test_fonts.headings div:nth-of-type(4) h2, .test_fonts.headings div:nth-of-type(4) h3, .test_fonts.headings div:nth-of-type(4) h4, .test_fonts.headings div:nth-of-type(4) h5, .test_fonts.headings div:nth-of-type(4) h6 {
  font-family: "Titillium Web", sans-serif;
}
.test_fonts.headings div:nth-of-type(5) h1, .test_fonts.headings div:nth-of-type(5) h2, .test_fonts.headings div:nth-of-type(5) h3, .test_fonts.headings div:nth-of-type(5) h4, .test_fonts.headings div:nth-of-type(5) h5, .test_fonts.headings div:nth-of-type(5) h6 {
  font-family: "Roboto", sans-serif;
}
.test_fonts.headings div:nth-of-type(6) h1, .test_fonts.headings div:nth-of-type(6) h2, .test_fonts.headings div:nth-of-type(6) h3, .test_fonts.headings div:nth-of-type(6) h4, .test_fonts.headings div:nth-of-type(6) h5, .test_fonts.headings div:nth-of-type(6) h6 {
  font-family: "Roboto Condensed", sans-serif;
}
.test_fonts.headings div:nth-of-type(7) h1, .test_fonts.headings div:nth-of-type(7) h2, .test_fonts.headings div:nth-of-type(7) h3, .test_fonts.headings div:nth-of-type(7) h4, .test_fonts.headings div:nth-of-type(7) h5, .test_fonts.headings div:nth-of-type(7) h6 {
  font-family: "Oswald", sans-serif;
}
.test_fonts.headings div:nth-of-type(8) h1, .test_fonts.headings div:nth-of-type(8) h2, .test_fonts.headings div:nth-of-type(8) h3, .test_fonts.headings div:nth-of-type(8) h4, .test_fonts.headings div:nth-of-type(8) h5, .test_fonts.headings div:nth-of-type(8) h6 {
  font-family: "Teko", sans-serif;
}
.test_fonts.headings div:nth-of-type(9) h1, .test_fonts.headings div:nth-of-type(9) h2, .test_fonts.headings div:nth-of-type(9) h3, .test_fonts.headings div:nth-of-type(9) h4, .test_fonts.headings div:nth-of-type(9) h5, .test_fonts.headings div:nth-of-type(9) h6 {
  font-family: "Sarabun", sans-serif;
}

html {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.025rem;
  color: #333333;
}
@media screen and (min-width: 600px) {
  html {
    font-size: 16px;
  }
}

body {
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.025rem;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ittybitty {
  font-size: 0.75rem;
}

.tiny {
  font-size: 0.8125rem;
}

.smaller {
  font-size: 0.875rem;
}

.small {
  font-size: 0.9375rem;
}

.default {
  font-size: 1rem;
}

.large {
  font-size: 1.25rem;
}

.larger {
  font-size: 1.5rem;
}

.xlarge {
  font-size: 2rem;
}

.x2large {
  font-size: 2.5rem;
}

.x3large {
  font-size: 3rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  letter-spacing: 0.025rem;
  line-height: 1.4;
  color: #000000;
  margin: 1.5rem 0 0.5rem;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
  border-bottom: 0;
}
h1.admin_note, h2.admin_note, h3.admin_note, h4.admin_note, h5.admin_note, h6.admin_note {
  color: #791a17;
}
h1.admin_note span, h2.admin_note span, h3.admin_note span, h4.admin_note span, h5.admin_note span, h6.admin_note span {
  color: #333333;
  text-transform: uppercase;
}

h1 {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-size: 3rem;
  text-transform: uppercase;
  line-height: 1.4;
  color: #333333;
  line-height: 1;
  margin-bottom: 0.875rem;
}
@media screen and (min-width: 600px) {
  h1 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}
h1 span:first-of-type {
  font-size: 1.125rem;
  display: block;
  color: rgba(84, 106, 123, 0.38);
  line-height: 1;
  font-weight: 500;
}
h1 span:nth-of-type(2) {
  color: #333333;
  font-weight: 300;
}
h1 span.reg_date {
  font-size: 1rem;
  font-weight: 300;
  padding-left: 2rem;
}
h1.leadership {
  width: auto;
}

.support h1 span:first-of-type {
  font-size: 1.125rem;
  display: block;
  color: #72889F;
  line-height: 1;
  font-weight: 500;
}

h2 {
  font-size: 2.5rem;
  width: 100%;
}
h2.leaderboard {
  width: auto;
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  text-transform: uppercase;
  line-height: 1.4;
  color: #791a17;
  line-height: 1;
  margin-bottom: 2rem;
}
@media screen and (min-width: 600px) {
  h2.leaderboard {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  h2.leaderboard {
    font-size: 2rem;
  }
}
h2.leaderboard span:first-of-type {
  color: #333333;
  line-height: 1;
  font-weight: 500;
}
h2.leaderboard span:nth-of-type(2) {
  color: #333333;
  font-weight: 300;
}
h2.leaderboard span.reg_date {
  font-size: 1rem;
  font-weight: 300;
  padding-left: 2rem;
}

h1 + h2 {
  margin-bottom: 1rem;
}

h1:has(+ h2) {
  margin-bottom: 0.125rem;
  border-bottom: 1px solid #707070;
}

h3 {
  font-size: 2rem;
  width: 100%;
}
h3 span.pre_title {
  display: block;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1;
  color: #333333;
  font-family: "Barlow Condensed", sans-serif;
  margin-bottom: -0.25rem;
}

h4 {
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #791a17;
  padding-bottom: 1rem;
  padding-bottom: 0;
}
h4 span.results_class {
  font-weight: 600;
  color: #333333;
}
h4 span.pre_title {
  display: block;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1;
  color: #333333;
  font-family: "Barlow Condensed", sans-serif;
  margin-bottom: -0.25rem;
}
h4.inactive {
  color: #707070;
  margin-bottom: -1rem;
  padding-bottom: 0;
  flex-basis: 100%;
}
h4.lbclass {
  padding-bottom: 0;
  margin-bottom: 0;
}
h4.lbclass span {
  font-weight: 600;
  color: #333333;
}
h4.top5 span {
  display: block;
  font-weight: 600;
  color: #333333;
  font-size: 1rem;
}

.match_schedule h4 {
  padding-bottom: 0;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

code {
  display: block;
}

pre {
  white-space: pre-wrap;
}

strong {
  font-weight: 700;
  color: #000000;
}

p {
  font-size: 1rem;
  line-height: 1.6;
  padding: 0.25rem 0 0.75rem;
  margin-bottom: 0;
}
@media screen and (min-width: 600px) {
  p {
    line-height: 1.5;
  }
}
@media screen and (min-width: 600px) {
  .two_col {
    -moz-columns: 2;
    columns: 2;
    vertical-align: top; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
  }
  .two_col_hard {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    /*&::after { // fixes the gap if only 2 in last row
    	content: "";
    	flex: auto;
    }*/
  }
  .two_col_hard > li {
    padding: 0;
    margin: 0;
  }
  .two_col_hard > * {
    flex-basis: 47%;
  }
  ul.two_col_hard {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    /*&::after { // fixes the gap if only 2 in last row
    	content: "";
    	flex: auto;
    }*/
  }
  ul.two_col_hard > li {
    padding: 0;
    margin: 0;
  }
  ul.two_col_hard > * {
    flex-basis: 50%;
    margin: 1rem 4rem 2rem 3rem;
  }
}
ol {
  margin-left: 0.5rem;
}
ol li {
  list-style-position: initial;
  margin-left: 1.125rem;
}
ol li::marker {
  font-weight: bold;
  color: #546a7a;
}
ol li ol {
  list-style: upper-alpha;
  padding: 0.5rem 0 0 0.5rem;
  font-size: 1rem;
}
ol li ol ol {
  list-style: upper-roman;
  font-size: 1rem;
}
ol li ul {
  padding: 0.5rem 0 0 0.5rem;
  font-size: 1rem;
}

ul {
  padding: 0.25rem 0 0.5rem;
}
ul li {
  margin-left: 2rem;
  margin-bottom: 0;
  padding: 0.25rem 0.75rem 0.5rem 0.5rem;
  line-height: 1.4;
  font-size: 1rem;
  list-style: disc;
}
ul.bulleted {
  padding-bottom: 1rem;
}
ul.bulleted li {
  list-style: none;
  margin-left: 0;
}
ul.bulleted li:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  color: #791a17;
  color: #707070;
  padding-right: 1rem;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 0.5rem;
  vertical-align: baseline;
}
ul.checks {
  padding-bottom: 1rem;
}
ul.checks li {
  list-style: none;
  margin-left: 0;
}
ul.checks li:before {
  content: "\f14a";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  color: #791a17;
  padding-right: 1rem;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: baseline;
}
@media screen and (min-width: 600px) {
  ul.bulleted_two_col { /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
  }
  ul.bulleted_two_col li {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    /*&::after { // fixes the gap if only 2 in last row
    	content: "";
    	flex: auto;
    }*/
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
  }
  ul.bulleted_two_col li > li {
    padding: 0;
    margin: 0;
  }
}
ol ol, ol ul, ul ol, ul ul {
  margin: 0;
}

/*
hr { 
    // 18 options:  https://css-tricks.com/examples/hrs/
    // really cool: https://www.formget.com/css-hr/
    border:none;
    height: 20px;
    width: 90%;
    height: 50px;
    margin-top: 0;
    border-bottom: 1px solid #1f1209;
    box-shadow: 0 20px 20px -20px #333;
    //margin: -20px auto 30px;    
    margin: 0px auto 60px;    
}
*/
hr {
  border: none;
  height: 0;
  width: 100%;
  border-bottom: 1px solid #cbc7ba;
  margin: 1.75rem auto 1.75rem;
  position: relative;
}
hr#system-readmore {
  border: 0;
  height: 0;
  margin: 0;
}
a {
  color: #a3b35b;
  text-decoration: none;
  border: 0;
  outline: none;
  transition: all 0.125s ease-in-out;
}
a:hover {
  cursor: pointer;
  color: #B7AD64;
}
a:visited:hover {
  cursor: pointer;
  color: #B7AD64;
}

p.drop:first-letter {
  font-family: "Roboto", sans-serif;
  font-size: 5.5rem;
  float: left;
  line-height: 0.6; /* from 1 */
  margin-right: 0.075em;
}

.nowrap {
  white-space: nowrap;
}

.more {
  font-family: "Titillium Web", sans-serif;
  color: #791a17;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.03rem;
  transition: all 0.125s ease-in-out;
}
.more span:after {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  font-size: 1.5rem;
  padding-left: 0.5rem;
  text-align: right;
  font-weight: 100;
  padding-right: 40%;
  transition: all 0.125s ease-in-out;
}
.more:hover {
  letter-spacing: 0.1rem;
  text-shadow: 0 0 35px rgba(0, 0, 0, 0.7);
}
.more:hover span:after {
  text-shadow: 0 0 35px rgba(0, 0, 0, 0.7);
  padding-right: 0;
}

.error {
  font-weight: 700;
}

.season_date_range {
  flex-basis: 100%;
  font-size: 0.875rem;
  color: rgba(84, 106, 123, 0.38);
  font-style: italic;
  margin-top: -0.875rem;
  margin-bottom: 2rem;
}

div.step {
  width: 4.25rem;
  height: 4.25rem;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  padding: 0.75rem 1rem 0.5rem;
  margin-right: 1rem;
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 5px #333333;
  background-color: #333333;
  color: #FFFFFF;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
}
div.step span {
  font-size: 0.8125rem;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1;
  display: block;
}

h1.step {
  display: inline-block;
  margin-bottom: 2rem;
}

.tip {
  font-size: 0.8125rem;
  font-style: italic;
  color: #a3b35b;
  line-height: 1.2;
  display: block;
  padding-right: 25%;
}

.alert {
  font-size: 0.8125rem;
  font-style: italic;
  color: #791a17;
  line-height: 1;
  display: block;
  padding-bottom: 1rem;
}
.alert.green {
  color: green;
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 1.3;
}

.dec {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
  color: #546a7a;
}

.line_thru {
  text-transform: uppercase;
  font-family: "Titillium Web", sans-serif;
  padding-top: 1rem;
  display: block;
  text-align: center;
}

.line_thru span:nth-of-type(1) {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  height: 1px;
  background: #707070;
  background: linear-gradient(to right, rgba(0, 255, 0, 0), #707070);
}

.line_thru span:nth-of-type(2) {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem;
  height: 1px;
  background: #707070;
  background: linear-gradient(to left, rgba(0, 255, 0, 0), #707070);
}

.line_thru span:nth-of-type(1),
.line_thru span:nth-of-type(2) {
  width: 15%;
}
@media screen and (min-width: 600px) {
  .line_thru span:nth-of-type(1),
  .line_thru span:nth-of-type(2) {
    width: 30%;
  }
}
@media screen and (min-width: 1000px) {
  .line_thru span:nth-of-type(1),
  .line_thru span:nth-of-type(2) {
    width: 35%;
  }
}
.lbl_m_number {
  font-size: 0.8125rem;
  text-transform: uppercase;
  color: rgba(84, 106, 123, 0.38);
}

span.edit_icon:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f044";
  display: inline-block;
  font-size: 1rem;
}

span.save_icon:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0c7";
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1;
}

.support_icon:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f059";
  display: inline-block;
  font-size: 1.25rem;
  color: #72889F;
  margin-right: 0.5rem;
}

.add_user_icon:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f055";
  display: inline-block;
  color: #FFFFFF;
  margin-right: 0.25rem;
  font-weight: 400;
}

.alert:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f06a";
  display: inline-block;
  margin-right: 0.25rem;
  font-weight: 400;
  color: #791a17;
}

.alert.green:before {
  color: green;
}

.tip:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f05a";
  content: "\f671";
  display: inline-block;
  margin-right: 0.25rem;
  font-weight: 400;
  color: #a3b35b;
  font-style: normal;
  font-size: 1.5rem;
  float: left;
  padding-right: 0.25rem;
}

.text_button {
  color: #FFFFFF;
  background-color: #a3b35b;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
}

body.catid-10.id-46 .page-header h1[itemprop=headline],
body.catid-10.id-46 div[itemprop=articleBody], body.catid-10.id-47 .page-header h1[itemprop=headline],
body.catid-10.id-47 div[itemprop=articleBody], body.catid-10.id-48 .page-header h1[itemprop=headline],
body.catid-10.id-48 div[itemprop=articleBody], body.catid-10.id-49 .page-header h1[itemprop=headline],
body.catid-10.id-49 div[itemprop=articleBody], body.catid-10.id-50 .page-header h1[itemprop=headline],
body.catid-10.id-50 div[itemprop=articleBody] {
  text-align: center;
}

button.file_download i {
  color: #a3b35b;
  font-weight: 700;
  font-size: 1.25rem;
  vertical-align: sub;
}

.button {
  -webkit-appearance: none;
  border-radius: 3px;
  cursor: pointer;
  display: table;
  font-family: "Open Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: 0.025rem;
  line-height: 1.2;
  margin: 1rem 0;
  outline: 0;
  padding: 0.25rem 2rem 0.1875rem;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.125s ease-in-out;
}
.button.blue {
  border: 2px solid #546a7a;
  color: #546a7a;
  background-color: rgba(255, 255, 255, 0.2);
}
.button.blue:hover, .button.blue:focus {
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px solid #546a7a;
  color: #546a7a;
}
.button.ghost {
  color: #FFFFFF;
  background-color: #404040 !important;
  border-radius: 0.1875rem;
  font-size: 1rem;
  letter-spacing: 0.075rem;
  font-family: "Titillium Web", sans-serif;
}
.button.ghost:hover, .button.ghost:focus {
  color: #FFFFFF;
  background-color: #303030 !important;
  box-shadow: 0px 0px 8px 2px rgba(140, 178, 71, 0.2);
  border: 1px solid #404040;
}
.button.ghost.current {
  background-color: #a3b35b !important;
  color: #333333 !important;
}
.button.ghost.current span {
  color: #495A6B !important;
}
.button.inactive, .button.ghost.inactive {
  background-color: #cbc7ba !important;
}
.button.cancel {
  color: #707070;
  background-color: rgba(0, 0, 0, 0) !important;
  font-size: 0.875rem;
  border: 0px solid rgba(0, 0, 0, 0);
  padding: 0.125rem 2rem 0.125rem;
  font-family: "Open Sans", sans-serif;
  box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0);
  text-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.4);
  line-height: 1;
  margin: 0;
}
.button.cancel:hover, .button.cancel:focus {
  background-color: rgba(0, 0, 0, 0) !important;
  border-color: rgba(0, 0, 0, 0);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0);
  color: #791a17;
  box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0);
}
.button.green {
  color: #FFFFFF;
  background-color: #a3b35b !important;
  font-size: 0.9375rem;
  border: 0px solid;
  padding: 0.125rem 2rem 0.125rem;
  font-family: "Open Sans", sans-serif;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0);
  text-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
}
.button.green:hover, .button.green:focus {
  background-color: #8cb247 !important;
  filter: saturate(150%);
  color: #FFFFFF;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.2);
  border: 0;
}
.button.n50 {
  color: #333333;
  background-color: rgba(84, 106, 123, 0.175) !important;
  font-size: 0.875rem !important;
  border: 0px solid;
  padding: 4px 30px 0 30px !important;
  font-family: "Titillium Web", sans-serif;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0);
  text-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
}
.button.n50:hover, .button.n50:focus {
  background-color: #546a7a !important;
  filter: saturate(150%);
  color: #FFFFFF;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.2);
  border: 0;
}
.button.red {
  color: #FFFFFF;
  background-color: #791a17 !important;
  border-radius: 0.1875rem;
  font-size: 1rem;
  letter-spacing: 0.075rem;
  font-family: "Titillium Web", sans-serif;
  margin: 0 0 2rem;
  align-self: baseline;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0);
}
.button.red:hover, .button.red:focus {
  background-color: rgba(255, 255, 255, 0.2);
  background-color: #991a17 !important;
  color: #72889F;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.2);
}
.button.small {
  font-size: 0.8125rem;
  padding: 0.5rem 1.5rem 0.4125rem;
  margin: 0;
}
.button.promo {
  border: 2px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
}
.button.promo:hover, .button.promo:focus {
  border: 2px solid #f1f2f6;
  color: #f1f2f6;
  background-color: rgba(0, 0, 0, 0.1);
}
.button.white {
  border: 2px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
}
.button.white:hover, .button.white:focus {
  border: 2px solid #f1f2f6;
  color: #f1f2f6;
  background-color: rgba(0, 0, 0, 0.1);
}
.button.black {
  border: 1px solid rgba(0, 0, 0, 0.4);
  color: #000000;
  background-color: rgba(0, 0, 0, 0.05);
}
.button.black:hover, .button.black:focus {
  background-color: #000000 !important;
  color: #f1f2f6;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
@media screen and (min-width: 600px) {
  .button {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: block;
  }
}
html {
  /*
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  */
  background-color: #FFFFFF;
  overflow-x: hidden;
  max-width: 100%;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  background-color: #FFFFFF;
}
body.local_dev header, body.local_dev header section.container .row {
  background-color: #a3b35b;
}

body {
  position: relative;
}

/* -----------------------------------------
┏┓┳┳┏┳┓┏┳┓┏┓┳┓┏┓
┃┓┃┃ ┃  ┃ ┣ ┣┫┗┓
┗┛┗┛ ┻  ┻ ┗┛┛┗┗┛
------------------------------------------ */
header,
main,
footer {
  width: 100%;
}
header section,
main section,
footer section {
  padding: 0 0 0;
}
@media screen and (min-width: 360px) {
  header section,
  main section,
  footer section {
    padding: 0 0 0;
  }
}
@media screen and (min-width: 600px) {
  header section,
  main section,
  footer section {
    padding: 0 0 0;
  }
}
@media screen and (min-width: 1000px) {
  header section,
  main section,
  footer section {
    padding: 0 0 0;
  }
}
@media screen and (min-width: 1200px) {
  header section,
  main section,
  footer section {
    padding: 0 0 0;
  }
}
@media screen and (min-width: 1400px) {
  header section,
  main section,
  footer section {
    padding: 0 0 0;
  }
}
@media screen and (min-width: 1600px) {
  header section,
  main section,
  footer section {
    padding: 0 0 0;
  }
}
@media screen and (min-width: 1900px) {
  header section,
  main section,
  footer section {
    padding: 0 0 0;
  }
}
@media screen and (min-width: 2200px) {
  header section,
  main section,
  footer section {
    padding: 0 0 0;
  }
}
header section.container,
main section.container,
footer section.container {
  width: 100%;
}
header section .row,
main section .row,
footer section .row {
  margin: 0 auto;
  padding: 0 0 0;
}
header section .row.full,
main section .row.full,
footer section .row.full {
  width: 100%;
}
header section .row > div:first-of-type,
main section .row > div:first-of-type,
footer section .row > div:first-of-type {
  padding-left: 0;
}
@media screen and (min-width: 360px) {
  header section .row,
  main section .row,
  footer section .row {
    padding: 1rem 0 0;
  }
}
@media screen and (min-width: 600px) {
  header section .row,
  main section .row,
  footer section .row {
    padding: 0 0 0;
  }
}
@media screen and (min-width: 1000px) {
  header section .row,
  main section .row,
  footer section .row {
    padding: 0 0 0;
  }
}
@media screen and (min-width: 1200px) {
  header section .row,
  main section .row,
  footer section .row {
    padding: 0 0 0;
  }
}
@media screen and (min-width: 1400px) {
  header section .row,
  main section .row,
  footer section .row {
    padding: 0 0 0;
  }
}
@media screen and (min-width: 1600px) {
  header section .row,
  main section .row,
  footer section .row {
    padding: 0 0 0;
  }
}
@media screen and (min-width: 1900px) {
  header section .row,
  main section .row,
  footer section .row {
    padding: 0 0 0;
  }
}
@media screen and (min-width: 2200px) {
  header section .row,
  main section .row,
  footer section .row {
    padding: 0 0 0;
  }
}
header section .row .item-page,
main section .row .item-page,
footer section .row .item-page {
  overflow-y: auto;
}
@media screen and (min-width: 600px) {
  header section .row,
  main section .row,
  footer section .row {
    clear: both;
  }
}
body.home main {
  position: relative;
}
footer {
  background-color: #272F38 !important;
  padding-bottom: 2rem;
}
#back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  width: 50px;
  height: 50px;
  background: rgba(60, 60, 60, 0.65);
  color: #fff;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  z-index: 1000;
  transition: opacity 0.3s ease-in-out;
}

#back-to-top:hover {
  background-color: #555;
}

.go2top {
  display: none;
  position: fixed;
  bottom: -10%;
  right: 1%;
  -webkit-transform: translate(1%, 1%);
  background: rgba(60, 60, 60, 0.65);
  border-radius: 100px;
  padding: 0;
}
.go2top a {
  color: #FFFFFF;
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
}
.go2top img {
  display: none;
}

@media screen and (min-width: 600px) {
  .go2top {
    display: none;
    min-width: 2.5rem;
    min-height: 2.5rem;
    max-width: 2.5rem;
    max-height: 2.5rem;
    padding: 0;
    display: block;
    z-index: 10000;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$whole)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    text-align: center;
    transition: all 0.5s ease-in-out;
  }
  .go2top img {
    width: 100%;
    height: auto;
    display: block;
  }
  .go2top a {
    text-align: center;
    cursor: hand;
    line-height: 1;
    margin: 0;
  }
  .go2top a span {
    text-align: center;
    position: absolute;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$whole)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
  }
  .go2top.scrolled {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$whole)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    bottom: 1%;
    right: 1%;
    -webkit-transform: translate(1%, 1%);
  }
  .go2top.scrolled a i,
  .go2top.scrolled a span {
    transition: all 0.5s ease-in-out;
  }
  .go2top.scrolled a:hover i {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$whole)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
  }
  .go2top.scrolled a:hover span {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$whole)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
  }
  .go2top.scrolled img:hover {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$whole)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
  }
}
.testing_data {
  display: block;
  border: 1px solid black;
  position: fixed;
  z-index: 1000;
  right: 0;
  bottom: 1vh;
  background-color: #f1f2f6;
  padding: 1rem;
  max-width: 15vw;
  font-size: 0.875rem;
  opacity: 0.05;
}
.testing_data:hover {
  opacity: 1;
}
.testing_data h5 {
  margin-top: 0;
}

.dev_nav {
  display: block;
  border: 1px solid black;
  position: fixed;
  left: 0;
  bottom: 1vh;
  z-index: 100000;
  background-color: #707070;
  padding: 1rem;
  opacity: 0.1;
}
.dev_nav:hover {
  opacity: 1;
}
.dev_nav h5 {
  margin-top: 0;
}
.dev_nav ul {
  padding: 0;
  margin: 0;
}
.dev_nav ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dev_nav ul li ul li {
  padding-left: 1rem;
}

body {
  min-height: 100vh;
  background-color: #272F38;
}

header {
  position: relative;
  z-index: 10;
  background-color: #272F38;
  padding-top: 2rem;
}
header section.container .row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  align-items: flex-end;
  justify-content: space-between;
  background-color: #272F38;
}
header section.container .row > li {
  padding: 0;
  margin: 0;
}
header section.container .row .three.columns.logo {
  align-self: flex-end;
}
header section.container .row .three.columns.logo img {
  width: 60%;
  height: auto;
  margin: 0 0 1rem 5vw;
}
header section.container .row div.nine.columns.main_menu {
  padding-right: 5vw;
  padding-top: 0;
  padding-bottom: 0;
}
header section.container .row div.nine.columns.main_menu .menu_user {
  width: 100%;
  padding: 0 0 3rem 0;
  text-align: right;
  display: block;
}
header section.container .row div.nine.columns.main_menu .menu_user ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  justify-content: flex-end;
}
header section.container .row div.nine.columns.main_menu .menu_user ul > li {
  padding: 0;
  margin: 0;
}
header section.container .row div.nine.columns.main_menu .menu_user ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
header section.container .row div.nine.columns.main_menu .menu_user ul li a {
  color: #f1f2f6;
  padding: 0.5rem 0.75rem;
}
header section.container .row div.nine.columns.main_menu .menu_user ul li a:hover {
  color: #B7AD64;
}
header section.container .row div.nine.columns.main_menu .menu_user ul li:last-of-type a {
  padding-right: 0;
}
header section.container .row div.nine.columns.main_menu ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  width: 90%;
  margin-bottom: 1vh;
}
header section.container .row div.nine.columns.main_menu ul > li {
  padding: 0;
  margin: 0;
}
header section.container .row div.nine.columns.main_menu ul li {
  list-style: none;
}
header section.container .row div.nine.columns.main_menu ul li a {
  color: #f1f2f6;
}
header section.container .row div.nine.columns.main_menu ul li a:hover {
  color: #B7AD64;
}

main section.container .row {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
}
main section.container .row > li {
  padding: 0;
  margin: 0;
}
main section.container .row .three.columns:first-of-type {
  background-color: #272F38;
}
main section.container .row .nine.columns {
  padding-top: 2rem;
  padding-right: 2vw;
  padding-bottom: 7rem;
}
main section.container .row .nine.columns .exDrawer {
  width: 100%;
  margin: 0 0;
}
main section.container .row .nine.columns .exDrawer .expandable {
  overflow: hidden;
  height: 0;
  transition: height 0.5s ease;
  background-color: #f1f2f6;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-right: 1px solid #cbc7ba;
  border-left: 1px solid #cbc7ba;
  border-bottom: 1px solid #cbc7ba;
}
main section.container .row .nine.columns .exDrawer .expandable p {
  padding: 20px;
}
main section.container .row .nine.columns .exDrawer .drawerBtn {
  transition: all 0.125s ease-in-out;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.875rem 1rem 0.5rem;
  margin-top: -2px;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  background-color: #f1f2f6;
  border-right: 1px solid #cbc7ba;
  border-left: 1px solid #cbc7ba;
  border-bottom: 1px solid #cbc7ba;
  width: 190px;
  margin-left: calc(90% - 190px);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1f2f6+0,e0e5c9+100 */
  background: linear-gradient(to bottom, rgb(241, 242, 246) 0%, rgb(224, 229, 201) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  transition: all 0.75s ease-in-out;
}
main section.container .row .nine.columns .exDrawer .drawerBtn:first-letter {
  color: #a3b35b;
  transition: all 0.125s ease-in-out;
}
main section.container .row .nine.columns .exDrawer .drawerBtn i {
  font-family: "Font Awesome 5 Pro";
  height: 1rem;
  font-size: 1rem;
  color: #a3b35b;
  transition: all 0.75s ease-in-out;
  padding-right: 0.5rem;
}
main section.container .row .nine.columns .exDrawer .drawerBtn:hover {
  cursor: pointer;
}
main section.container .row .nine.columns .exDrawer .drawerBtn:hover i {
  color: #8cb247;
  text-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.3);
}

footer section.container .row {
  padding: 3rem 1.5rem 1.5rem;
  font-style: italic;
}
footer section.container .row p {
  text-align: center;
  color: #cbc7ba;
  margin-bottom: 0;
  padding-bottom: 0.25rem;
}
footer section.container .row p a {
  color: #FFFFFF;
}
footer section.container .row p a:hover {
  color: #B7AD64;
}
footer section.container .row .credits {
  text-align: center;
  color: #495A6B;
}
footer section.container .row .credits a {
  color: #72889F;
}
footer section.container .row .credits a:hover {
  color: #B7AD64;
}

.message {
  width: 100%;
  display: block;
  padding: 0 0 1rem;
  color: #8cb247;
  font-weight: 600;
  font-size: 0.9375rem;
}
.message a {
  text-decoration: underline;
}
.message div {
  display: inline-block;
}

.club_list {
  position: relative;
}

.au_user {
  z-index: 1;
  background-color: #FFFFFF;
}

#message {
  color: #a3b35b;
  font-weight: 500;
}

.confirmation-dialog {
  display: none; /* Ensure the dialog is hidden by default */
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Black background with transparency */
  display: flex;
  align-items: center;
  justify-content: center;
}

.dialog-content {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.dialog-content button {
  margin: 5px;
}

body.scoring #content main section .row #tables-container.score_list table tbody tr td input[type=number] {
  border: 1px solid #707070 !important;
}

body.scoring #content {
  /* --- TOGGLE DRAWER ---------------------------- */
}
body.scoring #content #sidebar {
  transition: all 0.5s ease;
}
body.scoring #content #content {
  transition: all 0.5s ease;
}
body.scoring #content .drawer {
  position: relative;
  display: block;
  width: 100%;
  margin-top: -1.5rem;
}
body.scoring #content .drawer #toggleSidebar,
body.scoring #content .drawer #screenshotBtn {
  border: 0px;
}
body.scoring #content .drawer .toolbar {
  position: absolute;
  right: 0;
  top: -2.375rem;
  line-height: 1;
}
body.scoring #content .drawer .toolbar button {
  padding: 0.25rem 0.75rem 0;
  margin: 0;
  font-size: 1rem;
}
body.scoring #content .drawer .toolbar #toggleDrawer {
  border-radius: 6px;
  border: 0;
  margin: 0;
  background-color: #FFFFFF;
  transition: all 0.125s ease-in-out;
}
body.scoring #content .drawer .toolbar #toggleDrawer:hover {
  background-color: #546a7a;
  color: #FFFFFF;
}
body.scoring #content .drawer .toolbar #toggleDrawer.btnClose {
  background-color: #546a7a;
  color: #FFFFFF;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
body.scoring #content .drawer .toggle .contact_item {
  width: 100%;
  background: #546a7a;
  color: #FFFFFF;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 46px;
  border-bottom-right-radius: 96px;
}
body.scoring #content .drawer .toggle .contact_item button {
  font-weight: 600;
}
body.scoring #content .drawer .toggle .contact_item button span {
  filter: opacity(0.5);
  text-transform: capitalize;
  letter-spacing: 0.05rem;
}
body.scoring #content .drawer .toggle .contact_item.expanded .head .name {
  color: #c90;
  padding-left: 20px;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
}
body.scoring #content .drawer .toggle .contact_item.expanded .head .name span {
  border-color: #c90;
  color: #c90;
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #706f6f;
  text-align: center;
  left: 0;
  top: 7px;
  font-size: 18px;
  line-height: 17px;
}
body.scoring #content .drawer .toggle .contact_item.expanded .head .name span.plus {
  display: none;
}
body.scoring #content .drawer .toggle .contact_item.expanded .head .name span.minus {
  display: none;
}
body.scoring #content .drawer .toggle .contact_item .info {
  padding: 3rem 3rem 1rem;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 96px;
  background-image: #2F3943 !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  justify-content: space-evenly;
  align-items: flex-start;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  flex-basis: 100%;
}
body.scoring #content .drawer .toggle .contact_item .info > li {
  padding: 0;
  margin: 0;
}
body.scoring #content .drawer .toggle .contact_item .info .controls {
  flex-basis: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
  justify-content: flex-start;
}
body.scoring #content .drawer .toggle .contact_item .info .controls > li {
  padding: 0;
  margin: 0;
}
body.scoring #content .drawer .toggle .contact_item .info .controls label {
  flex-basis: 100%;
}
body.scoring #content .drawer .toggle .contact_item .info .controls button {
  margin-right: 1.25rem;
  margin-bottom: 1rem;
}
body.scoring #content .drawer .toggle .contact_item .info .controls button.ghost#download-csv:before {
  content: "\f56e";
  font-family: "Font Awesome 5 Pro";
  color: #FFFFFF;
  padding-right: 1rem;
}
body.scoring #content .drawer .toggle .contact_item .info .controls button.ghost#setDateToToday:before, body.scoring #content .drawer .toggle .contact_item .info .controls button.ghost#updateDateContainer:before {
  content: "\f133";
  font-family: "Font Awesome 5 Pro";
  color: #FFFFFF;
  padding-right: 1rem;
}
body.scoring #content .drawer .toggle .contact_item .info .controls button.ghost#setToZero:before, body.scoring #content .drawer .toggle .contact_item .info .controls button.ghost#updateRecords:before {
  content: "\f656";
  font-family: "Font Awesome 5 Pro";
  color: #FFFFFF;
  padding-right: 1rem;
}
body.scoring #content .drawer .toggle .contact_item .info .controls button.ghost#clear-db:before {
  content: "\f2ed";
  font-family: "Font Awesome 5 Pro";
  color: #FFFFFF;
  padding-right: 1rem;
}
body.scoring #content .drawer .toggle .contact_item .info .controls button.ghost#updateClub:before {
  content: "\f021";
  font-family: "Font Awesome 5 Pro";
  color: #FFFFFF;
  padding-right: 1rem;
}
body.scoring #content .drawer .toggle .contact_item .info .controls label {
  text-transform: uppercase;
  width: 17%;
  margin-bottom: 0.5rem;
  display: block;
  white-space: nowrap;
}
body.scoring #content .drawer .toggle .contact_item .info .controls.pages {
  justify-content: flex-start;
}
body.scoring #content.columns.twelve {
  padding: 2rem 3vw;
}
body.scoring #content.nine.columns.online, body.scoring #content.twelve.columns.online {
  padding-right: 4vw;
  /* --- FONTS ---------------------------- */
}
body.scoring #content.nine.columns.online h2, body.scoring #content.twelve.columns.online h2 {
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin: 0.5rem 0 0.25rem;
}
body.scoring #content.nine.columns.online h3, body.scoring #content.twelve.columns.online h3 {
  font-weight: 700;
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
  margin-top: 0.5rem;
  color: #000000;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
body.scoring #content.nine.columns.online h3 span.reg_s, body.scoring #content.twelve.columns.online h3 span.reg_s {
  color: #791a17;
}
body.scoring #content.nine.columns.online h3 span.registrationDate, body.scoring #content.twelve.columns.online h3 span.registrationDate {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #707070;
  padding-right: 2rem;
}
body.scoring #content.nine.columns.online h3 span.registrationDate.red, body.scoring #content.twelve.columns.online h3 span.registrationDate.red {
  color: #791a17;
}
body.scoring #content.nine.columns.online h3 span.registrationDate span.no_print, body.scoring #content.twelve.columns.online h3 span.registrationDate span.no_print {
  font-size: 0.75rem;
  filter: opacity(0.47);
}
body.scoring #content.nine.columns.online h4, body.scoring #content.twelve.columns.online h4 {
  font-weight: 700;
  padding-top: 0.5rem;
  margin-top: 1.5rem;
  color: #791a17 !important;
  color: #791a17;
}

/* --- REGISTRATION: FORM ---------------------------- */
body.scoring #content form#data-form {
  padding-right: 4vw;
}
body.scoring #content form#data-form .reg_block {
  margin-top: 3.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  align-items: baseline;
  flex-wrap: wrap;
  align-content: center;
}
body.scoring #content form#data-form .reg_block > li {
  padding: 0;
  margin: 0;
}
body.scoring #content form#data-form .reg_block .block {
  flex-basis: 30%;
}
body.scoring #content form#data-form .reg_block .block.score_entry {
  flex-basis: 100%;
}
body.scoring #content form#data-form .reg_block .block:first-of-type {
  flex-basis: 28%;
}
body.scoring #content form#data-form .reg_block .block:nth-of-type(2) {
  flex-basis: 42%;
}
body.scoring #content form#data-form .reg_block .block:nth-of-type(2) .cont label {
  flex-basis: 20%;
}
body.scoring #content form#data-form .reg_block .block:nth-of-type(2) .cont .input_group {
  flex-basis: 80%;
}
body.scoring #content form#data-form .reg_block .block:nth-of-type(2) .cont .input_group.name input {
  flex-basis: 58%;
  font-weight: 100 !important;
}
body.scoring #content form#data-form .reg_block .block:nth-of-type(2) .cont .input_group.name input:first-of-type {
  flex-basis: 40%;
}
body.scoring #content form#data-form .reg_block .block:nth-of-type(3) {
  flex-basis: 28%;
}
body.scoring #content form#data-form .reg_block .block:nth-of-type(3) .cont {
  padding-top: 0.75rem;
}
body.scoring #content form#data-form .reg_block .block .cont {
  flex-basis: 100% !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  align-items: baseline;
  padding: 0.25rem 0 0.6125rem;
}
body.scoring #content form#data-form .reg_block .block .cont > li {
  padding: 0;
  margin: 0;
}
body.scoring #content form#data-form .reg_block .block .cont.details input {
  padding-top: 1rem;
}
body.scoring #content form#data-form .reg_block .block .cont label {
  flex-basis: 35%;
  text-align: right;
}
body.scoring #content form#data-form .reg_block .block .cont label.reg_lab {
  font-family: "Titillium Web", sans-serif;
  font-size: 1.125rem;
  letter-spacing: 0.05rem;
  font-weight: 700;
  color: #333333;
  padding-right: 1rem;
}
body.scoring #content form#data-form .reg_block .block .cont label.rad_lab {
  line-height: 1.5;
  font-family: "Titillium Web", sans-serif;
  font-size: 1.125rem;
  letter-spacing: 0.05rem;
  font-weight: 700;
  color: #333333;
  padding-right: 1rem;
}
body.scoring #content form#data-form .reg_block .block .cont > label {
  line-height: 2.5;
  font-weight: 600;
  color: #707070;
}
body.scoring #content form#data-form .reg_block .block .cont .input_group {
  flex-basis: 65%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
}
body.scoring #content form#data-form .reg_block .block .cont .input_group > li {
  padding: 0;
  margin: 0;
}
body.scoring #content form#data-form .reg_block .block .cont .input_group.radio_set {
  align-self: center;
}
body.scoring #content form#data-form .reg_block .block .cont .input_group.name input {
  flex-basis: 58%;
}
body.scoring #content form#data-form .reg_block .block .cont .input_group.name input:first-of-type {
  flex-basis: 40%;
}
body.scoring #content form#data-form .reg_block .block .cont .input_group .match_number {
  flex-basis: 30%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  justify-content: flex-start;
}
body.scoring #content form#data-form .reg_block .block .cont .input_group .match_number > li {
  padding: 0;
  margin: 0;
}
body.scoring #content form#data-form .reg_block .block .cont .input_group .pc_chkbx input,
body.scoring #content form#data-form .reg_block .block .cont .input_group .pc_chkbx label {
  display: inline-block;
}
body.scoring #content form#data-form .reg_block .block .cont .input_group input,
body.scoring #content form#data-form .reg_block .block .cont .input_group input[type=text],
body.scoring #content form#data-form .reg_block .block .cont .input_group input[type=date],
body.scoring #content form#data-form .reg_block .block .cont .input_group input[type=email],
body.scoring #content form#data-form .reg_block .block .cont .input_group select {
  border-radius: 3px;
  padding: 0.5rem 0.75rem;
  width: 100%;
}
body.scoring #content form#data-form .reg_block .block .cont .input_group input[type=checkbox],
body.scoring #content form#data-form .reg_block .block .cont .input_group input[type=radio] {
  flex-basis: 5%;
  margin: 0.25rem 0;
}
body.scoring #content form#data-form .reg_block .block .cont .input_group label {
  flex-basis: 20%;
  padding-left: 0.5rem;
  text-align: left;
  margin: 0.25rem 0;
  font-size: 1rem;
}
body.scoring #content form#data-form .reg_block .block .cont .input_group input::-moz-placeholder {
  font-style: italic;
  color: rgba(84, 106, 123, 0.38);
}
body.scoring #content form#data-form .reg_block .block .cont .input_group input::placeholder {
  font-style: italic;
  color: rgba(84, 106, 123, 0.38);
}
body.scoring #content form#data-form .reg_block .block .cont .button {
  margin-top: 0;
}

/* --- REGISTRATION: SHOOTERS ---------------------------- */
body.scoring #content #tables-container.reg_list table {
  width: 100%;
  table-layout: initial;
}
body.scoring #content #tables-container.reg_list table thead th,
body.scoring #content #tables-container.reg_list table thead td,
body.scoring #content #tables-container.reg_list table tbody th,
body.scoring #content #tables-container.reg_list table tbody td {
  padding: 0.25rem 0.5rem;
  text-align: left;
}
body.scoring #content #tables-container.reg_list table thead tr th {
  font-weight: 600;
  padding-top: 0.5rem;
  vertical-align: bottom;
  white-space: nowrap;
  border-bottom: 1px solid #707070;
  padding-bottom: 0.125rem;
  font-size: 0.875rem;
  color: #707070;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}
body.scoring #content #tables-container.reg_list table thead tr th:first-of-type {
  padding-left: 0;
  width: 10%;
  padding-left: 0.75rem;
  position: relative;
}
body.scoring #content #tables-container.reg_list table thead tr th:first-of-type::after {
  content: "";
  position: absolute;
  right: 0;
  width: 20px;
  height: 4px;
  border-bottom: 3px solid #ffffff;
  bottom: -2px;
}
body.scoring #content #tables-container.reg_list table thead tr th:nth-of-type(2) {
  width: 12%;
}
body.scoring #content #tables-container.reg_list table thead tr th:nth-of-type(3) {
  width: 18%;
  position: relative;
}
body.scoring #content #tables-container.reg_list table thead tr th:nth-of-type(4) {
  width: 30%;
  position: relative;
}
body.scoring #content #tables-container.reg_list table thead tr th:nth-of-type(4)::after {
  content: "";
  position: absolute;
  right: 0;
  width: 20px;
  height: 4px;
  border-bottom: 3px solid #ffffff;
  bottom: -2px;
}
body.scoring #content #tables-container.reg_list table thead tr th:nth-of-type(5) {
  width: 20%;
}
body.scoring #content #tables-container.reg_list table thead tr th:nth-of-type(6) {
  width: 10%;
  position: relative;
}
body.scoring #content #tables-container.reg_list table thead tr th:nth-of-type(7) {
  display: none;
}
body.scoring #content #tables-container.reg_list table thead tr th:nth-of-type(8) {
  display: none;
}
body.scoring #content #tables-container.reg_list table tbody tr:hover td {
  background-color: rgba(84, 106, 123, 0.05);
  transition: all 0.1s ease-in-out;
}
body.scoring #content #tables-container.reg_list table tbody tr td:first-of-type {
  text-align: left;
  padding: 0;
  margin: 0;
  border: 0px;
}
body.scoring #content #tables-container.reg_list table tbody tr td:first-of-type button.edit-btn.edit-button {
  padding: 0;
  margin: 0;
  width: 42%;
  border: 0px;
  transition: all 0.125s ease-in-out;
}
body.scoring #content #tables-container.reg_list table tbody tr td:first-of-type button.edit-btn.edit-button:after {
  transition: all 0.125s ease-in-out;
  content: "\f044";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.125rem;
  font-weight: 100;
}
body.scoring #content #tables-container.reg_list table tbody tr td:first-of-type button.edit-btn.edit-button:hover {
  color: #8cb247;
}
body.scoring #content #tables-container.reg_list table tbody tr td:first-of-type button.edit-btn.edit-button:hover:after {
  font-weight: 700;
}
body.scoring #content #tables-container.reg_list table tbody tr td:first-of-type button.save-button {
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0px;
  transition: all 0.125s ease-in-out;
}
body.scoring #content #tables-container.reg_list table tbody tr td:first-of-type button.save-button:after {
  content: "\f0c7";
  font-weight: 700;
  color: #a3b35b;
  font-family: "Font Awesome 5 Pro";
  transition: all 0.125s ease-in-out;
  font-size: 1.25rem;
  padding-left: 0.25rem;
}
body.scoring #content #tables-container.reg_list table tbody tr td:first-of-type button.save-button:hover {
  transition: all 0.125s ease-in-out;
  color: #a3b35b;
  border: 1px solid #a3b35b;
}
body.scoring #content #tables-container.reg_list table tbody tr td:first-of-type button.save-button:hover:after {
  font-weight: 700;
  color: #a3b35b;
  font-size: 1.25rem;
}
body.scoring #content #tables-container.reg_list table tbody tr td:first-of-type button.del-button {
  border: 0px;
  padding: 0;
  margin: 0;
  width: 42%;
  border: 0px;
}
body.scoring #content #tables-container.reg_list table tbody tr td:first-of-type button.del-button:hover {
  cursor: pointer;
  color: #791a17 !important;
}
body.scoring #content #tables-container.reg_list table tbody tr td:first-of-type button.del-button:hover:after {
  transition: all 0.125s ease-in-out;
  font-weight: 700;
}
body.scoring #content #tables-container.reg_list table tbody tr td:first-of-type button.del-button:after {
  font-family: "Font Awesome 5 Pro";
  content: "\e154";
  content: "\f2ed";
  font-size: 1.125rem;
  font-weight: 100;
  border: 0;
}
body.scoring #content #tables-container.reg_list table tbody tr td:nth-of-type(7) {
  display: none;
}
body.scoring #content #tables-container.reg_list table tbody tr td:nth-of-type(8) {
  display: none;
}
body.scoring #content #tables-container.score_list table {
  width: 100%;
  table-layout: initial;
  margin-bottom: 1.75rem;
}
body.scoring #content #tables-container.score_list table thead th,
body.scoring #content #tables-container.score_list table thead td,
body.scoring #content #tables-container.score_list table tbody th,
body.scoring #content #tables-container.score_list table tbody td {
  padding: 0;
  text-align: left;
}
body.scoring #content #tables-container.score_list table thead tr:first-of-type th {
  border-bottom: 0px;
  padding-bottom: 0;
  font-weight: 500;
  color: #495A6B;
}
body.scoring #content #tables-container.score_list table thead tr:first-of-type th:nth-of-type(2) {
  padding-left: 0.5rem;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th {
  font-weight: 300;
  padding-top: 0.25rem;
  vertical-align: bottom;
  white-space: nowrap;
  border-bottom: 1px solid #707070;
  padding-bottom: 0.125rem;
  color: rgba(84, 106, 123, 0.5);
  font-family: "Teko", sans-serif !important;
  font-size: 1.25rem;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:first-of-type {
  padding-left: 0;
  width: 3%;
  text-align: center;
  border-bottom: 0px solid #707070;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:nth-of-type(2) {
  width: 2%;
  text-align: center;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:nth-of-type(3) {
  width: 11%;
  padding-left: 0.5rem;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:nth-of-type(4) {
  width: 12%;
  position: relative;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:nth-of-type(5) {
  width: 1.5%;
  border-bottom: 0;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:nth-of-type(6) {
  width: 12%;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:nth-of-type(7) {
  width: 9%;
  padding-left: 0.5rem;
  position: relative;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:nth-of-type(8) {
  width: 1.5%;
  border-bottom: 0;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:nth-of-type(9) {
  width: 5%;
  text-align: center;
  border-bottom: 1px solid #a3b35b;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:nth-of-type(10) {
  width: 5%;
  text-align: center;
  border-bottom: 1px solid #a3b35b;
  text-transform: uppercase;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:nth-of-type(11) {
  width: 5%;
  text-align: center;
  border-bottom: 1px solid #a3b35b;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:nth-of-type(12) {
  width: 5%;
  text-align: center;
  border-bottom: 1px solid #a3b35b;
  text-transform: uppercase;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:nth-of-type(13) {
  width: 5%;
  text-align: center;
  border-bottom: 1px solid #a3b35b;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:nth-of-type(14) {
  width: 5%;
  text-align: center;
  border-bottom: 1px solid #a3b35b;
  text-transform: uppercase;
  position: relative;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:nth-of-type(15) {
  width: 1.5%;
  border-bottom: 0;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:nth-of-type(16) {
  width: 7%;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #546a7a;
}
body.scoring #content #tables-container.score_list table thead tr:nth-of-type(2) th:nth-of-type(17) {
  width: 7%;
  text-align: center;
  border-bottom: 1px solid #546a7a;
  text-transform: uppercase;
}
body.scoring #content #tables-container.score_list table tbody tr:first-of-type td {
  padding-top: 0.125rem;
}
body.scoring #content #tables-container.score_list table tbody tr:hover td {
  transition: all 0.1s ease-in-out;
  color: #000000;
}
body.scoring #content #tables-container.score_list table tbody tr:hover td:first-of-type {
  padding-left: 0;
}
body.scoring #content #tables-container.score_list table tbody tr:hover td:first-of-type button {
  filter: opacity(1);
}
body.scoring #content #tables-container.score_list table tbody tr td {
  padding-left: 0;
  padding-right: 0;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type {
  padding-left: 0;
  padding-right: 0;
}
body.scoring #content #tables-container.score_list table tbody tr td:nth-of-type(2) {
  text-align: center;
}
body.scoring #content #tables-container.score_list table tbody tr td:nth-of-type(3) {
  padding-left: 0.5rem;
}
body.scoring #content #tables-container.score_list table tbody tr td:nth-of-type(5) {
  width: 1.5%;
  border-bottom: 0;
}
body.scoring #content #tables-container.score_list table tbody tr td:nth-of-type(7) {
  padding-left: 0.5rem;
}
body.scoring #content #tables-container.score_list table tbody tr td:nth-of-type(8) {
  width: 1.5%;
  border-bottom: 0;
}
body.scoring #content #tables-container.score_list table tbody tr td:nth-of-type(9) {
  text-align: center;
}
body.scoring #content #tables-container.score_list table tbody tr td:nth-of-type(10) {
  text-align: center;
}
body.scoring #content #tables-container.score_list table tbody tr td:nth-of-type(11) {
  text-align: center;
}
body.scoring #content #tables-container.score_list table tbody tr td:nth-of-type(12) {
  text-align: center;
}
body.scoring #content #tables-container.score_list table tbody tr td:nth-of-type(13) {
  text-align: center;
}
body.scoring #content #tables-container.score_list table tbody tr td:nth-of-type(14) {
  text-align: center;
}
body.scoring #content #tables-container.score_list table tbody tr td:nth-of-type(15) {
  width: 1.5%;
  border-bottom: 0;
}
body.scoring #content #tables-container.score_list table tbody tr td:nth-of-type(16) {
  text-align: center;
}
body.scoring #content #tables-container.score_list table tbody tr td:nth-of-type(17) {
  text-align: center;
}
body.scoring #content #tables-container.score_list table tbody tr td input,
body.scoring #content #tables-container.score_list table tbody tr td select {
  width: 100%;
  margin-bottom: 0 !important;
  padding: 0.375rem 0.375rem;
}
body.scoring #content #tables-container.score_list table tbody tr td button {
  margin-bottom: 0 !important;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 0.5rem;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type {
  padding-left: 0;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type button {
  filter: opacity(0);
  padding: 0;
  margin: 0;
  border: 0px;
  /* &.save-button {
  		background-color: rgba(0,0,0,0);

  		&:before {
  		content: "\2705"; 
  		padding-right: 12px;
  		font-size: 24px;
  		line-height: 1;
  		vertical-align: middle;
  	}
  }

  	&.edit-button {
  		background-color: rgba(0,0,0,0);

  		&:before {
  		// content: "\270E"; // Unicode for pencil (✏️) 
  		content: "\f044";
  		font-weight: 500;
  		font-family: $font-fa;
  		line-height: 1;	
  	}
  }
  &.del-button {
  	background-color: rgba(0,0,0,0);

  		&:before {
  		// content: "\274C"; // Unicode for cross mark (❌) 
  		// 2718
  		font-family: $font-fa;
  		content: '\e154';
  		content: '\f2ed';
  		// content: '\f235';
  		font-weight: 500;
  		padding-left: 5px; 
  	}
  	} */
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type button:hover {
  cursor: pointer;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type button:hover:before {
  transition: all 0.125s ease-in-out;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type button:hover.edit-button {
  background-color: rgba(0, 0, 0, 0);
  color: #a3b35b !important;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type button:hover.edit-button:before {
  color: green;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type button:hover.del-button {
  color: #791a17 !important;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type button.save-button {
  filter: opacity(100%);
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type button.save-button:hover {
  border: 0px;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type button.edit-button {
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0px;
  transition: all 0.125s ease-in-out;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type button.edit-button:after {
  transition: all 0.125s ease-in-out;
  content: "\f044";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.125rem;
  font-weight: 100;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type button.edit-button:hover {
  color: #8cb247;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type button.edit-button:hover:after {
  font-weight: 700;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type button.save-button {
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0px;
  transition: all 0.125s ease-in-out;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type button.save-button:after {
  content: "\f0c7";
  font-weight: 700;
  color: #a3b35b;
  font-family: "Font Awesome 5 Pro";
  transition: all 0.125s ease-in-out;
  font-size: 1.25rem;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type button.save-button:hover {
  transition: all 0.125s ease-in-out;
  color: #a3b35b;
}
body.scoring #content #tables-container.score_list table tbody tr td:first-of-type button.save-button:hover:after {
  font-weight: 700;
  color: #a3b35b;
  font-size: 1.25rem;
}

/* --- DOWNLOAD CSV ---------------------------- */
body.scoring #content .dl_steps {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  padding-top: 2.5rem;
}
body.scoring #content .dl_steps > li {
  padding: 0;
  margin: 0;
}
body.scoring #content .dl_steps .dl_block {
  flex-basis: 26%;
}
body.scoring #content .dl_steps .dl_block.divider {
  flex-basis: 1%;
}
body.scoring #content .dl_steps .dl_block.divider i {
  font-size: 3rem;
  color: #a3b35b;
}
body.scoring #content .dl_steps .dl_block:last-of-type p.next_step {
  padding-left: 30%;
  font-size: 1.25rem;
}
body.scoring #content .dl_steps .dl_block:last-of-type p.next_step a {
  padding-left: 30%;
  font-size: 1.25rem;
}
body.scoring #content .dl_steps .dl_block:last-of-type p.next_step a i {
  font-size: 1.25rem;
}
body.scoring #content .dl_steps .dl_block:last-of-type a {
  transition: all 0.125s ease-in-out;
}
body.scoring #content .dl_steps .dl_block:last-of-type a i {
  content: "\f138";
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 100;
  text-align: right;
  color: #a3b35b;
  transition: all 0.125s ease-in-out;
}
body.scoring #content .dl_steps .dl_block:last-of-type a:hover i {
  font-weight: 700;
}
body.scoring #content .dl_steps .dl_block:last-of-type a:hover {
  color: #a3b35b;
  font-weight: 700;
}
body.scoring #content .dl_steps .dl_block h6 {
  color: #333333;
  margin-top: 0;
}
body.scoring #content .dl_steps .dl_block #m_date {
  height: 2.375rem;
  color: #791a17;
  letter-spacing: 0.075rem;
  padding: 6px 10px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(209, 209, 209);
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
}
body.scoring #content .dl_steps .dl_block input:-moz-read-only {
  cursor: default;
  color: #791a17;
  margin-bottom: 0;
  border: 0;
  padding-left: 0;
  padding-bottom: 0.5rem;
  font-weight: 700;
}
body.scoring #content .dl_steps .dl_block input:read-only, body.scoring #content .dl_steps .dl_block input[readonly] {
  cursor: default;
  color: #791a17;
  margin-bottom: 0;
  border: 0;
  padding-left: 0;
  padding-bottom: 0.5rem;
  font-weight: 700;
}
body.scoring #content .dl_steps .dl_block .tip {
  margin-bottom: 1rem;
}
body.scoring #content .dl_steps .dl_block #download-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: start;
}
body.scoring #content .dl_steps .dl_block #download-buttons > li {
  padding: 0;
  margin: 0;
}
body.scoring #content .dl_steps .dl_block #download-buttons h4 {
  flex-basis: 100%;
}
body.scoring #content .dl_steps .dl_block #download-buttons input[type=text]:-moz-read-only {
  border: 0px;
  color: #791a17;
}
body.scoring #content .dl_steps .dl_block #download-buttons input[type=text]:read-only,
body.scoring #content .dl_steps .dl_block #download-buttons input[type=text]:disabled,
body.scoring #content .dl_steps .dl_block #download-buttons input[type=text]:disabled:hover,
body.scoring #content .dl_steps .dl_block #download-buttons input[type=text]:disabled:active,
body.scoring #content .dl_steps .dl_block #download-buttons input[type=text]:disabled:focus {
  border: 0px;
  color: #791a17;
}
body.scoring #content .dl_steps .dl_block #download-buttons button.button.ghost {
  font-weight: 600;
  margin-right: 1.25rem;
  margin: 0.375rem 0 0.5rem;
  background-color: #a3b35b !important;
  color: #FFFFFF;
  font-size: 1rem;
  border: 1px solid rgba(84, 106, 123, 0.05);
  flex-basis: 100%;
}
body.scoring #content .dl_steps .dl_block #download-buttons button.button.ghost span {
  filter: opacity(0.75);
  text-transform: lowercase;
  font-weight: 500;
}
body.scoring #content .dl_steps .dl_block #download-buttons button.button.ghost:hover {
  background-color: rgba(163, 179, 91, 0.325) !important;
  color: #000000 !important;
  font-size: 1rem;
  border: 1px solid rgba(84, 106, 123, 0.05);
}
body.scoring #content .dl_steps .dl_block #download-buttons button.button.ghost.button.ghost:disabled, body.scoring #content .dl_steps .dl_block #download-buttons button.button.ghost.button.ghost:disabled:hover {
  background-color: #707070 !important;
  cursor: pointer !important;
  color: #f1f2f6;
  filter: opacity(70%);
}
@media screen and (max-width: 1000px) {
  body.scoring #content.dl_csv h1.step, body.scoring #content.dl-csv h1.step {
    font-size: 1.5rem;
  }
  body.scoring #content.dl_csv .dl_steps, body.scoring #content.dl-csv .dl_steps {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    /*&::after { // fixes the gap if only 2 in last row
    	content: "";
    	flex: auto;
    }*/
    flex-wrap: wrap;
  }
  body.scoring #content.dl_csv .dl_steps > li, body.scoring #content.dl-csv .dl_steps > li {
    padding: 0;
    margin: 0;
  }
  body.scoring #content.dl_csv .dl_steps .dl_block, body.scoring #content.dl-csv .dl_steps .dl_block {
    flex-basis: 100%;
    padding: 0 0 3.5rem;
  }
  body.scoring #content.dl_csv .dl_steps .dl_block.divider, body.scoring #content.dl-csv .dl_steps .dl_block.divider {
    display: none;
  }
  body.scoring #content.dl_csv .dl_steps .dl_block:last-of-type p.next_step, body.scoring #content.dl-csv .dl_steps .dl_block:last-of-type p.next_step {
    padding-left: 30%;
    font-size: 1.25rem;
  }
  body.scoring #content.dl_csv .dl_steps .dl_block:last-of-type p.next_step a, body.scoring #content.dl-csv .dl_steps .dl_block:last-of-type p.next_step a {
    padding-left: 30%;
    font-size: 1.25rem;
  }
  body.scoring #content.dl_csv .dl_steps .dl_block:last-of-type p.next_step a i, body.scoring #content.dl-csv .dl_steps .dl_block:last-of-type p.next_step a i {
    font-size: 1.25rem;
  }
  body.scoring #content.dl_csv .dl_steps .dl_block h6, body.scoring #content.dl-csv .dl_steps .dl_block h6 {
    color: #546a7a;
    text-transform: uppercase;
  }
}
/* --- REGISTERED SHOOTERS ---------------------------- */
img {
  max-width: 100%;
  height: auto;
}

.clear {
  clear: both;
}

.left {
  float: left;
  margin: 0.4rem 0.4rem 0.5rem 0;
  padding: 0 2rem 1rem 0;
}

.right {
  float: right;
  margin: 0.4rem 0 0.5rem 0.4rem;
  padding: 0 0 1rem 2rem;
}

.callout_right {
  float: right;
  width: 45%;
  font-size: 2.25rem;
  line-height: 2.5rem;
  padding: 0.25rem 0 1.5rem 1rem;
}

.callout_left {
  float: left;
  width: 45%;
  font-size: 2.25rem;
  line-height: 2.5rem;
  padding: 0.25rem 1rem 1.5rem 0;
}

.center,
.centered {
  text-align: center;
}

.tar {
  text-align: right;
}

.tal {
  text-align: left;
}

.drone_float {
  float: right;
  margin: 0;
  padding: 2vh 0 1vh 3vw;
  width: 30%;
  height: auto;
  opacity: 0.6;
}

.float_circle {
  float: left;
  shape-outside: circle(50%);
  width: 50%;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1.5rem;
}

.headshot {
  flex-flow: "Open Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-weight: 500;
  text-align: right;
  border-right: 2px solid #333333;
  padding-right: 1rem;
  margin-top: 1rem;
  padding-top: 0;
  line-height: 1;
}
.headshot span {
  font-size: 0.75rem;
  padding-top: 0.5rem;
  line-height: 1.1;
  display: block;
  font-weight: 400;
  color: #707070;
}

.inline_photo {
  margin: 3vh 0 4vh;
}
@media screen and (min-width: 1000px) {
  .inline_photo {
    margin: 3vh 0 6vh;
    width: 100%;
    height: auto;
  }
}
.right.sm_img {
  width: 30%;
}

@media (min-width: 700px) {
  .right.md_img {
    width: 30%;
  }
  .right.sm_img {
    width: 30%;
  }
}
@media (min-width: 1000px) {
  .left {
    float: left;
    width: 33%;
    margin: 0.4rem 0.4rem 0.5rem 0;
    padding: 0 2rem 1rem 0;
  }
  .right {
    float: right;
    width: 33%;
    margin: 0.4rem 0 0.5rem 0.4rem;
    padding: 0 0 1rem 2rem;
  }
  .right.lg_img {
    width: 50%;
    margin-left: 5rem;
  }
  .right.md_img {
    width: 33%;
    margin-left: 5rem;
  }
  .right.sm_img {
    width: 20%;
  }
}
@media (min-width: 1366px) {
  .left {
    width: 33%;
    margin: 0.4rem 0.4rem 0.5rem 0;
    padding: 0 2rem 1rem 0;
  }
  .right {
    float: right;
    width: 33%;
    margin: 0.4rem 0 0.5rem 0.4rem;
    padding: 0 0 1rem 2rem;
  }
  .right.md_img {
    width: 33%;
    margin-left: 5rem;
  }
  .right.sm_img {
    width: 20%;
  }
}
.read_more::after {
  content: "►";
  margin-left: 0.25rem;
}

div[itemprop=articleBody] img.mag_pop {
  border: 6px solid #fff;
  box-shadow: 2px 2px 2px #ccc;
  height: auto;
  width: 32%;
}

.video_responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.video_responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

@media screen and (min-width: 600px) {
  ul.li_flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    /*&::after { // fixes the gap if only 2 in last row
    	content: "";
    	flex: auto;
    }*/
    flex-wrap: wrap;
  }
  ul.li_flex > li {
    padding: 0;
    margin: 0;
  }
  ul.li_flex:after {
    content: "";
    flex-basis: 47%;
  }
  ul.li_flex li {
    flex-basis: 47%;
    list-style: none;
    padding: 0.25rem 1rem 0.25rem 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  ul.li_flex li {
    flex-basis: 27%;
    list-style: none;
    padding: 0.25rem 1rem 0.25rem 1.5rem;
  }
  ul.li_flex:after {
    content: "";
    flex-basis: 27%;
  }
}
.template_det_colors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap !important;
}
.template_det_colors > li {
  padding: 0;
  margin: 0;
}
.template_det_colors .template_det_color_block {
  flex-basis: 30%;
  padding: 2rem;
  margin: 0 0 1rem;
}
.template_det_colors .template_det_color_block .color_label {
  font-size: 1.5rem;
  color: white;
  mix-blend-mode: difference;
}

header .row {
  position: relative;
}

.user_bug {
  padding: 1.5rem 1rem 1rem 2vw;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  align-items: flex-end;
}
.user_bug > li {
  padding: 0;
  margin: 0;
}
.user_bug .avatar {
  display: none;
  flex-basis: 17%;
}
.user_bug .avatar img {
  width: 100%;
  height: auto;
}
.user_bug .user_bug_info {
  flex-basis: 77%;
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  align-items: stretch;
  align-content: flex-end;
}
.user_bug .user_bug_info > li {
  padding: 0;
  margin: 0;
}
.user_bug .user_bug_info .name_group {
  flex-basis: 60%;
  border-right: 1px solid #707070;
  padding-right: 5%;
}
.user_bug .user_bug_info .name_group h5 {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  padding: 0 0 0.25rem;
  margin: 0;
}
.user_bug .user_bug_info .name_group h6 {
  color: #546a7a;
  text-transform: uppercase;
  font-size: 0.8125rem;
  line-height: 1;
  padding: 0;
  margin: 0;
}
.user_bug .user_bug_info .logout {
  flex-basis: 30%;
  padding-left: 5%;
  padding-right: 5%;
  align-self: center;
}
.user_bug .user_bug_info .logout a {
  color: #bbb;
}
.user_bug .user_bug_info .logout a:hover {
  color: #a3b35b;
}

nav {
  position: relative;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  line-height: 1.2;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background-image: linear-gradient(115deg, #272F38 0%, #2F3943 70%, #2F3943 85%);
  background-image: -ms-linear-gradient(115deg, #272F38 0%, #2F3943 70%, #2F3943 85%);
  background-image: gradient(115deg, #272F38 0%, #2F3943 70%, #2F3943 85%);
}
nav ul li { /* Sub Menu */
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  /* 
  content: '\f054'; // don't know
  content: '\f138'; // right arrow, circle
  content: '\f56d'; // download
   */
}
nav ul li.level1 {
  background-color: #272F38;
  padding-top: 1rem;
  font-family: "Titillium Web", sans-serif;
}
nav ul li.level1.nav_support a {
  color: rgb(162, 191, 224);
}
nav ul li.level1.nav_support a:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f05a";
  content: "\f059";
  color: #72889F;
}
nav ul li.level2 {
  border-top: 1px solid rgba(84, 106, 123, 0.38);
}
nav ul li.level2 a {
  color: #D1D1D1;
}
nav ul li.level2:last-of-type {
  border-bottom: 1px solid rgba(84, 106, 123, 0.38);
}
nav ul li.level2 a.active {
  position: relative;
  /* Round the right corners of the top and bottom borders */
  /* Optionally, if you want to zero out the rounding of only the right side of the top and bottom */
}
nav ul li.level3 a {
  text-transform: capitalize;
  padding-left: 3vw;
}
nav ul li.level3 a span {
  color: #bbb;
}
nav ul li a {
  display: block;
  padding: 0.75rem 2rem 0.675rem 2vw;
  width: 100%;
  color: #f1f2f6;
  font-size: 1.125rem;
  text-decoration: none;
  transition: all 0.125s ease-in-out;
}
nav ul li a:hover {
  color: #a3b35b;
}
nav ul li a.active {
  color: #B7AD64;
}
nav ul li a.active span {
  color: #a3b35b;
}
nav ul li a.active:hover {
  color: #a3b35b;
}
nav ul li a .fa {
  width: 16px;
  text-align: center;
  margin-right: 5px;
  float: right;
  position: absolute;
  right: 1rem;
  line-height: 1.4;
}
nav ul li a .fa.right {
  margin: 0;
  padding: 0;
  float: unset;
}
nav ul li a .fa:hover {
  color: #a3b35b;
}
nav ul li.level2 > a:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #999;
  font-weight: 300;
  padding-right: 0.5rem;
}
nav ul li.level2 ul .level3 a:before {
  content: "\f105";
  content: "\f148";
  rotate: 90deg;
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  color: #bbb;
  font-weight: 300;
  padding: 0;
  margin: 0 1rem 0 0;
  width: auto;
}
nav ul li.level2 ul .level3 a:hover:before {
  color: #B7AD64;
}
nav ul li.level2 a:before {
  width: 2.25rem;
}
nav ul li.level2.nav_match a:before {
  content: "\f140";
}
nav ul li.level2.nav_raton a:before {
  content: "\f091";
  color: #FFD700;
}
nav ul li.level2.nav_raton a {
  background-image: linear-gradient(to right, #a2682a 0%, #be8c3c 8%, #be8c3c 18%, #d3b15f 27%, #faf0a0 35%, #ffffc2 40%, #faf0a0 50%, #d3b15f 58%, #be8c3c 67%, #b17b32 77%, #bb8332 83%, #d4a245 88%, #e1b453 93%, #a4692a 100%);
  background-size: 150%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 1px rgba(255, 200, 0, 0.3));
  /* animation: MoveBackgroundPosition 6s ease-in-out infinite;	
  */
  transition: all 0.125s ease-in-out;
}
nav ul li.level2.nav_raton:hover a {
  background-image: linear-gradient(to right, #a2682a 0%, #be8c3c 8%, #be8c3c 18%, #d3b15f 27%, #faf0a0 35%, #ffffc2 40%, #faf0a0 50%, #d3b15f 58%, #be8c3c 67%, #b17b32 77%, #bb8332 83%, #d4a245 88%, #e1b453 93%, #a4692a 100%);
  background-size: 150%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 1px rgba(255, 200, 0, 0.3));
}
@keyframes MoveBackgroundPosition {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
nav ul li.level2.nav_support a {
  color: rgb(162, 191, 224);
}
nav ul li.level2.nav_support a:before {
  color: #72889F;
}
nav ul li.level2.nav_top5 a:before {
  content: "\f05b";
}
nav ul li.level2.nav_leaderboard a:before {
  content: "\f292";
  content: "\f559";
}
nav ul li.level2.nav_champions a:before {
  content: "\e533";
  content: "\f192";
}
nav ul li.level2.nav_register a:before {
  content: "\f234";
  content: "\f4ff";
}
nav ul li.level2.nav_register a:before {
  content: "\f2c2";
  content: "\f46d";
  content: "Step";
  font-size: 0.875rem;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.025rem;
}
nav ul li.level2.nav_register span {
  font-size: 0.875rem;
  color: #999;
  letter-spacing: 0.025rem;
}
nav ul li.level2.nav_scorecard a:before {
  content: "\f0cb";
  content: "Step";
  font-size: 0.875rem;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.025rem;
}
nav ul li.level2.nav_scorecard span {
  font-size: 0.875rem;
  color: #999;
  letter-spacing: 0.025rem;
}
nav ul li.level2.nav_download a:before {
  content: "\f56d";
  content: "Step";
  font-size: 0.875rem;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.025rem;
}
nav ul li.level2.nav_download span {
  font-size: 0.875rem;
  color: #999;
  letter-spacing: 0.025rem;
}
nav ul li.level2.nav_upload a:before {
  content: "\f0ee";
  content: "Step";
  font-size: 0.875rem;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.025rem;
}
nav ul li.level2.nav_upload span {
  font-size: 0.875rem;
  color: #999;
  letter-spacing: 0.025rem;
}
nav ul li.level2.nav_members a:before {
  content: "\f007";
}
nav ul li.level2.nav_offline a:before {
  content: "\f6ac";
}
nav ul li.level2.nav_membership a:before {
  content: "\f500";
}
nav ul li.level2.enter_score a:before {
  content: "\f055";
}
nav ul li.level2.nav_clubs a:before {
  content: "\f0e8";
  content: "\e4f6";
  content: "\f024";
  content: "\f456";
}
nav ul li.level2.nav_export a:before {
  content: "\f0c7";
}
nav ul li.level2.csv_hub a:before {
  content: "\f802";
}
nav ul li.level2.database a:before {
  content: "\f1c0";
}
nav ul li.level2.filter a:before {
  content: "\f884";
}
nav ul li.level2.log_files a:before {
  content: "\f865";
}
nav ul li.level1, nav ul li.level1 a, nav ul li.level2, nav ul li.level2 a, nav ul li.level3, nav ul li.level3 a {
  transition: all 0.125s ease-in-out;
}
nav ul li.level1 span, nav ul li.level1:before, nav ul li.level1 a span, nav ul li.level1 a:before, nav ul li.level2 span, nav ul li.level2:before, nav ul li.level2 a span, nav ul li.level2 a:before, nav ul li.level3 span, nav ul li.level3:before, nav ul li.level3 a span, nav ul li.level3 a:before {
  transition: all 0.125s ease-in-out;
}
nav ul li.level1:hover, nav ul li.level1 a:hover, nav ul li.level2:hover, nav ul li.level2 a:hover, nav ul li.level3:hover, nav ul li.level3 a:hover {
  color: #FFFFFF;
}
nav ul li.level1:hover span, nav ul li.level1 a:hover span, nav ul li.level2:hover span, nav ul li.level2 a:hover span, nav ul li.level3:hover span, nav ul li.level3 a:hover span {
  color: #FFFFFF;
  font-weight: 500;
}
nav ul li.level1:hover:before, nav ul li.level1 a:hover:before, nav ul li.level2:hover:before, nav ul li.level2 a:hover:before, nav ul li.level3:hover:before, nav ul li.level3 a:hover:before {
  color: #FFFFFF;
  font-weight: 500;
}
nav ul li.level1:hover:before span, nav ul li.level1 a:hover:before span, nav ul li.level2:hover:before span, nav ul li.level2 a:hover:before span, nav ul li.level3:hover:before span, nav ul li.level3 a:hover:before span {
  color: #FFFFFF;
  font-weight: 500;
}
nav ul li.level1.active, nav ul li.level1 a.active, nav ul li.level2.active, nav ul li.level2 a.active, nav ul li.level3.active, nav ul li.level3 a.active {
  color: #a3b35b;
}
nav ul li.level1.active:before, nav ul li.level1 a.active:before, nav ul li.level2.active:before, nav ul li.level2 a.active:before, nav ul li.level3.active:before, nav ul li.level3 a.active:before {
  color: #a3b35b;
}

@media screen and (min-width: 1200px) {
  .user_bug {
    padding: 1.5rem 1rem 1rem 5vw;
  }
  .user_bug .avatar {
    display: inline-block;
  }
  nav ul li a {
    padding: 0.75rem 2rem 0.675rem 5vw;
  }
  nav ul li.level3 a {
    padding-left: 7.5vw;
  }
}
form.sel_temp_club {
  padding: 0 2vh 0 2vw;
  margin-bottom: 0;
}
form.sel_temp_club label {
  font-weight: 300;
  color: #707070 !important;
}
form.sel_temp_club select#club_id {
  background-color: #a3b35b !important;
  margin-bottom: 0;
}
form.sel_temp_club select#club_id:active, form.sel_temp_club select#club_id:focus {
  background-color: #8cb247 !important;
}
form.sel_temp_club .ghost.button.small.white {
  border: 0px !important;
  margin: 0 !important;
}
@media screen and (min-width: 1200px) {
  form.sel_temp_club {
    padding: 0 2vh 0 5vw;
  }
}
.sponsored {
  padding: 1.75rem 3rem 2rem 5vw;
}
.sponsored label {
  color: #707070;
  font-size: 0.875rem;
  font-style: italic;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: lowercase;
}
.sponsored label a img {
  transition: all 0.125s ease-in-out;
  filter: opacity(100%);
}
.sponsored label a:hover img {
  filter: opacity(0.7);
}

div.raton_sel_yr h6 {
  margin-bottom: 0;
}
div.raton_sel_yr form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  align-items: top;
  align-content: top;
  margin-bottom: 0;
}
div.raton_sel_yr form > li {
  padding: 0;
  margin: 0;
}
div.raton_sel_yr form label {
  white-space: nowrap;
  line-height: 1;
  margin-bottom: 0;
  font-size: 0.9375rem;
  text-transform: uppercase;
  color: #707070;
}
div.raton_sel_yr form select {
  border: 0;
  line-height: 1;
  margin-bottom: 0;
  padding-left: 0;
  color: #a3b35b;
  transition: all 0.125s ease-in-out;
  font-family: "Oswald", sans-serif;
  font-size: 1rem;
  font-weight: 400;
}
div.raton_sel_yr form select:hover {
  color: #791a17;
}
div.raton_sel_yr form select.active {
  color: #791a17 !important;
  font-weight: 500;
}
div.raton_sel_yr form select option {
  line-height: 1;
  color: #a3b35b;
  transition: all 0.125s ease-in-out;
  font-family: "Oswald", sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

/* initial and fade-in */
body {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}

/* fade-out on click */
body.fade-out {
  opacity: 0;
}

.no_border {
  border: 0 !important;
}

input[data-toggle=tooltip],
span[data-toggle=tooltip],
i[data-toggle=tooltip] {
  transition: all 0.125s ease-in-out;
}
input[data-toggle=tooltip]:hover,
span[data-toggle=tooltip]:hover,
i[data-toggle=tooltip]:hover {
  font-weight: 600;
  cursor: pointer;
}

.ui-tooltip.ui-widget {
  padding: 10px 20px;
  color: white;
  border-radius: 4px;
  font: bold 14px "Helvetica Neue", Sans-Serif;
  text-transform: uppercase;
  box-shadow: 0 0 0 #333333;
  background: #333333 !important;
  border: 1px solid #333333 !important;
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: 0.05rem;
}
.ui-tooltip.ui-widget .ui-tooltip-content strong {
  color: #FFFFFF;
  font-weight: 700;
}
.ui-tooltip.ui-widget .arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
  color: #a3b35b !important;
}
.ui-tooltip.ui-widget .arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  transform: rotate(45deg);
  box-shadow: 6px 5px 9px -9px #a3b35b !important;
  transform: rotate(45deg);
  background-color: #333333 !important;
  background: #333333 !important;
  border-color: #333333 !important;
}
.ui-tooltip.ui-widget .arrow.top {
  top: -16px;
  bottom: auto;
}
.ui-tooltip.ui-widget .arrow.left {
  left: 20%;
}
.ui-tooltip.ui-widget .arrow.top:after {
  bottom: -20px;
  top: auto;
}

form {
  /* Firefox */
}
form input,
form input[type=email],
form input[type=number],
form input[type=search],
form input[type=text],
form input[type=tel],
form input[type=url],
form input[type=password],
form textarea,
form select {
  margin-bottom: 1.25rem;
  width: 95%;
}
form input,
form input[type=email],
form input[type=number],
form input[type=search],
form input[type=text],
form input[type=tel],
form input[type=url],
form input[type=password],
form textarea,
form select {
  height: 2.5rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid #D1D1D1;
  border-radius: 3px;
  background-color: #FFFFFF !important;
}
form input[type=checkbox] {
  width: 1rem;
  height: 1rem;
  width: unset !important;
  display: inline-block;
}
form label.showPwd {
  width: unset !important;
  display: inline-block;
  padding-left: 0.5rem;
}
form label.showPwdlbl {
  display: inline-block;
  width: unset !important;
  padding-left: 0.5rem;
  line-height: 1;
  font-size: 0.875rem;
  letter-spacing: 0;
}
form textarea {
  padding: 0.5rem 0.75rem;
  border: 1px solid #72889F;
  border-radius: 3px;
  width: 95%;
}
form label {
  font-weight: 500;
}
form label span {
  font-style: italic;
  font-weight: 100;
  font-size: 0.9375rem;
  letter-spacing: 0;
  color: rgba(84, 106, 123, 0.38);
  font-family: "Times New Roman", serif;
  font-family: "Garamond", serif;
}
form input[type=email]:focus,
form input[type=date]:focus,
form input[type=number]:focus,
form input[type=search]:focus,
form input[type=text]:focus,
form input[type=tel]:focus,
form input[type=url]:focus,
form input[type=password]:focus,
form textarea:focus,
form select:focus {
  border: 2px solid #8cb247;
}
form input.button {
  margin-top: 0.25rem;
}
form input[readonly] {
  background-color: rgba(84, 106, 123, 0.05);
}
form#loginform input {
  max-width: 20rem;
}
form .btn.btn-primary {
  background-color: #a3b35b !important;
  color: #FFFFFF;
}
form input[type=checkbox] + label {
  color: #707070;
  font-style: italic;
}
form input[type=checkbox]:checked + label {
  color: #000000;
  font-style: normal;
}
form input[type=number] {
  -moz-appearance: textfield;
}

input[type=radio] {
  width: 1rem;
  height: 1rem;
  transition: all 0.125s ease-in-out;
  line-height: 1.2;
}
input[type=radio]:checked ~ label {
  transition: all 0.125s ease-in-out;
}
input[type=radio]:checked {
  accent-color: #72889F;
  transition: all 0.125s ease-in-out;
}
input[type=radio]:checked + label {
  color: #72889F !important;
  border-color: #72889F !important;
  font-weight: 700;
  transition: all 0.125s ease-in-out;
  font-size: 105%;
}

label {
  line-height: 1;
  transition: all 0.125s ease-in-out;
  line-height: 1.2;
}

.radio_match_numbers {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2rem;
}
.radio_match_numbers > li {
  padding: 0;
  margin: 0;
}
.radio_match_numbers input,
.radio_match_numbers label {
  transition: all 0.125s ease-in-out;
}
.radio_match_numbers input[type=radio] {
  flex-basis: 6%;
  margin-bottom: 0;
  line-height: 1;
}
.radio_match_numbers label {
  flex-basis: 10%;
  padding-left: 2%;
  margin-bottom: 0;
}
/* Chrome, Safari, Edge, Opera */
input[type=number],
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
input:-webkit-outer-spin-button,
input:-webkit-inner-spin-button,
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 0;
  text-align: center !important;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number],
input[type=number]::-webkit-inner-spin-button, .no-spin::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
  text-align: center !important;
}

.radio_container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2rem;
}
.radio_container > li {
  padding: 0;
  margin: 0;
}
.radio_container .radio_wrapper {
  width: 100%;
}
.radio_container .radio_wrapper input[type=radio] {
  flex-basis: 7%;
  margin-bottom: 0;
  line-height: 1;
}
.radio_container .radio_wrapper label {
  flex-basis: 85%;
  padding-left: 2%;
  margin-bottom: 0;
}
.radio_container .radio_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 0.25rem;
}
.radio_container .radio_wrapper > li {
  padding: 0;
  margin: 0;
}
.radio_container .radio_wrapper input,
.radio_container .radio_wrapper label {
  transition: all 0.125s ease-in-out;
}
.radio_container .radio_wrapper input {
  margin: 0 0.5rem 0 0;
  width: 1rem;
  height: 1rem;
}
.radio_container .radio_wrapper label {
  margin-bottom: 0;
}
.radio_container .radio_wrapper:hover input,
.radio_container .radio_wrapper:hover label {
  color: #8cb247;
  cursor: pointer;
}
.radio_container .radio_wrapper:hover input {
  color: #8cb247;
}

input[type=password],
input[type=text]#yerPwdHere,
input.pwd_input {
  margin-bottom: 0 !important;
}

.pwd_help_block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  align-items: baseline;
}
.pwd_help_block > li {
  padding: 0;
  margin: 0;
}
.pwd_help_block .showPwdlbl,
.pwd_help_block #passwordValidationMessage {
  padding: 0;
}

#passwordValidationMessage {
  font-style: italic;
  font-size: 0.875rem;
}

.pane {
  display: none;
  transition: all 0.75s ease-in-out;
}

.tab {
  transition: all 0.75s ease-in-out;
}

.confirmation-dialog {
  display: none; /* Ensure the dialog is hidden by default */
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Black background with transparency */
  display: flex;
  align-items: center;
  justify-content: center;
}

.dialog-content {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.dialog-content button {
  margin: 5px;
}

.frm_group .input_group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  justify-content: flex-start;
  align-content: baseline;
  align-items: baseline;
}
.frm_group .input_group > li {
  padding: 0;
  margin: 0;
}
.frm_group .input_group input[type=radio] {
  padding: 0.25rem 1rem 0.25rem 0.25rem;
  height: 1.125rem;
  width: 1.125rem;
}
.frm_group .input_group label {
  padding: 0.25rem 1rem 0.25rem 0.25rem;
}

#messageContainer {
  color: #791a17; /* Default text color for errors */
}

.nine.columns .h1_row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: nowrap;
  align-items: center;
}
.nine.columns .h1_row > li {
  padding: 0;
  margin: 0;
}
.nine.columns .h1_row .h1_container {
  flex-basis: 70%;
}
.nine.columns .h1_row .h1_container h1 {
  order: 1;
}
.nine.columns .h1_row .h1_container .season_date_range {
  order: 3;
}
.nine.columns .h1_row form.sel_yr {
  width: -moz-fit-content;
  width: fit-content;
  flex-basis: auto;
  order: 2;
  position: relative;
  margin-bottom: 0;
}
.nine.columns form.sel_yr {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  align-items: center;
  align-content: center;
}
.nine.columns form.sel_yr > li {
  padding: 0;
  margin: 0;
}
.nine.columns form.sel_yr label {
  white-space: nowrap;
  line-height: 1;
  margin-bottom: 0;
  font-size: 0.9375rem;
  color: rgba(84, 106, 123, 0.38);
  font-style: italic;
}
.nine.columns form.sel_yr select#sel_yr {
  border: 0;
  line-height: 1;
  margin-bottom: 0;
}
.nine.columns form.sel_yr select#sel_yr option {
  line-height: 1;
}

.nine.columns.nested {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
}
.nine.columns.nested > li {
  padding: 0;
  margin: 0;
}
.nine.columns.nested h1 {
  flex-basis: 100%;
}
.nine.columns.nested h4 {
  margin: 1.75rem 0 0 0;
  line-height: 1;
}
.nine.columns.nested .info_block a.view_all {
  line-height: 1;
  display: block;
  font-size: 0.8125rem;
  font-style: italic;
  padding: 0.75rem 0;
}
.nine.columns.nested .info_block .club_data .c_loc {
  font-style: italic;
  color: #707070;
  filter: opacity(0.75);
  line-height: 1;
  padding-top: 0.125rem;
  padding-bottom: 0.75rem;
  font-family: "Titillium Web", sans-serif;
}
.nine.columns.nested .info_block .club_data h6 {
  margin-top: 1rem;
  line-height: 1;
  text-transform: uppercase;
}
.nine.columns.nested .info_block .club_data h6 span {
  font-weight: 300;
  display: block;
  text-transform: capitalize;
  font-style: italic;
  color: #707070;
  filter: opacity(0.75);
  line-height: 1;
  padding-top: 0.125rem;
}
.nine.columns.nested.col_1-4 .info_block {
  flex-basis: 25%;
}
.nine.columns.nested.col_1-4 table,
.nine.columns.nested.col_1-4 .export_btn_group {
  flex-basis: 70%;
}
.nine.columns.nested.col_1-5 .info_block {
  flex-basis: 20%;
}
.nine.columns.nested.col_1-5 table,
.nine.columns.nested.col_1-5 .export_btn_group {
  flex-basis: 75%;
}
.nine.columns.nested.col_1-6 .info_block {
  flex-basis: 15%;
}
.nine.columns.nested.col_1-6 table,
.nine.columns.nested.col_1-6 .export_btn_group {
  flex-basis: 80%;
}
.nine.columns.nested.col_1-8 .info_block {
  flex-basis: 10%;
}
.nine.columns.nested.col_1-8 table,
.nine.columns.nested.col_1-8 .export_btn_group {
  flex-basis: 85%;
}

table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 3.75rem;
}
table thead th {
  font-weight: 500;
  color: #000000;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(84, 106, 123, 0.38);
}
table tr td {
  border-color: rgba(0, 0, 0, 0);
  font-family: "Roboto Condensed", sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
}
table tr.even td {
  border-color: #f1f2f6;
  border-color: rgba(0, 0, 0, 0);
}
table tr.odd td {
  border-color: rgba(0, 0, 0, 0);
}
table th,
table td {
  padding: 0.5rem 0.25rem 0.125rem;
}
table th input,
table td input {
  width: -moz-fit-content;
  width: fit-content;
  width: -webkit-fill-available;
}
table th:first-of-type,
table td:first-of-type {
  padding-left: 0.5rem;
}
table th:last-of-type,
table td:last-of-type {
  padding-right: 0.5rem;
}
table th {
  font-weight: 600;
  white-space: nowrap;
  padding-top: 1.5rem;
}
table td input,
table td select {
  margin-bottom: 0;
}
table td.col_edit {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 0;
  margin: 0;
  border: 0px;
}
table td.col_edit button.edit-btn.edit-button {
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0px;
  transition: all 0.125s ease-in-out;
}
table td.col_edit button.edit-btn.edit-button:after {
  transition: all 0.125s ease-in-out;
  content: "\f044";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.125rem;
  font-weight: 100;
}
table td.col_edit button.edit-btn.edit-button:hover {
  color: #8cb247;
}
table td.col_edit button.edit-btn.edit-button:hover:after {
  font-weight: 700;
}
table td.col_edit button.edit-button.save-button {
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0px;
  transition: all 0.125s ease-in-out;
}
table td.col_edit button.edit-button.save-button:after {
  content: "\f0c7";
  font-weight: 700;
  color: #a3b35b;
  font-family: "Font Awesome 5 Pro";
  transition: all 0.125s ease-in-out;
  font-size: 1.25rem;
}
table td.col_edit button.edit-button.save-button:hover {
  transition: all 0.125s ease-in-out;
  color: #a3b35b;
  border: 1px solid #a3b35b;
}
table td.col_edit button.edit-button.save-button:hover:after {
  font-weight: 700;
  color: #a3b35b;
  font-size: 1.25rem;
}
table td.col_screenshot {
  text-align: left;
  padding: 0;
}
table td.col_screenshot button.btn_screenshot {
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0px;
}
table td.col_screenshot button.btn_screenshot:after {
  content: "\f030";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.125rem;
  font-weight: 100;
}
table td.col_screenshot button.btn_screenshot:hover {
  color: #8cb247;
}
table td.col_screenshot button.btn_screenshot:hover:after {
  font-weight: 700;
}
table td.col_delete {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  font-size: 1.125rem;
  padding: 0;
  margin: 0;
}
table td.col_delete button {
  border: 0px;
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0px;
}
table td.col_delete button:hover {
  cursor: pointer;
  color: #791a17 !important;
}
table td.col_delete button:hover:after {
  transition: all 0.125s ease-in-out;
  font-weight: 700;
}
table td.col_delete button:hover:after.del-button:after {
  text-shadow: 0 0 13px rgba(0, 0, 0, 0.25), 0 0 23px rgba(0, 0, 0, 0.25);
}
table td.col_delete button:after {
  font-family: "Font Awesome 5 Pro";
  content: "\e154";
  content: "\f2ed";
  font-size: 1.125rem;
  font-weight: 100;
  border: 0;
}

.popover.fade.bs-popover-bottom.show .arrow,
.popover.fade.show.bs-popover-bottom .arrow,
.popover.fade.bs-popover-top.show .arrow,
.popover.fade.show.bs-popover-top .arrow {
  top: 50%;
  left: 100%;
  margin: 0 0 0 -27px;
  border-width: 5px 5px 5px 0;
  border-left-color: #000;
  rotate: 270deg;
}
.popover.fade.bs-popover-bottom.show .arrow:after,
.popover.fade.show.bs-popover-bottom .arrow:after,
.popover.fade.bs-popover-top.show .arrow:after,
.popover.fade.show.bs-popover-top .arrow:after {
  top: -20px;
}
.popover.fade.bs-popover-bottom.show .popover-body,
.popover.fade.show.bs-popover-bottom .popover-body,
.popover.fade.bs-popover-top.show .popover-body,
.popover.fade.show.bs-popover-top .popover-body {
  padding: 0.5rem 1rem;
  color: #fff;
  background-color: #000;
  border-radius: 0.25rem;
  font-size: small;
  display: flex;
  flex-wrap: wrap;
}
.popover.fade.bs-popover-bottom.show .popover-body .m_block,
.popover.fade.show.bs-popover-bottom .popover-body .m_block,
.popover.fade.bs-popover-top.show .popover-body .m_block,
.popover.fade.show.bs-popover-top .popover-body .m_block {
  flex-basis: 30%;
  padding: 0.25rem;
}

.tooltip.bs-tooltip-left {
  left: 3vw !important;
}

/* --- TOOLTIP ---------------------------- */
.tooltip {
  position: relative;
  display: inline-block;
  background-color: #000000;
  padding: 1rem;
  color: #f1f2f6;
  width: 300px;
  border-radius: 6px;
  z-index: 100000;
  /* Tooltip text */
  /* Show the tooltip text when you mouse over the tooltip container */
}
.tooltip strong {
  color: #FFFFFF !important;
  font-weight: 700;
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 0.125rem;
  margin-bottom: 0;
  display: block;
}
.tooltip:before {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}
.tooltip:hover {
  cursor: pointer;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: black;
  color: #FFFFFF;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -150px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 0.5rem !important;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  /* Tooltip arrow */
}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.tooltip.left {
  /* Custom offset to move the tooltip further left */
  left: -10px !important; /* Adjust this value as needed */
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: -5px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-left-color: #000;
}
.tooltip.left .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
  font-size: 0.875rem !important;
  background-color: #000000 !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 7px black;
}

.ui-tooltip, .arrow:after {
  background: black;
  border: 2px solid #000 !important;
}

.ui-tooltip {
  padding: 1rem !important;
  border-radius: 4px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  border: 2px solid #000 !important;
  font-size: 0.75rem !important;
  background-color: #000000 !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2) !important;
}

.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  transform: rotate(45deg);
}
.arrow.top {
  top: -16px;
  bottom: auto;
  box-shadow: 0 0 7px black;
}
.arrow.top:after {
  bottom: -20px;
  top: auto;
  box-shadow: 0 0 7px black;
}
.arrow.left {
  left: 20%;
}

main section.container .row .nine.columns.club_list {
  padding-top: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
}
main section.container .row .nine.columns.club_list > li {
  padding: 0;
  margin: 0;
}
main section.container .row .nine.columns.club_list table.a_club_list tbody tr th.col_name {
  width: 28%;
}
main section.container .row .nine.columns.club_list table.a_club_list tbody tr th.col_short_name {
  width: 20%;
}
main section.container .row .nine.columns.club_list table.a_club_list tbody tr th.col_city {
  width: 20%;
}
main section.container .row .nine.columns.club_list table.a_club_list tbody tr th.col_state {
  width: 8%;
}
main section.container .row .nine.columns.club_list table.a_club_list tbody tr th.col_rm {
  width: 19%;
}
main section.container .row .nine.columns.club_list table.a_club_list tbody tr th.col_edit {
  width: 5%;
  text-align: center;
}
main section.container .row .nine.columns.club_list table.a_club_list tbody tr:hover {
  background-color: rgba(84, 106, 123, 0.05);
  cursor: pointer;
}
main section.container .row .nine.columns.club_list table.a_club_list tbody tr:hover td {
  font-weight: 500;
}
main section.container .row .nine.columns.club_list table.a_club_list tr.club-details td div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
  justify-content: flex-start;
}
main section.container .row .nine.columns.club_list table.a_club_list tr.club-details td div > li {
  padding: 0;
  margin: 0;
}
main section.container .row .nine.columns.club_list table.a_club_list tr.club-details td div h6 {
  flex-basis: 100%;
  margin-top: 0;
  padding-left: 0.5rem;
  font-weight: 600;
  color: #333333;
  text-transform: uppercase;
}
main section.container .row .nine.columns.club_list table.a_club_list tr.club-details td div div.m_block {
  flex-basis: 31%;
  padding: 0.25rem 1rem 1rem 0.5rem;
  display: block;
}
main section.container .row .nine.columns.club_list table.a_club_list tr.club-details td div div.m_block span {
  color: rgba(84, 106, 123, 0.5);
  display: inline-block;
  width: 30%;
  font-style: italic;
  padding-top: 0.4375rem;
}
main section.container .row .nine.columns.club_list table.a_club_list tr.club-details td div div.m_block.inactive, main section.container .row .nine.columns.club_list table.a_club_list tr.club-details td div div.m_block.inactive span {
  color: rgba(84, 106, 123, 0.38) !important;
}
main section.container .row .nine.columns.club_list table.a_club_list tr.club-details td div .note_inactive {
  padding-left: 0.5rem;
  flex-basis: 100%;
  text-align: center;
  font-style: italic;
}
main section.container .row .nine.columns.club_list table.a_club_list tr.club-details td > div {
  padding: 0.5rem 0rem 0.5rem 1.5rem;
  margin-left: 1rem;
  margin-right: 2rem;
  border: 1px solid rgba(84, 106, 123, 0.175);
  border-top: 0px solid rgba(84, 106, 123, 0.175);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.1+100 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

main section.container .row .nine.columns.a_matches {
  padding-top: 0;
}
main section.container .row .nine.columns.a_matches h1 {
  margin-bottom: 0;
}
main section.container .row .nine.columns.a_matches .info_block {
  flex-basis: 100%;
  margin-bottom: 3rem;
}
main section.container .row .nine.columns.a_matches .info_block .club_data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  justify-content: flex-start;
  font-family: "Titillium Web", sans-serif;
}
main section.container .row .nine.columns.a_matches .info_block .club_data > li {
  padding: 0;
  margin: 0;
}
main section.container .row .nine.columns.a_matches .info_block .club_data h6 {
  padding: 0 0 0 2rem;
  margin: 0;
  font-weight: 400;
}
table#matchesTable,
table#matchesTable2 {
  table-layout: fixed;
}
table#matchesTable thead tr th.col_date,
table#matchesTable2 thead tr th.col_date {
  width: 10%;
}
table#matchesTable thead tr th.col_m_number,
table#matchesTable2 thead tr th.col_m_number {
  text-align: center;
  width: 6%;
}
table#matchesTable thead tr th.col_active,
table#matchesTable2 thead tr th.col_active {
  text-align: center;
  width: 6%;
}
table#matchesTable thead tr th.col_shooters,
table#matchesTable2 thead tr th.col_shooters {
  text-align: center;
  width: 9%;
}
table#matchesTable thead tr th.col_results,
table#matchesTable2 thead tr th.col_results {
  text-align: center;
  width: 13%;
}
table#matchesTable thead tr th.col_name,
table#matchesTable2 thead tr th.col_name {
  width: 16%;
}
table#matchesTable thead tr th.col_weather,
table#matchesTable2 thead tr th.col_weather {
  width: 14%;
}
table#matchesTable thead tr th.col_details,
table#matchesTable2 thead tr th.col_details {
  width: 14%;
}
table#matchesTable thead tr th.col_details i,
table#matchesTable2 thead tr th.col_details i {
  font-weight: 100;
  color: rgba(84, 106, 123, 0.38);
}
table#matchesTable thead tr th.col_edit,
table#matchesTable2 thead tr th.col_edit {
  width: 4%;
  border: 0;
}
table#matchesTable thead tr th.col_screenshot,
table#matchesTable2 thead tr th.col_screenshot {
  width: 4%;
  border: 0;
}
table#matchesTable thead tr th.col_delete,
table#matchesTable2 thead tr th.col_delete {
  width: 4%;
  text-align: center;
  border: 0;
}
table#matchesTable tbody tr td:has(textarea),
table#matchesTable2 tbody tr td:has(textarea) {
  vertical-align: middle;
}
table#matchesTable tbody tr td textarea,
table#matchesTable2 tbody tr td textarea {
  width: 100%;
}
table#matchesTable tbody tr td.col_m_number,
table#matchesTable2 tbody tr td.col_m_number {
  text-align: center;
}
table#matchesTable tbody tr td.col_active,
table#matchesTable2 tbody tr td.col_active {
  text-align: center;
}
table#matchesTable tbody tr td.col_active input[type=checkbox]:disabled:checked,
table#matchesTable2 tbody tr td.col_active input[type=checkbox]:disabled:checked {
  height: 1.125rem;
  width: 1.125rem;
}
table#matchesTable tbody tr td.col_active input[type=checkbox]:checked,
table#matchesTable2 tbody tr td.col_active input[type=checkbox]:checked {
  height: 1.125rem;
  width: 1.125rem;
}
table#matchesTable tbody tr td.col_shooters,
table#matchesTable2 tbody tr td.col_shooters {
  text-align: center;
}
table#matchesTable tbody tr td.col_results,
table#matchesTable2 tbody tr td.col_results {
  text-align: center;
}
table#matchesTable tbody tr td.col_details,
table#matchesTable2 tbody tr td.col_details {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
table#matchesTable tbody tr td.col_edit,
table#matchesTable2 tbody tr td.col_edit {
  text-align: center;
  padding: 0;
  margin: 0;
  border: 0px;
}
table#matchesTable tbody tr td.col_edit button.edit-btn.edit-button,
table#matchesTable2 tbody tr td.col_edit button.edit-btn.edit-button {
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0px;
  transition: all 0.125s ease-in-out;
}
table#matchesTable tbody tr td.col_edit button.edit-btn.edit-button:after,
table#matchesTable2 tbody tr td.col_edit button.edit-btn.edit-button:after {
  transition: all 0.125s ease-in-out;
  content: "\f044";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.125rem;
  font-weight: 100;
}
table#matchesTable tbody tr td.col_edit button.edit-btn.edit-button:hover,
table#matchesTable2 tbody tr td.col_edit button.edit-btn.edit-button:hover {
  color: #8cb247;
}
table#matchesTable tbody tr td.col_edit button.edit-btn.edit-button:hover:after,
table#matchesTable2 tbody tr td.col_edit button.edit-btn.edit-button:hover:after {
  font-weight: 700;
}
table#matchesTable tbody tr td.col_edit button.edit-button.save-button,
table#matchesTable2 tbody tr td.col_edit button.edit-button.save-button {
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0px;
  transition: all 0.125s ease-in-out;
}
table#matchesTable tbody tr td.col_edit button.edit-button.save-button:after,
table#matchesTable2 tbody tr td.col_edit button.edit-button.save-button:after {
  content: "\f0c7";
  font-weight: 700;
  color: #a3b35b;
  font-family: "Font Awesome 5 Pro";
  transition: all 0.125s ease-in-out;
  font-size: 1.25rem;
}
table#matchesTable tbody tr td.col_edit button.edit-button.save-button:hover,
table#matchesTable2 tbody tr td.col_edit button.edit-button.save-button:hover {
  transition: all 0.125s ease-in-out;
  color: #a3b35b;
  border: 1px solid #a3b35b;
}
table#matchesTable tbody tr td.col_edit button.edit-button.save-button:hover:after,
table#matchesTable2 tbody tr td.col_edit button.edit-button.save-button:hover:after {
  font-weight: 700;
  color: #a3b35b;
  font-size: 1.25rem;
}
table#matchesTable tbody tr td.col_screenshot,
table#matchesTable2 tbody tr td.col_screenshot {
  text-align: left;
  padding: 0;
}
table#matchesTable tbody tr td.col_screenshot button.btn_screenshot,
table#matchesTable2 tbody tr td.col_screenshot button.btn_screenshot {
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0px;
}
table#matchesTable tbody tr td.col_screenshot button.btn_screenshot:after,
table#matchesTable2 tbody tr td.col_screenshot button.btn_screenshot:after {
  content: "\f030";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.125rem;
  font-weight: 100;
}
table#matchesTable tbody tr td.col_screenshot button.btn_screenshot:hover,
table#matchesTable2 tbody tr td.col_screenshot button.btn_screenshot:hover {
  color: #8cb247;
}
table#matchesTable tbody tr td.col_screenshot button.btn_screenshot:hover:after,
table#matchesTable2 tbody tr td.col_screenshot button.btn_screenshot:hover:after {
  font-weight: 700;
}
table#matchesTable tbody tr td.col_delete,
table#matchesTable2 tbody tr td.col_delete {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  font-size: 1.125rem;
  padding: 0;
  margin: 0;
}
table#matchesTable tbody tr td.col_delete button,
table#matchesTable2 tbody tr td.col_delete button {
  border: 0px;
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0px;
}
table#matchesTable tbody tr td.col_delete button:hover,
table#matchesTable2 tbody tr td.col_delete button:hover {
  cursor: pointer;
  color: #791a17 !important;
}
table#matchesTable tbody tr td.col_delete button:hover:after,
table#matchesTable2 tbody tr td.col_delete button:hover:after {
  transition: all 0.125s ease-in-out;
  font-weight: 700;
}
table#matchesTable tbody tr td.col_delete button:hover:after.del-button:after,
table#matchesTable2 tbody tr td.col_delete button:hover:after.del-button:after {
  text-shadow: 0 0 13px rgba(0, 0, 0, 0.25), 0 0 23px rgba(0, 0, 0, 0.25);
}
table#matchesTable tbody tr td.col_delete button:after,
table#matchesTable2 tbody tr td.col_delete button:after {
  font-family: "Font Awesome 5 Pro";
  content: "\e154";
  content: "\f2ed";
  font-size: 1.125rem;
  font-weight: 100;
  border: 0;
}
@media screen and (max-width: 1200px) {
  table#matchesTable tbody,
  table#matchesTable2 tbody {
    table-layout: auto;
  }
  table#matchesTable tbody thead th.col_name,
  table#matchesTable tbody thead th.col_weather,
  table#matchesTable tbody thead th.col_details,
  table#matchesTable2 tbody thead th.col_name,
  table#matchesTable2 tbody thead th.col_weather,
  table#matchesTable2 tbody thead th.col_details {
    display: none;
  }
  table#matchesTable tbody thead th,
  table#matchesTable2 tbody thead th {
    width: auto;
  }
  table#matchesTable tbody tbody td.col_name,
  table#matchesTable tbody tbody td.col_weather,
  table#matchesTable tbody tbody td.col_details,
  table#matchesTable2 tbody tbody td.col_name,
  table#matchesTable2 tbody tbody td.col_weather,
  table#matchesTable2 tbody tbody td.col_details {
    display: none;
  }
  table#matchesTable tbody tbody td,
  table#matchesTable2 tbody tbody td {
    width: auto;
  }
}
table#matchesTable body.admin main section.container .row .nine.columns.club_list .info_block,
table#matchesTable body.admin main section.container .row .nine.columns.a_matches .info_block,
table#matchesTable body.admin main section.container .row .nine.columns.matchesFilter .info_block,
table#matchesTable2 body.admin main section.container .row .nine.columns.club_list .info_block,
table#matchesTable2 body.admin main section.container .row .nine.columns.a_matches .info_block,
table#matchesTable2 body.admin main section.container .row .nine.columns.matchesFilter .info_block {
  margin-bottom: 1.25rem;
}
table#matchesTable body.admin main section.container .row .nine.columns.club_list table#matchesTable,
table#matchesTable body.admin main section.container .row .nine.columns.a_matches table#matchesTable,
table#matchesTable body.admin main section.container .row .nine.columns.matchesFilter table#matchesTable,
table#matchesTable2 body.admin main section.container .row .nine.columns.club_list table#matchesTable,
table#matchesTable2 body.admin main section.container .row .nine.columns.a_matches table#matchesTable,
table#matchesTable2 body.admin main section.container .row .nine.columns.matchesFilter table#matchesTable {
  margin-bottom: 5rem;
}
main section.container .row .nine.columns.matches_filter {
  padding-top: 0;
  padding-right: 4vw;
}
main section.container .row .nine.columns.matches_filter form.filter_block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  justify-content: flex-start;
  margin-bottom: 0.5rem;
}
main section.container .row .nine.columns.matches_filter form.filter_block > li {
  padding: 0;
  margin: 0;
}
main section.container .row .nine.columns.matches_filter form.filter_block select {
  flex-basis: fit-content;
  margin-right: 1rem;
  padding-right: 2rem;
}
main section.container .row .nine.columns.matches_filter table.matches_filter thead tr th.col_id {
  width: 6%;
}
main section.container .row .nine.columns.matches_filter table.matches_filter thead tr th.col_active {
  width: 12%;
  text-align: center;
}
main section.container .row .nine.columns.matches_filter table.matches_filter thead tr th.col_club {
  width: 15%;
}
main section.container .row .nine.columns.matches_filter table.matches_filter thead tr th.col_date {
  width: 15%;
}
main section.container .row .nine.columns.matches_filter table.matches_filter thead tr th.col_m_number {
  width: 10%;
  text-align: center;
}
main section.container .row .nine.columns.matches_filter table.matches_filter thead tr th.col_shooters {
  width: 12%;
  text-align: center;
}
main section.container .row .nine.columns.matches_filter table.matches_filter thead tr th.col_name {
  width: 15%;
}
main section.container .row .nine.columns.matches_filter table.matches_filter thead tr th.col_view {
  width: 15%;
  text-align: center;
}
main section.container .row .nine.columns.matches_filter table.matches_filter tbody tr:hover {
  background-color: rgba(84, 106, 123, 0.05);
  cursor: pointer;
}
main section.container .row .nine.columns.matches_filter table.matches_filter tbody tr:hover td {
  font-weight: 500;
}
main section.container .row .nine.columns.matches_filter table.matches_filter tbody tr td.col_active {
  text-align: center;
}
main section.container .row .nine.columns.matches_filter table.matches_filter tbody tr td.col_m_number {
  text-align: center;
}
main section.container .row .nine.columns.matches_filter table.matches_filter tbody tr td.col_shooters {
  text-align: center;
}
main section.container .row .nine.columns.matches_filter table.matches_filter tbody tr td.col_view {
  text-align: center;
}
@media screen and (max-width: 1200px) {
  main section.container .row .nine.columns.matches_filter table.matches_filter thead tr th,
  main section.container .row .nine.columns.matches_filter table.matches_filter tbody tr td {
    font-family: "Oswald", sans-serif !important;
  }
  main section.container .row .nine.columns.matches_filter table.matches_filter thead tr th.col_name,
  main section.container .row .nine.columns.matches_filter table.matches_filter tbody tr td.col_name {
    display: none;
  }
  main section.container .row .nine.columns.matches_filter table.matches_filter table tr td {
    font-size: 90%;
  }
}
@media screen and (max-width: 1600px) {
  main section.container .row .nine.columns.matches_filter table.matches_filter thead tr th,
  main section.container .row .nine.columns.matches_filter table.matches_filter tbody tr td {
    font-family: "Oswald", sans-serif !important;
  }
  main section.container .row .nine.columns.matches_filter table.matches_filter table tr td {
    font-size: 90%;
  }
}

button#createUserButton {
  position: absolute;
  top: 5rem;
  right: 10%;
  z-index: 200;
}

.expandable {
  width: 100%;
  background-color: #f1f2f6;
  z-index: 300;
}
.expandable h3, .expandable h4 {
  margin-top: 0.5rem;
  margin-bottom: 1.75rem;
}
.expandable form#userForm,
.expandable form#clubForm,
.expandable form#createMatch,
.expandable form#matchesFilter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  padding: 2rem 3rem 0;
  margin-bottom: 1rem;
}
.expandable form#userForm > li,
.expandable form#clubForm > li,
.expandable form#createMatch > li,
.expandable form#matchesFilter > li {
  padding: 0;
  margin: 0;
}
.expandable form#userForm h4,
.expandable form#clubForm h4,
.expandable form#createMatch h4,
.expandable form#matchesFilter h4 {
  flex-basis: 100%;
}
.expandable form#userForm .frm_group,
.expandable form#clubForm .frm_group,
.expandable form#createMatch .frm_group,
.expandable form#matchesFilter .frm_group {
  flex-basis: 22%;
}
.expandable form#userForm .frm_group label,
.expandable form#userForm .frm_group input,
.expandable form#userForm .frm_group select,
.expandable form#clubForm .frm_group label,
.expandable form#clubForm .frm_group input,
.expandable form#clubForm .frm_group select,
.expandable form#createMatch .frm_group label,
.expandable form#createMatch .frm_group input,
.expandable form#createMatch .frm_group select,
.expandable form#matchesFilter .frm_group label,
.expandable form#matchesFilter .frm_group input,
.expandable form#matchesFilter .frm_group select {
  width: 100%;
  flex-basis: 100%;
}
.expandable form#userForm .frm_group label#lname, .expandable form#userForm .frm_group label#password,
.expandable form#userForm .frm_group input#lname,
.expandable form#userForm .frm_group input#password,
.expandable form#userForm .frm_group select#lname,
.expandable form#userForm .frm_group select#password,
.expandable form#clubForm .frm_group label#lname,
.expandable form#clubForm .frm_group label#password,
.expandable form#clubForm .frm_group input#lname,
.expandable form#clubForm .frm_group input#password,
.expandable form#clubForm .frm_group select#lname,
.expandable form#clubForm .frm_group select#password,
.expandable form#createMatch .frm_group label#lname,
.expandable form#createMatch .frm_group label#password,
.expandable form#createMatch .frm_group input#lname,
.expandable form#createMatch .frm_group input#password,
.expandable form#createMatch .frm_group select#lname,
.expandable form#createMatch .frm_group select#password,
.expandable form#matchesFilter .frm_group label#lname,
.expandable form#matchesFilter .frm_group label#password,
.expandable form#matchesFilter .frm_group input#lname,
.expandable form#matchesFilter .frm_group input#password,
.expandable form#matchesFilter .frm_group select#lname,
.expandable form#matchesFilter .frm_group select#password {
  margin-bottom: 0.25rem;
  line-height: 1;
}
.expandable form#userForm .frm_group label[type=checkbox],
.expandable form#userForm .frm_group input[type=checkbox],
.expandable form#userForm .frm_group select[type=checkbox],
.expandable form#clubForm .frm_group label[type=checkbox],
.expandable form#clubForm .frm_group input[type=checkbox],
.expandable form#clubForm .frm_group select[type=checkbox],
.expandable form#createMatch .frm_group label[type=checkbox],
.expandable form#createMatch .frm_group input[type=checkbox],
.expandable form#createMatch .frm_group select[type=checkbox],
.expandable form#matchesFilter .frm_group label[type=checkbox],
.expandable form#matchesFilter .frm_group input[type=checkbox],
.expandable form#matchesFilter .frm_group select[type=checkbox] {
  margin-left: 0.5rem;
  margin-bottom: 0;
}
.expandable form#userForm .frm_group label#clubby,
.expandable form#userForm .frm_group input#clubby,
.expandable form#userForm .frm_group select#clubby,
.expandable form#clubForm .frm_group label#clubby,
.expandable form#clubForm .frm_group input#clubby,
.expandable form#clubForm .frm_group select#clubby,
.expandable form#createMatch .frm_group label#clubby,
.expandable form#createMatch .frm_group input#clubby,
.expandable form#createMatch .frm_group select#clubby,
.expandable form#matchesFilter .frm_group label#clubby,
.expandable form#matchesFilter .frm_group input#clubby,
.expandable form#matchesFilter .frm_group select#clubby {
  background-color: rgba(0, 0, 0, 0) !important;
  border: 0px;
}
.expandable form#userForm .frm_group .radio_match_numbers,
.expandable form#clubForm .frm_group .radio_match_numbers,
.expandable form#createMatch .frm_group .radio_match_numbers,
.expandable form#matchesFilter .frm_group .radio_match_numbers {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2rem;
}
.expandable form#userForm .frm_group .radio_match_numbers > li,
.expandable form#clubForm .frm_group .radio_match_numbers > li,
.expandable form#createMatch .frm_group .radio_match_numbers > li,
.expandable form#matchesFilter .frm_group .radio_match_numbers > li {
  padding: 0;
  margin: 0;
}
.expandable form#userForm .frm_group .radio_match_numbers input[type=radio],
.expandable form#clubForm .frm_group .radio_match_numbers input[type=radio],
.expandable form#createMatch .frm_group .radio_match_numbers input[type=radio],
.expandable form#matchesFilter .frm_group .radio_match_numbers input[type=radio] {
  flex-basis: 6%;
  margin-bottom: 0;
  line-height: 1;
}
.expandable form#userForm .frm_group .radio_match_numbers label,
.expandable form#clubForm .frm_group .radio_match_numbers label,
.expandable form#createMatch .frm_group .radio_match_numbers label,
.expandable form#matchesFilter .frm_group .radio_match_numbers label {
  flex-basis: 10%;
  padding-left: 2%;
  margin-bottom: 0;
}
.expandable form#userForm .frm_group textarea#phone_note,
.expandable form#clubForm .frm_group textarea#phone_note,
.expandable form#createMatch .frm_group textarea#phone_note,
.expandable form#matchesFilter .frm_group textarea#phone_note {
  min-height: 10rem !important;
}
.expandable form#userForm .frm_group button,
.expandable form#clubForm .frm_group button,
.expandable form#createMatch .frm_group button,
.expandable form#matchesFilter .frm_group button {
  width: 100%;
  margin: 0;
  transition: all 0.125s ease-in-out;
  filter: saturate(100%);
}
.expandable form#userForm .frm_group button:disabled,
.expandable form#clubForm .frm_group button:disabled,
.expandable form#createMatch .frm_group button:disabled,
.expandable form#matchesFilter .frm_group button:disabled {
  color: #707070;
  filter: saturate(15%);
  cursor: default;
}
.expandable form#createMatch .frm_group {
  flex-basis: 25%;
}
.expandable form#createMatch .frm_group:nth-of-type(2) {
  flex-basis: 25%;
}
.expandable form#createMatch .frm_group:last-of-type {
  flex-basis: 40%;
}
.expandable form#createMatch .frm_group label.button,
.expandable form#createMatch .frm_group input.button,
.expandable form#createMatch .frm_group select.button {
  width: 95%;
  margin-bottom: 0;
}

#searchInput {
  margin-bottom: 0;
  margin-top: 1.5rem;
  min-width: 300px;
}

table.members_list tbody tr th.col_lname {
  width: 15%;
}
table.members_list tbody tr th.col_fname {
  width: 12%;
}
table.members_list tbody tr th.col_email {
  width: 21%;
}
table.members_list tbody tr th.col_club {
  width: 23%;
}
table.members_list tbody tr th.col_created {
  width: 15%;
}
table.members_list tbody tr th.col_id {
  width: 7%;
}
table.members_list tbody tr th.col_edit {
  width: 7%;
  text-align: center;
}
table.members_list tbody tr:hover {
  background-color: rgba(84, 106, 123, 0.05);
  cursor: pointer;
}
table.members_list tbody tr:hover td {
  font-weight: 500;
}
tr.user-details {
  display: none;
}
tr.user-details:hover {
  background-color: rgba(0, 0, 0, 0) !important;
}
tr.user-details:hover td {
  font-weight: 400 !important;
}
tr.user-details td div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
  justify-content: flex-start;
}
tr.user-details td div > li {
  padding: 0;
  margin: 0;
}
tr.user-details td div h6 {
  flex-basis: 100%;
  margin-top: 0;
  padding-left: 0.5rem;
  font-weight: 600;
  color: #333333;
  text-transform: uppercase;
}
tr.user-details td div div.m_block {
  flex-basis: 25%;
  padding: 0.25rem 1rem 1rem 0.5rem;
  display: block;
}
tr.user-details td div div.m_block span {
  color: #a3b35b;
}
tr.user-details td div div.m_block.inactive, tr.user-details td div div.m_block.inactive span {
  color: rgba(84, 106, 123, 0.38) !important;
}
tr.user-details td div .note_inactive {
  padding-left: 0.5rem;
  flex-basis: 100%;
  text-align: center;
  font-style: italic;
}
tr.user-details td > div {
  padding: 0.5rem 0rem 0.5rem 1.5rem;
  margin-left: 1rem;
  margin-right: 2rem;
  border: 1px solid rgba(84, 106, 123, 0.175);
  border-top: 0px solid rgba(84, 106, 123, 0.175);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.1+100 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

main section.container .row .nine.columns.match_schedule.nested {
  padding-right: 7vw;
}
main section.container .row .nine.columns.match_schedule.nested h1 {
  margin-bottom: 0.75rem;
}
main section.container .row .nine.columns.match_schedule.nested .button_nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
}
main section.container .row .nine.columns.match_schedule.nested .button_nav > li {
  padding: 0;
  margin: 0;
}
main section.container .row .nine.columns.match_schedule.nested .button_nav h6 {
  line-height: 1;
  padding: 0;
  margin: 0;
  color: #707070;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "Times New Roman", serif;
  font-style: italic;
}
main section.container .row .nine.columns.match_schedule.nested .button_nav button {
  border: 0px solid #fff;
  margin-bottom: 0.25rem;
  color: #a3b35b;
  flex-grow: 1;
  height: 1.75rem;
  line-height: 2.5;
}
main section.container .row .nine.columns.match_schedule.nested .button_nav .tab {
  transition: all 0.125s ease-in-out;
  padding: 0 1vw;
  font-size: 0.8125rem;
}
main section.container .row .nine.columns.match_schedule.nested .button_nav .tab:after {
  transition: all 0.125s ease-in-out;
  border-bottom: 0px solid #791a17;
}
main section.container .row .nine.columns.match_schedule.nested .button_nav .tab.active {
  color: #791a17;
}
main section.container .row .nine.columns.match_schedule.nested .button_nav .tab:hover {
  color: #791a17;
}
main section.container .row .nine.columns.match_schedule.nested .button_nav .tab:hover:after {
  display: block;
  width: 70%;
  margin: 0 auto;
  content: "";
}
@media screen and (min-width: 1400px) {
  main section.container .row .nine.columns.match_schedule.nested .button_nav h6 {
    flex-basis: auto;
    line-height: 2;
  }
}
main section.container .row .nine.columns.match_schedule.nested .ifb {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  padding-top: 1.5rem;
}
main section.container .row .nine.columns.match_schedule.nested .ifb > li {
  padding: 0;
  margin: 0;
}
main section.container .row .nine.columns.match_schedule.nested .ifb table thead tr th.col_date {
  width: 30%;
}
main section.container .row .nine.columns.match_schedule.nested .ifb table thead tr th.col_m_number {
  width: 20%;
  text-align: center;
}
main section.container .row .nine.columns.match_schedule.nested .ifb table thead tr th.col_results {
  width: 25%;
  text-align: center;
}
main section.container .row .nine.columns.match_schedule.nested .ifb table thead tr th.col_shooters {
  width: 25%;
  text-align: center;
}
main section.container .row .nine.columns.match_schedule.nested .ifb table tbody tr.row_link:hover {
  background-color: rgba(84, 106, 123, 0.05);
  cursor: pointer;
}
main section.container .row .nine.columns.match_schedule.nested .ifb table tbody tr.row_link:hover td {
  font-weight: 500;
}
main section.container .row .nine.columns.match_schedule.nested .ifb table tbody tr td.col_m_number {
  text-align: center;
}
main section.container .row .nine.columns.match_schedule.nested .ifb table tbody tr td.col_results {
  text-align: center;
}
main section.container .row .nine.columns.match_schedule.nested .ifb table tbody tr td.col_shooters {
  text-align: center;
}

main section.container .row .nine.columns.top5.nested {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
  align-content: flex-start;
  padding-right: 6vw;
}
main section.container .row .nine.columns.top5.nested > li {
  padding: 0;
  margin: 0;
}
main section.container .row .nine.columns.top5.nested .info_block {
  flex-basis: 15%;
}
main section.container .row .nine.columns.top5.nested table {
  flex-basis: 80%;
}
main section.container .row .nine.columns.top5.nested table.top5 {
  table-layout: auto;
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_rank {
  width: 10%;
  text-align: center;
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_name {
  width: 20%;
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_club {
  width: 30%;
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_rifle {
  width: 20%;
}
@media screen and (max-width: 1200px) {
  main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_rifle {
    display: none;
  }
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_agg {
  width: 10%;
  text-align: right;
  padding-right: 1%;
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_agg_x {
  width: 10%;
  text-align: right;
  padding-right: 4%;
}
main section.container .row .nine.columns.top5.nested table.top5 tbody tr td.col_rank {
  text-align: center;
}
@media screen and (max-width: 1200px) {
  main section.container .row .nine.columns.top5.nested table.top5 tbody tr td.col_rifle {
    display: none;
  }
}
main section.container .row .nine.columns.top5.nested table.top5 tbody tr td.col_agg {
  text-align: right;
}
main section.container .row .nine.columns.top5.nested table.top5 tbody tr td.col_agg_x {
  text-align: right;
  padding-right: 3%;
}
main section.container .row .nine.columns.top5.nested table.top5 {
  width: 100%;
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th {
  border-bottom: 1px solid;
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_rank {
  width: 10%;
  text-align: center;
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_name {
  width: 20%;
  padding-left: 1%;
  position: relative;
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_name:after {
  content: "";
  position: absolute;
  left: 98%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_rifle {
  width: 20%;
  padding-left: 1%;
  position: relative;
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_rifle:after {
  content: "";
  position: absolute;
  left: 98%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_club {
  width: 30%;
  padding-left: 1%;
  position: relative;
  border-color: #8cb247;
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_club:after {
  content: "";
  position: absolute;
  left: 98%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_agg {
  width: 10%;
  padding-left: 2%;
  text-align: center;
  border-color: #991a17;
  position: relative;
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_agg:after {
  content: "";
  position: absolute;
  left: 0%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
main section.container .row .nine.columns.top5.nested table.top5 thead tr th.col_agg_x {
  width: 10%;
  padding-right: 2%;
  text-align: center;
  border-color: #991a17;
}
main section.container .row .nine.columns.top5.nested table.top5 tbody tr td.col_rank {
  padding-left: 1rem;
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.175);
}
main section.container .row .nine.columns.top5.nested table.top5 tbody tr td.col_name {
  padding-left: 1%;
}
main section.container .row .nine.columns.top5.nested table.top5 tbody tr td.col_cal {
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.175);
}
main section.container .row .nine.columns.top5.nested table.top5 tbody tr td.col_rifle {
  padding-left: 1%;
}
main section.container .row .nine.columns.top5.nested table.top5 tbody tr td.col_club {
  padding-left: 1%;
}
main section.container .row .nine.columns.top5.nested table.top5 tbody tr td.col_agg {
  padding-left: 2%;
  text-align: center;
  font-weight: 700;
  border-right: 1px solid rgba(153, 26, 23, 0.25);
  white-space: nowrap;
  text-overflow: initial;
}
main section.container .row .nine.columns.top5.nested table.top5 tbody tr td.col_agg_x {
  padding-right: 2%;
  text-align: center;
  font-weight: 700;
}

main section.container .row .nine.columns.club_champ.nested {
  padding-right: 6vw;
}
main section.container .row .nine.columns.club_champ.nested table.club_champ {
  table-layout: auto;
}
main section.container .row .nine.columns.club_champ.nested table.club_champ thead tr th.col_class {
  width: 20%;
}
main section.container .row .nine.columns.club_champ.nested table.club_champ thead tr th.col_name {
  width: 30%;
}
main section.container .row .nine.columns.club_champ.nested table.club_champ thead tr th.col_rifle {
  width: 30%;
}
@media screen and (max-width: 1200px) {
  main section.container .row .nine.columns.club_champ.nested table.club_champ thead tr th.col_rifle {
    display: none;
  }
}
main section.container .row .nine.columns.club_champ.nested table.club_champ thead tr th.col_total {
  text-align: center;
  width: 10%;
}
main section.container .row .nine.columns.club_champ.nested table.club_champ thead tr th.col_total_x {
  text-align: center;
  width: 10%;
}
@media screen and (max-width: 1200px) {
  main section.container .row .nine.columns.club_champ.nested table.club_champ tbody tr td.col_rifle {
    display: none;
  }
}
main section.container .row .nine.columns.club_champ.nested table.club_champ tbody tr td.col_total {
  text-align: center;
}
main section.container .row .nine.columns.club_champ.nested table.club_champ tbody tr td.col_total_x {
  text-align: center;
}

.nine.columns.leaderboard .lb_class_header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  justify-content: space-between;
  align-items: center;
  padding-top: 3.5rem;
}
.nine.columns.leaderboard .lb_class_header > li {
  padding: 0;
  margin: 0;
}
.nine.columns.leaderboard .lb_class_header:first-of-type {
  padding-top: 0;
}
.nine.columns.leaderboard .lb_class_header ul.lc_nav {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  margin-bottom: 0;
  padding-top: 2rem;
  align-items: baseline;
}
.nine.columns.leaderboard .lb_class_header ul.lc_nav > li {
  padding: 0;
  margin: 0;
}
.nine.columns.leaderboard .lb_class_header ul.lc_nav li {
  list-style: none;
}
.nine.columns.leaderboard .lb_class_header ul.lc_nav li h5 {
  padding: 0;
  margin: 0;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 300;
  font-style: italic;
  font-size: 0.875rem;
}
.nine.columns.leaderboard .lb_class_header ul.lc_nav li a {
  padding: 0.5rem 0.75rem;
  line-height: 1.3;
  text-transform: uppercase;
  font-size: 0.875rem;
}
.nine.columns.leaderboard table.lbclass {
  width: 100%;
}
.nine.columns.leaderboard table.lbclass thead tr th.col_rank {
  width: 5%;
  text-align: center;
}
.nine.columns.leaderboard table.lbclass thead tr th.col_name {
  width: 24%;
  padding-left: 1%;
  position: relative;
}
.nine.columns.leaderboard table.lbclass thead tr th.col_name:after {
  content: "";
  position: absolute;
  left: 98%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
.nine.columns.leaderboard table.lbclass thead tr th.col_cal {
  width: 6%;
  text-align: center;
}
.nine.columns.leaderboard table.lbclass thead tr th.col_rifle {
  width: 24%;
  padding-left: 1%;
  position: relative;
}
.nine.columns.leaderboard table.lbclass thead tr th.col_rifle:after {
  content: "";
  position: absolute;
  left: 98%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
.nine.columns.leaderboard table.lbclass thead tr th.col_club {
  width: 26%;
  padding-left: 1%;
  border-color: #8cb247;
  position: relative;
}
.nine.columns.leaderboard table.lbclass thead tr th.col_club:after {
  content: "";
  position: absolute;
  left: 98%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
.nine.columns.leaderboard table.lbclass thead tr th.col_agg {
  width: 5%;
  padding-left: 2%;
  text-align: center;
  border-color: #991a17;
}
.nine.columns.leaderboard table.lbclass thead tr th.col_agg_x {
  width: 5%;
  padding-right: 2%;
  text-align: center;
  border-color: #991a17;
}
.nine.columns.leaderboard table.lbclass tbody tr td.col_rank {
  padding-left: 1rem;
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.175);
}
.nine.columns.leaderboard table.lbclass tbody tr td.col_name {
  padding-left: 1%;
}
.nine.columns.leaderboard table.lbclass tbody tr td.col_cal {
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.175);
}
.nine.columns.leaderboard table.lbclass tbody tr td.col_rifle {
  padding-left: 1%;
}
.nine.columns.leaderboard table.lbclass tbody tr td.col_club {
  padding-left: 1%;
}
.nine.columns.leaderboard table.lbclass tbody tr td.col_agg {
  padding-left: 2%;
  text-align: center;
  font-weight: 700;
  border-right: 1px solid rgba(153, 26, 23, 0.25);
  white-space: nowrap;
  text-overflow: initial;
}
.nine.columns.leaderboard table.lbclass tbody tr td.col_agg_x {
  padding-right: 2%;
  text-align: center;
  font-weight: 700;
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_rank {
  width: 5%;
  text-align: center;
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_name {
  width: 15%;
  padding-left: 1%;
  position: relative;
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_name:after {
  content: "";
  position: absolute;
  left: 98%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_date {
  width: 10%;
  padding-left: 1%;
  position: relative;
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_date:after {
  content: "";
  position: absolute;
  right: 0%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_rifle {
  width: 12%;
  padding-left: 1%;
}
@media screen and (max-width: 1600px) {
  .nine.columns.leaderboard table.leaderboard thead tr th.col_rifle {
    display: none;
  }
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_caliber {
  width: 6%;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1600px) {
  .nine.columns.leaderboard table.leaderboard thead tr th.col_caliber {
    display: none;
  }
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_caliber:after {
  content: "";
  position: absolute;
  left: 98%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_score_1 {
  width: 4%;
  text-align: center;
  border-color: #8cb247;
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_score_x_1 {
  width: 4%;
  text-align: center;
  border-color: #8cb247;
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_score_2 {
  width: 4%;
  text-align: center;
  border-color: #8cb247;
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_score_x_2 {
  width: 4%;
  text-align: center;
  border-color: #8cb247;
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_score_3 {
  width: 4%;
  text-align: center;
  border-color: #8cb247;
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_score_x_3 {
  width: 4%;
  text-align: center;
  border-color: #8cb247;
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_total {
  width: 5%;
  padding-left: 2%;
  text-align: center;
  border-color: #72889F;
  position: relative;
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_total:after {
  content: "";
  position: absolute;
  left: 0%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_total_x {
  width: 5%;
  padding-right: 2%;
  text-align: center;
  border-color: #72889F;
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_agg {
  width: 5%;
  padding-left: 2%;
  text-align: center;
  border-color: #991a17;
  position: relative;
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_agg:after {
  content: "";
  position: absolute;
  left: 0%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
.nine.columns.leaderboard table.leaderboard thead tr th.col_agg_x {
  width: 5%;
  padding-right: 2%;
  text-align: center;
  border-color: #991a17;
}
.nine.columns.leaderboard table.leaderboard tbody tr {
  transition: all 0.125s ease-in-out;
}
.nine.columns.leaderboard table.leaderboard tbody tr:hover {
  background-color: rgba(140, 178, 71, 0.2);
  cursor: pointer;
}
.nine.columns.leaderboard table.leaderboard tbody tr:hover td {
  font-weight: 500;
  background-color: rgba(140, 178, 71, 0.2);
  color: #000000;
}
.nine.columns.leaderboard table.leaderboard tbody tr:hover td span {
  color: #000000;
}
.nine.columns.leaderboard table.leaderboard tbody tr td.col_rank {
  width: 5%;
  padding-left: 1rem;
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.175);
}
.nine.columns.leaderboard table.leaderboard tbody tr td.col_name {
  width: 15%;
  padding-left: 1%;
}
.nine.columns.leaderboard table.leaderboard tbody tr td.col_date {
  width: 10%;
  padding-left: 1%;
}
.nine.columns.leaderboard table.leaderboard tbody tr td.col_rifle {
  width: 12%;
  padding-left: 1%;
  border-right: 1px solid rgba(84, 106, 123, 0.175);
}
@media screen and (max-width: 1600px) {
  .nine.columns.leaderboard table.leaderboard tbody tr td.col_rifle {
    display: none;
  }
}
.nine.columns.leaderboard table.leaderboard tbody tr td.col_caliber {
  width: 6%;
  text-align: center;
}
@media screen and (max-width: 1600px) {
  .nine.columns.leaderboard table.leaderboard tbody tr td.col_caliber {
    display: none;
  }
}
.nine.columns.leaderboard table.leaderboard tbody tr td.col_score_1 {
  width: 4%;
  text-align: center;
  border-right: 1px solid #8cb247;
}
.nine.columns.leaderboard table.leaderboard tbody tr td.col_score_x_1 {
  width: 4%;
  text-align: center;
  border-right: 1px solid #8cb247;
}
.nine.columns.leaderboard table.leaderboard tbody tr td.col_score_2 {
  width: 4%;
  text-align: center;
  border-right: 1px solid #8cb247;
}
.nine.columns.leaderboard table.leaderboard tbody tr td.col_score_x_2 {
  width: 4%;
  text-align: center;
  border-right: 1px solid #8cb247;
}
.nine.columns.leaderboard table.leaderboard tbody tr td.col_score_3 {
  width: 4%;
  text-align: center;
  border-right: 1px solid #8cb247;
}
.nine.columns.leaderboard table.leaderboard tbody tr td.col_score_x_3 {
  width: 4%;
  text-align: center;
}
.nine.columns.leaderboard table.leaderboard tbody tr td.col_total {
  width: 5%;
  padding-left: 2%;
  text-align: center;
  border-right: 1px solid rgba(114, 136, 159, 0.25);
}
.nine.columns.leaderboard table.leaderboard tbody tr td.col_total_x {
  width: 5%;
  padding-right: 2%;
  text-align: center;
}
.nine.columns.leaderboard table.leaderboard tbody tr td.col_agg {
  width: 5%;
  padding-left: 2%;
  text-align: center;
  font-weight: 700;
  border-right: 1px solid rgba(153, 26, 23, 0.25);
  white-space: nowrap;
  text-overflow: initial;
}
.nine.columns.leaderboard table.leaderboard tbody tr td.col_agg_x {
  width: 5%;
  padding-right: 2%;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .nine.columns.leaderboard table thead tr th,
  .nine.columns.leaderboard table tbody tr td {
    font-family: "Oswald", sans-serif !important;
  }
  .nine.columns.leaderboard thead tr th.col_caliber,
  .nine.columns.leaderboard tbody tr td.col_caliber,
  .nine.columns.leaderboard thead tr th.col_rifle,
  .nine.columns.leaderboard tbody tr td.col_rifle {
    display: none;
  }
  .nine.columns.leaderboard table tr td {
    font-size: 90%;
  }
}
.nine.columns.leaderboard table tr.odd td {
  background-color: #f1f2f6;
}
.nine.columns.e_scorecard table#activeRecords,
.nine.columns.e_scorecard table#inactiveRecords {
  width: 100%; /* Ensure the table uses full available width */
}
.nine.columns.e_scorecard table#activeRecords th,
.nine.columns.e_scorecard table#activeRecords th,
.nine.columns.e_scorecard table#activeRecords td,
.nine.columns.e_scorecard table#activeRecords td,
.nine.columns.e_scorecard table#inactiveRecords th,
.nine.columns.e_scorecard table#inactiveRecords th,
.nine.columns.e_scorecard table#inactiveRecords td,
.nine.columns.e_scorecard table#inactiveRecords td {
  overflow: visible; /* Keeps content contained within the cell */
  white-space: nowrap; /* Prevents text from wrapping to the next line */
  text-overflow: ellipsis; /* Adds an ellipsis to truncated text */
}
.nine.columns.e_scorecard table#activeRecords .hide_me,
.nine.columns.e_scorecard table#inactiveRecords .hide_me {
  display: none;
}
.nine.columns.e_scorecard table#activeRecords thead th,
.nine.columns.e_scorecard table#activeRecords tbody td,
.nine.columns.e_scorecard table#inactiveRecords thead th,
.nine.columns.e_scorecard table#inactiveRecords tbody td {
  padding-right: 0;
  padding-left: 0;
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_edit,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_edit {
  width: 3%;
  text-align: center;
  border-bottom: 0px solid #FFFFFF;
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_delete,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_delete {
  width: 3%;
  text-align: center;
  border-bottom: 0px solid #FFFFFF;
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_id,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_id {
  width: 5%;
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_active,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_active {
  width: 5%;
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_fname,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_fname {
  width: 10%;
  padding-left: 2%;
}
@media screen and (max-width: 1200px) {
  .nine.columns.e_scorecard table#activeRecords thead tr th.col_fname span,
  .nine.columns.e_scorecard table#inactiveRecords thead tr th.col_fname span {
    display: none;
  }
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_lname,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_lname {
  width: 10%;
}
@media screen and (max-width: 1200px) {
  .nine.columns.e_scorecard table#activeRecords thead tr th.col_lname span,
  .nine.columns.e_scorecard table#inactiveRecords thead tr th.col_lname span {
    display: none;
  }
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_cal,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_cal {
  width: 4%;
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_rifle,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_rifle {
  width: 13%;
}
@media screen and (max-width: 1200px) {
  .nine.columns.e_scorecard table#activeRecords thead tr th.col_rifle,
  .nine.columns.e_scorecard table#inactiveRecords thead tr th.col_rifle {
    display: none;
  }
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_m_class,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_m_class {
  width: 10%;
  text-align: center;
  position: relative;
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_m_class:after,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_m_class:after {
  content: "";
  position: absolute;
  left: 98%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_card_1_score,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_card_1_score {
  width: 4%;
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_card_1_x,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_card_1_x {
  width: 4%;
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_card_2_score,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_card_2_score {
  width: 4%;
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_card_2_x,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_card_2_x {
  width: 4%;
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_card_3_score,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_card_3_score {
  width: 4%;
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_card_3_x,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_card_3_x {
  width: 4%;
  text-align: center;
  position: relative;
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_card_3_x:after,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_card_3_x:after {
  content: "";
  position: absolute;
  left: 98%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_total,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_total {
  width: 5%;
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords thead tr th.col_total_x,
.nine.columns.e_scorecard table#inactiveRecords thead tr th.col_total_x {
  width: 4%;
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_edit,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_edit {
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_edit button.edit-button,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_edit button.edit-button {
  padding: 0;
  margin: 0;
  width: 42%;
  border: 0px;
  transition: all 0.125s ease-in-out;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_edit button.edit-button:after,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_edit button.edit-button:after {
  transition: all 0.125s ease-in-out;
  content: "\f044";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.125rem;
  font-weight: 100;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_edit button.edit-button:hover,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_edit button.edit-button:hover {
  color: #8cb247;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_edit button.edit-button:hover:after,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_edit button.edit-button:hover:after {
  font-weight: 700;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_edit button.save-button,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_edit button.save-button {
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0px;
  transition: all 0.125s ease-in-out;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_edit button.save-button:after,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_edit button.save-button:after {
  content: "\f0c7";
  font-weight: 700;
  color: #a3b35b;
  font-family: "Font Awesome 5 Pro";
  transition: all 0.125s ease-in-out;
  font-size: 1.25rem;
  padding-left: 0.25rem;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_edit button.save-button:hover,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_edit button.save-button:hover {
  transition: all 0.125s ease-in-out;
  color: #a3b35b;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_edit button.save-button:hover:after,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_edit button.save-button:hover:after {
  font-weight: 700;
  color: #8cb247;
  font-size: 2rem;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_delete,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_delete {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  font-size: 1rem;
  padding: 0.25rem;
  margin: 0;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_delete button.del-button,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_delete button.del-button {
  border: 0px;
  padding: 0;
  margin: 0;
  width: 42%;
  border: 0px;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_delete button.del-button:hover,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_delete button.del-button:hover {
  cursor: pointer;
  color: #791a17 !important;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_delete button.del-button:hover:after,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_delete button.del-button:hover:after {
  transition: all 0.125s ease-in-out;
  font-weight: 700;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_delete button.del-button:after,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_delete button.del-button:after {
  font-family: "Font Awesome 5 Pro";
  content: "\e154";
  content: "\f2ed";
  font-size: 1.125rem;
  font-weight: 100;
  border: 0;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row.editing .col_delete button,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row.editing .col_delete button {
  display: none;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_active,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_active {
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_id,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_id {
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_fname,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_fname {
  padding-left: 2%;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row.editing td.col_fname input,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row.editing td.col_fname input {
  border: 0;
  padding-left: 0;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row.editing td.col_lname input,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row.editing td.col_lname input {
  border: 0;
  padding-left: 0;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_cal,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_cal {
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_rifle,
  .nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_rifle {
    display: none;
  }
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_m_class,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_m_class {
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_card_1_score,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_card_1_score {
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_card_1_x,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_card_1_x {
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_card_2_score,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_card_2_score {
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_card_2_x,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_card_2_x {
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_card_3_score,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_card_3_score {
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_card_3_x,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_card_3_x {
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_total,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_total {
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row.editing td.col_total input,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row.editing td.col_total input {
  border: 0;
  padding-left: 0;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_total_x,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_total_x {
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row.editing td.col_total_x input,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row.editing td.col_total_x input {
  border: 0;
  padding-left: 0;
}
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row .col_card_1_score input,
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_card_1_x input,
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_card_2_score input,
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_card_2_x input,
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_card_3_score input,
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_card_3_x input,
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_total input,
.nine.columns.e_scorecard table#activeRecords tbody tr.record-row td.col_total_x input,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row .col_card_1_score input,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_card_1_x input,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_card_2_score input,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_card_2_x input,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_card_3_score input,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_card_3_x input,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_total input,
.nine.columns.e_scorecard table#inactiveRecords tbody tr.record-row td.col_total_x input {
  padding: 6px 2px;
  text-align: center;
}
.nine.columns.e_scorecard table#activeRecords input[type=text],
.nine.columns.e_scorecard table#activeRecords input[type=text],
.nine.columns.e_scorecard table#inactiveRecords input[type=text],
.nine.columns.e_scorecard table#inactiveRecords input[type=text] {
  box-sizing: border-box; /* Include padding and border in the element's total width and height */
}
.nine.columns.e_scorecard table#activeRecords input:disabled.btn:hover,
.nine.columns.e_scorecard table#activeRecords input:disabled.btn:active,
.nine.columns.e_scorecard table#activeRecords input:disabled.btn:focus,
.nine.columns.e_scorecard table#inactiveRecords input:disabled.btn:hover,
.nine.columns.e_scorecard table#inactiveRecords input:disabled.btn:active,
.nine.columns.e_scorecard table#inactiveRecords input:disabled.btn:focus {
  color: green;
  background-color: #8cb247;
  border-color: #8cb247;
}

table.m_details thead tr th.col_rank {
  width: 5%;
  text-align: center;
}
table.m_details thead tr th.col_name {
  width: 16%;
  position: relative;
}
table.m_details thead tr th.col_name:after {
  content: "";
  position: absolute;
  left: 98%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
table.m_details thead tr th.col_caliber {
  width: 9%;
  text-align: center;
}
table.m_details thead tr th.col_rifle {
  width: 16%;
  position: relative;
}
@media screen and (max-width: 1200px) {
  table.m_details thead tr th.col_rifle {
    display: none;
  }
}
table.m_details thead tr th.col_rifle:after {
  content: "";
  position: absolute;
  left: 98%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
table.m_details thead tr th.col_card_1_score {
  text-align: center;
  width: 8%;
  padding-left: 4%;
}
table.m_details thead tr th.col_card_1_x {
  text-align: center;
  width: 6%;
}
table.m_details thead tr th.col_card_2_score {
  text-align: center;
  width: 6%;
}
table.m_details thead tr th.col_card_2_x {
  text-align: center;
  width: 6%;
}
table.m_details thead tr th.col_card_3_score {
  text-align: center;
  width: 6%;
}
table.m_details thead tr th.col_card_3_x {
  text-align: center;
  width: 6%;
  position: relative;
}
table.m_details thead tr th.col_card_3_x:after {
  content: "";
  position: absolute;
  left: 98%;
  transform: translateX(-50%);
  bottom: -2px; /* Adjust this value to align the break properly */
  width: 15px; /* Width of the break */
  height: 4px; /* Height of the break */
  background: white; /* Background color to create the break */
}
table.m_details thead tr th.col_total {
  text-align: center;
  width: 8%;
}
table.m_details thead tr th.col_total_x {
  text-align: center;
  width: 8%;
}
table.m_details tbody tr td.col_rank {
  text-align: center;
}
table.m_details tbody tr td.col_caliber {
  text-align: center;
}
@media screen and (max-width: 1200px) {
  table.m_details tbody tr td.col_rifle {
    display: none;
  }
}
table.m_details tbody tr td.col_card_1_score {
  text-align: center;
  padding-left: 4%;
}
table.m_details tbody tr td.col_card_1_x {
  text-align: center;
}
table.m_details tbody tr td.col_card_2_score {
  text-align: center;
}
table.m_details tbody tr td.col_card_2_x {
  text-align: center;
}
table.m_details tbody tr td.col_card_3_score {
  text-align: center;
}
table.m_details tbody tr td.col_card_3_x {
  text-align: center;
}
table.m_details tbody tr td.col_total {
  text-align: center;
}
table.m_details tbody tr td.col_total_x {
  text-align: center;
}

main section.container .row .nine.columns.match_details {
  padding-right: 6vw;
}
main section.container .row .nine.columns.match_details h2.mr {
  font-size: 1.25rem;
  font-style: italic;
  font-weight: 300;
  color: #333333;
  line-height: 1;
  margin-top: 0;
  position: relative;
}
main section.container .row .nine.columns.match_details h2.mr span {
  color: #791a17;
  margin-left: 2rem;
  font-weight: 600;
}
main section.container .row .nine.columns.match_details h2.mr span.mr_session {
  color: #333333;
  font-weight: 300;
}
main section.container .row .nine.columns.match_details h2.mr span.mr_session span {
  font-size: 0.9375rem;
  color: #333333;
  font-weight: 300;
}
main section.container .row .nine.columns.match_details h2.mr a {
  position: absolute;
  right: 0;
  top: -1.375rem;
  background: white;
  padding: 0.5rem 3rem 0.5rem 1rem;
  border-left: 1px solid #707070;
  transition: all 0.125s ease-in-out;
}
main section.container .row .nine.columns.match_details h2.mr a i {
  transition: all 0.125s ease-in-out;
}
main section.container .row .nine.columns.match_details h2.mr a:hover {
  padding-left: 2rem;
}
main section.container .row .nine.columns.match_details h2.mr a:hover i {
  color: #a3b35b;
  font-weight: 600;
}
main section.container .row .nine.columns.match_details .match_details_info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  margin: 1.25rem 0 2rem;
  padding-right: 8vw;
  padding: 0 0 2.5rem 0;
}
main section.container .row .nine.columns.match_details .match_details_info > li {
  padding: 0;
  margin: 0;
}
main section.container .row .nine.columns.match_details .match_details_info .md_block {
  flex-basis: 30%;
}
main section.container .row .nine.columns.match_details .match_details_info .md_block label {
  padding-top: 1rem;
  margin-bottom: 0;
  color: rgba(84, 106, 123, 0.38);
  text-transform: uppercase;
  font-size: 0.8125rem;
}
main section.container .row .nine.columns.match_details .match_details_info .md_block h6 {
  padding: 0;
  margin: 0;
  font-weight: 600;
}
main section.container .row .nine.columns.match_details .match_details_info .md_block:first-of-type, main section.container .row .nine.columns.match_details .match_details_info .md_block:nth-of-type(2) {
  flex-basis: 20%;
}
body.screenshot {
  background-color: #FFFFFF;
  padding-bottom: 20vh;
}
body.screenshot.raton .r_nav {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  text-align: center;
  width: 100%;
  padding: 0.5rem 4vw;
  background-color: #f1f2f6;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  align-items: center;
  color: #546a7a;
  font-size: 0.875rem;
  margin-bottom: 0;
}
body.screenshot.raton .r_nav > li {
  padding: 0;
  margin: 0;
}
body.screenshot.raton .r_nav a {
  transition: all 0.125s ease-in-out;
}
body.screenshot.raton .r_nav a.r_nav_class {
  text-transform: uppercase;
  color: #333333;
}
body.screenshot.raton .r_nav a.r_nav_day {
  font-size: 0.8125rem;
  text-transform: uppercase;
}
body.screenshot.raton .r_nav a.r_nav_year {
  color: #333333;
}
body.screenshot.raton .r_nav a:hover {
  color: #791a17;
}
body.screenshot.raton .r_nav a.active {
  color: #791a17 !important;
  font-weight: 700;
}
body.screenshot.raton .r_nav .r_nav_spacer {
  font-weight: 400;
  padding: 0 0.125rem;
  font-size: 1rem;
  filter: opacity(70%);
}
body.screenshot.raton h2.mr {
  margin-top: 0.5rem;
}
body.screenshot.raton table.m_details tbody tr td.col_name span.pc_tag {
  bottom: 0.5rem;
}
body.screenshot main section.container {
  background-color: #FFFFFF !important;
  padding: 2vh 2vw;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot .match_header {
  position: relative;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot .match_header img {
  position: absolute;
  right: 0;
  top: 75%;
  -webkit-transform: translate(0, -50%);
  height: 8rem;
  width: auto;
  background-color: #FFFFFF;
  padding-left: 2rem;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot .match_header h1 {
  border-color: rgba(84, 106, 123, 0.175);
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot .match_header h2.mr {
  width: auto;
  display: inline-block;
  font-size: 1rem;
  font-style: normal;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot .match_header h6 {
  display: inline-block;
  padding-top: 0;
  margin-top: 0;
  padding-left: 4rem;
  font-weight: 300;
  font-family: "Titillium Web", sans-serif;
  font-size: 1rem;
  font-style: normal;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot .match_header h6 span {
  font-size: 0.8125rem;
  text-transform: uppercase;
  font-style: italic;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot .match_details_info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
  display: none;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot .match_details_info > li {
  padding: 0;
  margin: 0;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot .match_details_info .md_block:first-of-type {
  order: 1;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot .match_details_info .md_block:nth-of-type(2) {
  order: 2;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot .match_details_info .md_block:nth-of-type(3) {
  order: 4;
  display: none;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot .match_details_info .md_block:nth-of-type(4) {
  order: 3;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot .match_details_info .md_block h6 {
  font-weight: 300;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot h4 {
  margin-bottom: 0;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details {
  margin-bottom: 1rem;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details thead tr {
  /* &:first-of-type {
  	th {
  		border-color: $white;
  		padding: 0;
  		margin: 0;
  		width: auto;
  	}
  } */
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details thead tr th {
  font-size: 1rem;
  padding-top: 1rem;
  border-color: #707070;
  padding-left: 0.25rem;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details thead tr th.spacer {
  width: 3%;
  border-bottom: 0px solid #FFFFFF;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details thead tr th.col_rank {
  text-align: left;
  padding-left: 0;
  width: 7%;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details thead tr th.col_name {
  width: 18%;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details thead tr th.col_card_1_score {
  width: 4%;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details thead tr th.col_card_1_x {
  width: 4%;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details thead tr th.col_card_2_score {
  width: 4%;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details thead tr th.col_card_2_x {
  width: 4%;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details thead tr th.col_card_3_score {
  width: 4%;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details thead tr th.col_card_3_x {
  width: 4%;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details thead tr th.col_total {
  width: 4%;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details thead tr th.col_total_x {
  width: 4%;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details thead tr th.col_caliber {
  width: 6%;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details thead tr th.col_rifle {
  display: table-cell;
  width: 22%;
}
@media screen and (max-width: 1000px) {
  body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details thead tr th.col_rifle {
    display: none;
  }
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details tbody tr td {
  padding-left: 0.25rem;
  font-size: 1.25rem;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details tbody tr td.col_rank {
  text-align: left;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details tbody tr td.col_caliber {
  width: 6%;
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details tbody tr td.col_rifle {
  display: table-cell;
  width: 16%;
}
@media screen and (max-width: 1000px) {
  body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details tbody tr td.col_rifle {
    display: none;
  }
}
body.screenshot main section.container .row .twelve.columns.match_details.screenshot table.m_details tbody tr td.col_card_1_score {
  width: 6%;
}
main section.container .row .nine.columns.upload {
  padding-right: 8vw;
  padding-top: 0;
}
main section.container .row .nine.columns.upload fieldset {
  border: 1px solid;
  border-radius: 4px;
  background: #efefef;
  padding: 1rem 1.5rem 0;
}
main section.container .row .nine.columns.upload fieldset legend {
  padding: 0 0.5rem;
  margin-left: -0.5rem;
  text-transform: uppercase;
}
main section.container .row .nine.columns.upload table tr.odd td {
  background-color: #f1f2f6;
}
main section.container .row .nine.columns.upload ul a,
main section.container .row .nine.columns.upload ol a {
  text-decoration: underline;
  color: #a3b35b;
}
main section.container .row .nine.columns.upload ul a strong,
main section.container .row .nine.columns.upload ol a strong {
  color: #a3b35b;
}
main section.container .row .nine.columns.upload ul strong,
main section.container .row .nine.columns.upload ol strong {
  font-weight: 700;
  color: #000000;
}
main section.container .row .nine.columns.upload ul ul,
main section.container .row .nine.columns.upload ol ul {
  margin: 0 0 0.25rem 1.5rem;
}
main section.container .row .nine.columns.upload ul ul li,
main section.container .row .nine.columns.upload ol ul li {
  margin: 0;
  padding: 0;
}

#uploadForm {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
}
#uploadForm > li {
  padding: 0;
  margin: 0;
}
.form_left {
  flex-basis: 47%;
}

.form_right {
  flex-basis: 47%;
}

.upload_group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
}
.upload_group > li {
  padding: 0;
  margin: 0;
}
.upload_group .upload_grp_cont table th:nth-of-type(1),
.upload_group .upload_grp_cont table td:nth-of-type(1) {
  padding-left: 1rem;
}
.upload_group .upload_grp_cont th {
  background-color: #f1f2f6;
}
main section.container .row .nine.columns.enter_score {
  padding-right: 10vw;
}
main section.container .row .nine.columns.enter_score form {
  padding-top: 2rem;
}
main section.container .row .nine.columns.enter_score form input, main section.container .row .nine.columns.enter_score form input[type=email], main section.container .row .nine.columns.enter_score form input[type=number], main section.container .row .nine.columns.enter_score form input[type=search], main section.container .row .nine.columns.enter_score form input[type=text], main section.container .row .nine.columns.enter_score form input[type=tel], main section.container .row .nine.columns.enter_score form input[type=url], main section.container .row .nine.columns.enter_score form input[type=password], main section.container .row .nine.columns.enter_score form textarea, main section.container .row .nine.columns.enter_score form select {
  margin-bottom: 2rem;
}
main section.container .row .nine.columns.enter_score form input[type=radio] {
  margin-bottom: 0;
}
main section.container .row .nine.columns.enter_score form#score-entry-form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
}
main section.container .row .nine.columns.enter_score form#score-entry-form > li {
  padding: 0;
  margin: 0;
}
main section.container .row .nine.columns.enter_score form#score-entry-form .form_col {
  flex-basis: 27%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  justify-content: flex-start;
  flex-wrap: wrap;
}
main section.container .row .nine.columns.enter_score form#score-entry-form .form_col > li {
  padding: 0;
  margin: 0;
}
main section.container .row .nine.columns.enter_score form#score-entry-form .form_col:nth-of-type(2) {
  flex-basis: 68%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
}
main section.container .row .nine.columns.enter_score form#score-entry-form .form_col:nth-of-type(2) > li {
  padding: 0;
  margin: 0;
}
main section.container .row .nine.columns.enter_score form#score-entry-form .form_col .inner_col {
  flex-basis: 50%;
}
main section.container .row .nine.columns.enter_score form#score-entry-form .form_col .inner_col:nth-of-type(2) {
  flex-basis: 43%;
}
main section.container .row .nine.columns.enter_score form#score-entry-form .form_col .process_step {
  flex-basis: auto;
}
main section.container .row .nine.columns.enter_score form#score-entry-form .block {
  flex-basis: 100%;
}
main section.container .row .nine.columns.enter_score form#score-entry-form .block input,
main section.container .row .nine.columns.enter_score form#score-entry-form .block select {
  width: 100%;
}
main section.container .row .nine.columns.enter_score form#score-entry-form .block .member_name {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
}
main section.container .row .nine.columns.enter_score form#score-entry-form .block .member_name > li {
  padding: 0;
  margin: 0;
}
main section.container .row .nine.columns.enter_score form#score-entry-form .block .member_name > * {
  flex-basis: 48.5%;
}
main section.container .row .nine.columns.enter_score label.field_heading {
  text-transform: uppercase;
  font-size: 1rem;
}
main section.container .row .nine.columns.enter_score .process_step {
  background-color: #333333;
  border-radius: 200px;
  text-align: center;
  height: 2.5rem;
  width: 2.5rem;
  min-width: 2.5rem;
  line-height: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
}
main section.container .row .nine.columns.enter_score .process_step > li {
  padding: 0;
  margin: 0;
}
main section.container .row .nine.columns.enter_score .process_step div {
  color: #FFFFFF;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1rem;
}
main section.container .row .nine.columns.enter_score .scoring {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 1rem;
}
main section.container .row .nine.columns.enter_score .scoring > li {
  padding: 0;
  margin: 0;
}
main section.container .row .nine.columns.enter_score .scoring > div {
  flex-basis: 8.3333333333%;
}
main section.container .row .nine.columns.enter_score .scoring > div:last-of-type {
  flex-basis: 15%;
}
main section.container .row .nine.columns.enter_score .scoring > div input {
  text-align: center;
  padding-right: 0;
  padding-left: 1rem;
}
main section.container .row .nine.columns.enter_score .scoring > div:before {
  text-align: center;
  padding-top: 0.25rem;
}
main section.container .row .nine.columns.enter_score .scoring label {
  flex-basis: 100%;
}
main section.container .row .nine.columns.enter_score .scoring .button {
  margin: 0;
}
main section.container .row .nine.columns.enter_score .scoring .es_1:before {
  display: block;
  content: "1";
}
main section.container .row .nine.columns.enter_score .scoring .es_1x:before {
  display: block;
  content: "X";
}
main section.container .row .nine.columns.enter_score .scoring .es_2:before {
  display: block;
  content: "2";
}
main section.container .row .nine.columns.enter_score .scoring .es_2x:before {
  display: block;
  content: "X";
}
main section.container .row .nine.columns.enter_score .scoring .es_3:before {
  display: block;
  content: "3";
}
main section.container .row .nine.columns.enter_score .scoring .es_3x:before {
  display: block;
  content: "X";
}
main section.container .row .nine.columns.enter_score .scoring .es_total input {
  background-color: #dedede !important;
}
main section.container .row .nine.columns.enter_score .scoring .es_total:before {
  display: block;
  content: "Total";
}
main section.container .row .nine.columns.enter_score .scoring .es_totalx input {
  background-color: #dedede !important;
}
main section.container .row .nine.columns.enter_score .scoring .es_totalx:before {
  display: block;
  content: "X";
}
main section.container .row .nine.columns.enter_score .scoring .es_submit:before {
  display: block;
  content: "submit";
  color: #FFFFFF;
}

main section.container .row .nine.columns.download button.file_download {
  position: relative;
  padding-right: 6rem;
  background-color: #333333;
  color: #FFFFFF;
  font-size: 0.875rem;
  transition: all 0.125s ease-in-out;
}
main section.container .row .nine.columns.download button.file_download i.fa-download {
  background-color: #fff;
  border: 2px solid #000000;
  border-radius: 500px;
  padding: 0.75rem;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  font-size: 2rem;
  transition: all 0.125s ease-in-out;
}
main section.container .row .nine.columns.download button.file_download:hover {
  background-color: #a3b35b;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
main section.container .row .nine.columns.download button.file_download:hover i {
  border-color: #333333;
  color: #333333;
  background-color: #FFFFFF;
  outline: 2px solid #FFFFFF;
}

main section.container .row .nine.columns.nested.export_csvs h1 {
  padding-bottom: 1rem;
}
main section.container .row .nine.columns.nested.export_csvs .info_block h4 {
  margin-top: 1.5rem;
}
main section.container .row .nine.columns.nested.export_csvs .export_btn_group {
  padding-top: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  justify-content: start;
  position: relative;
}
main section.container .row .nine.columns.nested.export_csvs .export_btn_group > li {
  padding: 0;
  margin: 0;
}
main section.container .row .nine.columns.nested.export_csvs .export_btn_group button {
  margin: 0 1rem 0 0;
  padding: 0 30px;
  font-size: 1rem;
  transition: all 0.125s ease-in-out;
}
main section.container .row .nine.columns.nested.export_csvs .export_btn_group button:hover {
  background: #791a17;
}

table.compact {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 2rem;
  display: block;
}
table.compact thead th {
  background-color: #f1f2f6;
}
table.compact th,
table.compact td {
  padding: 0.325rem 0.5rem 0.25rem 0.5rem;
}

.db_tables {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
}
.db_tables > li {
  padding: 0;
  margin: 0;
}
div.util_btns {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
}
div.util_btns > li {
  padding: 0;
  margin: 0;
}
div.util_btns h2 {
  flex-basis: 100%;
}
div.util_btns button {
  flex-basis: 25%;
  margin-left: 4%;
  text-transform: none;
  font-size: 0.9375rem;
  font-family: "Titillium Web", sans-serif;
}
div.util_btns label {
  flex-basis: 65%;
}

.file_hub .nine.columns ul.csv_files li {
  list-style: none;
  margin-left: 0;
  font-family: monospace;
  font-size: 0.875rem;
  color: rgba(84, 106, 123, 0.38);
  padding: 0;
}
.file_hub .nine.columns ul.csv_files li a {
  color: #313b49;
  font-size: 0.875rem;
  display: inline-block;
  padding: 0.25rem 1rem 0.25rem 0;
  transition: all 0.125s ease-in-out;
}
.file_hub .nine.columns ul.csv_files li a:hover {
  color: #8cb247;
  text-decoration: underline;
}
.file_hub .nine.columns ul.csv_files li a:hover i {
  text-decoration: none !important;
  font-weight: 700;
}
.file_hub .nine.columns ul.csv_files li a i {
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  color: #8cb247;
  padding-left: 1rem;
}

.u_login form input {
  width: 15rem;
  margin-bottom: 0.5rem;
}
.u_login form input[type=submit] {
  margin-top: 1.5rem;
}

body.log_viewer form.log_filter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
}
body.log_viewer form.log_filter > li {
  padding: 0;
  margin: 0;
}
body.log_viewer form.log_filter .f_block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-basis: 75%;
}
body.log_viewer form.log_filter .f_block > li {
  padding: 0;
  margin: 0;
}
body.log_viewer form.log_filter .f_block:first-of-type {
  flex-basis: 20%;
  flex-wrap: wrap;
}
body.log_viewer form.log_filter .f_block:first-of-type label {
  flex-basis: 100%;
  color: #791a17;
}
body.log_viewer form.log_filter .f_block:nth-of-type(2) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
  align-items: center;
}
body.log_viewer form.log_filter .f_block:nth-of-type(2) > li {
  padding: 0;
  margin: 0;
}
body.log_viewer form.log_filter .f_block:nth-of-type(2) label {
  flex-basis: 100%;
  flex-grow: 1;
  color: #791a17;
  margin-bottom: 1rem;
}
body.log_viewer form.log_filter .f_block:nth-of-type(2) input[type=radio] {
  margin-bottom: 0;
}
body.log_viewer table#log_table thead tr th.date {
  width: 10%;
}
body.log_viewer table#log_table thead tr th.time {
  width: 7%;
}
body.log_viewer table#log_table thead tr th.user_id {
  width: 5%;
}
body.log_viewer table#log_table thead tr th.user_name {
  width: 14%;
}
body.log_viewer table#log_table thead tr th.proc {
  width: 10%;
}
body.log_viewer table#log_table thead tr th.desc {
  width: 54%;
}
body.log_viewer table#log_table tbody tr:nth-of-type(even) {
  background-color: #f1f2f6;
}
body.log_viewer table#log_table tbody tr:hover {
  background-color: rgba(163, 179, 91, 0.325);
}
body.raton main section.container .row .nine.columns.match_details.raton {
  position: relative;
  padding-right: 3vw;
}
body.raton main section.container .row .nine.columns.match_details.raton .r_nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  align-items: flex-start;
  align-items: stretch;
  color: #546a7a;
  font-size: 0.875rem;
  margin-bottom: 4rem;
  margin-top: -1rem;
  width: 100%;
}
body.raton main section.container .row .nine.columns.match_details.raton .r_nav > li {
  padding: 0;
  margin: 0;
}
body.raton main section.container .row .nine.columns.match_details.raton .r_nav h6,
body.raton main section.container .row .nine.columns.match_details.raton .r_nav h5 {
  font-family: "Syncopate", sans-serif;
  text-transform: uppercase;
  font-size: 0.875rem;
}
body.raton main section.container .row .nine.columns.match_details.raton .r_nav h5 {
  color: rgba(84, 106, 123, 0.38);
  font-weight: 700;
  border-right: 1px solid rgba(84, 106, 123, 0.38);
  padding: 0 2rem 30px 0;
}
body.raton main section.container .row .nine.columns.match_details.raton .r_nav .r_nav_block {
  flex-basis: 17.5%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  /*&::after { // fixes the gap if only 2 in last row
  	content: "";
  	flex: auto;
  }*/
  flex-wrap: wrap;
  justify-content: flex-start;
}
body.raton main section.container .row .nine.columns.match_details.raton .r_nav .r_nav_block > li {
  padding: 0;
  margin: 0;
}
body.raton main section.container .row .nine.columns.match_details.raton .r_nav .r_nav_block h6 {
  flex-basis: 100%;
  color: rgba(84, 106, 123, 0.38);
}
body.raton main section.container .row .nine.columns.match_details.raton .r_nav .r_nav_block a {
  padding-right: 0.5rem;
  transition: all 0.125s ease-in-out;
  font-family: "Oswald", sans-serif;
  color: #a3b35b;
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
}
body.raton main section.container .row .nine.columns.match_details.raton .r_nav .r_nav_block a:hover {
  color: #791a17;
}
body.raton main section.container .row .nine.columns.match_details.raton .r_nav .r_nav_block a.active {
  color: #791a17 !important;
  font-weight: 500;
}
body.raton main section.container .row .nine.columns.match_details.raton .r_nav .r_nav_spacer {
  font-weight: 400;
  padding: 0 0.125rem;
  font-size: 1rem;
  filter: opacity(70%);
}
body.raton main section.container .row .nine.columns.match_details.raton ul.raton_season_id_selector {
  position: absolute;
  right: 10rem;
  top: 1rem;
  list-style: none;
  text-align: right;
}
body.raton main section.container .row .nine.columns.match_details.raton ul.raton_season_id_selector:before {
  content: "Select year:";
  font-size: 0.9375rem;
  font-family: "Titillium Web", sans-serif;
  font-style: italic;
}
body.raton main section.container .row .nine.columns.match_details.raton ul.raton_season_id_selector li {
  display: inline-block;
  margin-left: 0;
  padding: 0;
}
body.raton main section.container .row .nine.columns.match_details.raton ul.raton_season_id_selector li a {
  font-size: 0.9375rem;
  font-family: "Titillium Web", sans-serif;
  font-style: italic;
  padding: 0.25rem 0.5rem;
}
body.raton main section.container .row h1 span.red {
  color: #791a17;
}
body.raton main section.container .row h2.mr {
  font-size: 1rem !important;
  text-transform: uppercase;
}
body.raton main section.container .row h2.mr div.filter_buttons {
  display: inline-flex;
}
body.raton main section.container .row h2.mr div.filter_buttons button.tab {
  border: 0px;
  padding: 0 2rem;
  height: auto;
  font-size: 1rem;
  color: #791a17;
  font-style: normal;
}
body.raton main section.container .row h2.mr div.filter_buttons button.tab:first-of-type {
  padding-left: 0;
}
body.raton main section.container .row h2.mr a i.fal.fa-camera {
  font-size: 1.25rem;
}
body.raton main section.container .row table.m_details {
  table-layout: auto;
}
body.raton main section.container .row table.m_details thead tr:first-of-type th {
  border-bottom: 0;
  font-weight: 400;
  padding-bottom: 0;
  font-size: 0.9375rem;
  letter-spacing: 0.05rem;
  color: #000000;
}
body.raton main section.container .row table.m_details thead tr:first-of-type th.spacer {
  width: 3%;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th {
  padding-top: 0.25rem;
  font-weight: 700;
  border-bottom: 0px;
  filter: opacity(40%);
  font-family: "Syncopate", sans-serif;
  font-size: 0.8125rem;
  padding-bottom: 0;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.spacer {
  width: 3%;
  border-bottom: 0px;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.col_rank {
  width: 7%;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.col_name {
  width: 18%;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.c_score {
  width: 4%;
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.c_x {
  width: 4%;
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.c1_score {
  width: 4%;
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.c1_x {
  width: 4%;
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.c2_score {
  width: 4%;
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.c2_x {
  width: 4%;
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.c3_score {
  width: 4%;
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.c3_x {
  width: 4%;
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.m1_total {
  width: 4%;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.m1_total_x {
  width: 4%;
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.m2_total {
  width: 4%;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.m2_total_x {
  width: 4%;
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.total {
  width: 4%;
  border-color: #a3b35b;
  color: #a3b35b;
  font-weight: 400;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.total_x {
  width: 4%;
  text-align: center;
  border-color: #a3b35b;
  color: #a3b35b;
  font-weight: 400;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.col_caliber {
  width: 6%;
  text-align: left;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(2) th.col_rifle {
  width: 22%;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(3) th {
  padding-top: 0.5rem;
  font-weight: 400;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(3) th.spacer {
  width: 3%;
  border-bottom: 0px;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(3) th.c_score {
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(3) th.c_x {
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(3) th.c1_score {
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(3) th.c1_x {
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(3) th.c2_score {
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(3) th.c2_x {
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(3) th.c3_score {
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(3) th.c3_x {
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(3) th.match_total_x {
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(3) th.total_x,
body.raton main section.container .row table.m_details thead tr:nth-of-type(3) th.combined_total_x {
  text-align: center;
}
body.raton main section.container .row table.m_details thead tr:nth-of-type(3) th.col_caliber {
  text-align: left;
}
body.raton main section.container .row table.m_details tbody tr:nth-of-type(even) {
  background-color: #f2f2f2;
}
body.raton main section.container .row table.m_details tbody tr td {
  padding: 0.25rem 0.5rem;
}
body.raton main section.container .row table.m_details tbody tr:first-of-type td {
  padding-top: 0.5rem;
}
body.raton main section.container .row table.m_details tbody tr td.col_name {
  position: relative;
}
body.raton main section.container .row table.m_details tbody tr td.col_name span.pc_tag {
  display: inline-block;
  font-weight: 700;
  color: #a3b35b;
  position: absolute;
  right: 1rem;
  font-size: 0.875rem;
  filter: opacity(50%);
}
body.raton main section.container .row table.m_details tbody tr td.c_score {
  display: none;
}
body.raton main section.container .row table.m_details tbody tr td.c_x {
  display: none;
}
body.raton main section.container .row table.m_details tbody tr td.c1_score {
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.38);
}
body.raton main section.container .row table.m_details tbody tr td.c1_x {
  text-align: center;
}
body.raton main section.container .row table.m_details tbody tr td.c2_score {
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.38);
}
body.raton main section.container .row table.m_details tbody tr td.c2_x {
  text-align: center;
}
body.raton main section.container .row table.m_details tbody tr td.c3_score {
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.38);
}
body.raton main section.container .row table.m_details tbody tr td.c3_x {
  text-align: center;
}
body.raton main section.container .row table.m_details tbody tr td.m1_total,
body.raton main section.container .row table.m_details tbody tr td.match_total {
  text-align: center;
}
body.raton main section.container .row table.m_details tbody tr td.m1_total_x,
body.raton main section.container .row table.m_details tbody tr td.match_total_x {
  text-align: center;
  border-left: 1px solid rgba(84, 106, 123, 0.175);
}
body.raton main section.container .row table.m_details tbody tr td.m2_total {
  text-align: center;
}
body.raton main section.container .row table.m_details tbody tr td.m2_total_x {
  text-align: center;
  border-left: 1px solid rgba(84, 106, 123, 0.175);
}
body.raton main section.container .row table.m_details tbody tr td.total {
  color: #a3b35b;
  font-weight: 700;
  border-right: 1px solid #a3b35b;
}
body.raton main section.container .row table.m_details tbody tr td.total_x {
  text-align: center;
  color: #a3b35b;
  font-weight: 700;
}
body.raton main section.container .row table.m_details tbody tr td.col_caliber {
  text-align: left;
  padding-left: 0.25rem;
}
body.raton main section.container .row table.m_details tbody tr:hover {
  background-color: rgba(163, 179, 91, 0.325);
}
body.raton main section.container .row table.m_details tbody tr:hover td {
  color: #000000;
}
body.raton main section.container .row table.m_details.combined {
  table-layout: auto;
}
body.raton main section.container .row table.m_details.combined thead tr:first-of-type th {
  border-bottom: 0;
  font-weight: 700;
  padding-bottom: 0;
  font-size: 0.9375rem;
  letter-spacing: 0.05rem;
  font-family: "Syncopate", sans-serif;
}
body.raton main section.container .row table.m_details.combined thead tr:first-of-type th:nth-of-type(8) {
  color: #a3b35b;
}
body.raton main section.container .row table.m_details.combined thead tr:first-of-type th.spacer {
  width: 3%;
}
body.raton main section.container .row table.m_details.combined thead tr:nth-of-type(3) th {
  padding-top: 0.5rem;
  font-weight: 400;
}
body.raton main section.container .row table.m_details.combined thead tr:nth-of-type(3) th.spacer {
  width: 3%;
  border-bottom: 0px;
}
body.raton main section.container .row table.m_details.combined thead tr:nth-of-type(3) th.col_rank {
  width: 7%;
}
body.raton main section.container .row table.m_details.combined thead tr:nth-of-type(3) th.col_name {
  width: 18%;
}
body.raton main section.container .row table.m_details.combined thead tr:nth-of-type(3) th.m1_total {
  text-align: center;
  width: 5.83%;
}
body.raton main section.container .row table.m_details.combined thead tr:nth-of-type(3) th.m1_total_x {
  text-align: center;
  width: 5.83%;
}
body.raton main section.container .row table.m_details.combined thead tr:nth-of-type(3) th.m2_total {
  text-align: center;
  width: 5.83%;
}
body.raton main section.container .row table.m_details.combined thead tr:nth-of-type(3) th.m2_total_x {
  text-align: center;
  width: 5.83%;
}
body.raton main section.container .row table.m_details.combined thead tr:nth-of-type(3) th.total {
  text-align: center;
  border-color: #a3b35b;
  color: #a3b35b;
  font-weight: 400;
  width: 5.83%;
}
body.raton main section.container .row table.m_details.combined thead tr:nth-of-type(3) th.total_x {
  text-align: center;
  border-color: #a3b35b;
  color: #a3b35b;
  font-weight: 400;
  width: 5.83%;
}
body.raton main section.container .row table.m_details.combined thead tr:nth-of-type(3) th.col_caliber {
  width: 6%;
}
body.raton main section.container .row table.m_details.combined thead tr:nth-of-type(3) th.col_rifle {
  width: 22%;
}
body.raton main section.container .row table.m_details.combined tbody tr:nth-of-type(even) {
  background-color: #f2f2f2;
}
body.raton main section.container .row table.m_details.combined tbody tr td {
  padding: 0.25rem 0.5rem;
}
body.raton main section.container .row table.m_details.combined tbody tr:first-of-type td {
  padding-top: 0.5rem;
}
body.raton main section.container .row table.m_details.combined tbody tr td.c_score {
  display: none;
}
body.raton main section.container .row table.m_details.combined tbody tr td.c_x {
  display: none;
}
body.raton main section.container .row table.m_details.combined tbody tr td.c1_score {
  padding-left: 0;
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.38);
}
body.raton main section.container .row table.m_details.combined tbody tr td.c1_x {
  text-align: center;
}
body.raton main section.container .row table.m_details.combined tbody tr td.c2_score {
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.38);
}
body.raton main section.container .row table.m_details.combined tbody tr td.c2_x {
  text-align: center;
}
body.raton main section.container .row table.m_details.combined tbody tr td.c3_score {
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.38);
}
body.raton main section.container .row table.m_details.combined tbody tr td.c3_x {
  text-align: center;
}
body.raton main section.container .row table.m_details.combined tbody tr td.m1_total {
  text-align: center;
}
body.raton main section.container .row table.m_details.combined tbody tr td.m1_total_x {
  text-align: center;
  border-left: 1px solid rgba(84, 106, 123, 0.175);
}
body.raton main section.container .row table.m_details.combined tbody tr td.m2_total {
  text-align: center;
}
body.raton main section.container .row table.m_details.combined tbody tr td.m2_total_x {
  text-align: center;
  border-left: 1px solid rgba(84, 106, 123, 0.175);
}
body.raton main section.container .row table.m_details.combined tbody tr td.total {
  text-align: center;
  color: #a3b35b;
  font-weight: 700;
  border-right: 1px solid #a3b35b;
}
body.raton main section.container .row table.m_details.combined tbody tr td.total_x {
  text-align: center;
  color: #a3b35b;
  font-weight: 700;
}
body.raton main section.container .row table.m_details.combined tbody tr td.col_caliber {
  padding-left: 0.25rem;
  white-space: nowrap;
}
body.raton main section.container .row table.m_details.combined tbody tr td.col_rifle {
  white-space: nowrap;
}
body.raton main section.container .row table.m_details.combined tbody tr:hover {
  background-color: rgba(163, 179, 91, 0.325);
}
body.raton main section.container .row table.m_details.combined tbody tr:hover td {
  color: #000000;
}
body.raton main section.container .row.combined table {
  margin-top: 3.8rem;
}
body.raton main section.container .row.combined table thead tr th {
  padding-top: 0;
}
body.raton main section.container .row.combined table thead tr:first-of-type th {
  text-align: center;
}
body.raton main section.container .row.combined table thead tr:nth-of-type(2) th {
  border-bottom: 0;
  font-family: "Syncopate", sans-serif;
  font-size: 0.8125rem;
  text-align: center;
  padding: 0;
  color: #a3b35b;
  font-weight: 700;
}
body.raton main section.container .row.combined table thead tr th.spacer {
  border-bottom: 0px;
  width: 1%;
}
body.raton main section.container .row.combined table thead tr th.match_total {
  text-align: center;
}
body.raton main section.container .row.combined table thead tr th.match_total_x {
  text-align: center;
}
body.raton main section.container .row.combined table thead tr th.combined_total {
  color: #a3b35b;
  font-weight: 600;
  text-align: center;
}
body.raton main section.container .row.combined table thead tr th.combined_total_x {
  color: #a3b35b;
  font-weight: 600;
  text-align: center;
}
body.raton main section.container .row.combined table tbody tr:nth-of-type(even) {
  background-color: #f2f2f2;
}
body.raton main section.container .row.combined table tbody tr td {
  padding: 0.25rem 0.5rem;
}
body.raton main section.container .row.combined table tbody tr td.match_total {
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.38);
}
body.raton main section.container .row.combined table tbody tr td.match_total_x {
  text-align: center;
}
body.raton main section.container .row.combined table tbody tr td.match_total {
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.38);
}
body.raton main section.container .row.combined table tbody tr td.match_total_x {
  text-align: center;
}
body.raton main section.container .row.combined table tbody tr td.match_total {
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.38);
}
body.raton main section.container .row.combined table tbody tr td.match_total_x {
  text-align: center;
}
body.raton main section.container .row.combined table tbody tr td.match_total {
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.38);
}
body.raton main section.container .row.combined table tbody tr td.match_total_x {
  text-align: center;
}
body.raton main section.container .row.combined table tbody tr td.match_total {
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.38);
}
body.raton main section.container .row.combined table tbody tr td.match_total_x {
  text-align: center;
}
body.raton main section.container .row.combined table tbody tr td.match_total {
  text-align: center;
  border-right: 1px solid rgba(84, 106, 123, 0.38);
}
body.raton main section.container .row.combined table tbody tr td.match_total_x {
  text-align: center;
}
body.raton main section.container .row.combined table tbody tr td.combined_total {
  color: #a3b35b;
  font-weight: 600;
  border-right: 1px solid #a3b35b;
}
body.raton main section.container .row.combined table tbody tr td.combined_total_x {
  color: #a3b35b;
  font-weight: 600;
  border-left: 1px solid rgba(84, 106, 123, 0.175);
}
body.raton main section.container .row.combined table tbody tr:first-of-type td {
  padding-top: 0.5rem;
}
body.raton main section.container .row.combined table tbody tr:hover {
  background-color: rgba(163, 179, 91, 0.325);
}
body.raton main section.container .row.combined table tbody tr:hover td.combined_total {
  color: #333333;
}
body.raton main section.container .row.combined table tbody tr:hover td.combined_total_x {
  color: #333333;
}

/* 

	// MATCHES (a_match.php)

		.matchShooterBtn {
			padding: .5rem 1rem;

			&:hover {
				span:before {
					// content: "\f044";
					// font-weight: 500;
					// font-family: $font-fa;
					content: ' < edit results';
					position: absolute;

					// line-height: 1;

					display: inline-block;
					padding-left: .5rem;
				}
			}
		}

		.viewMatchDetailsBtn {
			padding: .5rem 1rem;
			// &:hover {
				span:before {
					content: "\f06e";
					font-weight: 500;
					font-family: $font-fa;
					position: absolute;

					// line-height: 1;

					display: inline-block;
					padding-left: .5rem;
				}
			// }
		} */

/*# sourceMappingURL=style.css.map */