html {
	overflow-x: hidden;
}

body {
	height: 100vh;
	margin-top: 60px;
	overflow-x: hidden;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	color: #000;
}

body.static {
	overflow: hidden;
}

body.static .results-section {
	filter: blur(2px);
}

.btn.btn-link.ace-collapse-trigger,.hof-collapse-trigger,.presidents-collapse-trigger,.champ-collapse-trigger {
	padding-left: 0;
}

button.refresh {
	margin-top: 1.4rem;
}

body.static nav {
	filter: blur(2px);
}

body.static .jumbotron {
	filter: blur(2px);
}

body div.background-fadeout {
	z-index: 200;
	top: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: .4;
	display: none;
}

.statusBar {
	display: none;
	position: fixed;
	width: 100%;
	z-index: 100;
	top: 0;
	height: 35px;
	background-color: whitesmoke;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.statusBar span {
	float: right;
	margin-right: 30px;
}

.LeaderboardHeading {
	margin-bottom: .25rem;
	margin-top: 1.5rem;
}


#resultsWrapper .card {
	height: 95%;
}

#searchBody {
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: white;
	position: fixed;
	top: 0;
	left: 0;
	overflow: scroll;
	padding: 2rem;
}

#searchBody input {
	text-transform: uppercase;
}

#searchBody #ndbSearch {
	margin: auto;
	display: block;
}

#searchBody .input-group {
	margin-top: .5rem;
	margin-bottom: 1rem;
}

#searchButton span {
	position: relative;
	top: 4px;
	font-size: 20px;
}

#closeSearch {
	float: right;
	margin-right: 2rem;
	position: absolute;
	right: 2rem;
	top: 2rem;
}

span.material-icons {
	vertical-align: middle;
}

#searchButton span.material-icons {
	vertical-align: baseline;
}

.searchResult td {
	cursor: pointer;
}

#closeSearch span {
	font-size: 3rem;
}

.searchEmptyState {
	width: 100%;
	margin-top: 5rem;
	text-align: center;
	opacity: .8;
}

#birdDetailsBackButton {
	font-size: 3.5rem;
	top: 10px;
	margin-bottom: 22px;
	position: relative;
	cursor: pointer;
}

.bg-warning-faded {
	background-color: #ffc10796 !important;
}

.juniorClass {
	display: none;
}

.navbar.winspeed-nav {
	background-color: #f7f7f7;
	border-top: 5px solid #BF0A30;
	border-bottom: 5px solid #002868;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	position: fixed;
	top: 0;
	width: 100%;
	padding-left: 1rem;
}

.nav.nav-tabs {
	padding-left: 3rem;
	padding-top: 20px;
	background-color: #e9ecef;
}

.navbar-nav .nav-item .nav-link {
	padding: .1rem;
	padding-left: .45rem;
	padding-right: .45rem;
}


.results-nav {
	margin: 15px;
}

.hide {
	display: none !important;
}

#resultsWrapper .card {
	background-color: #f5f5f5;
}

#resultsWrapper .card {
	margin: 5px;
}

#resultsWrapper .col {
	padding: 0;
}

/* #resultsWrapper {
	height: 650px;
} */

#dropdown-user {
	display: none;
}

.jumbotron {
	margin-bottom: 0;
	background-color: #e9ecef;
}

div.jumbotron-fluid.jumbotron.secretary-jumbotron {
	padding-bottom: 0px;
}

.secretary-jumbotron.jumbotron-fluid .nav.nav-tabs {
	padding-left: 0;
}

.half-page {
	background-color: grey;
	height: 500px;
}

.half-page div.card {
	display: block;
	margin: auto;
	position: relative;
	top: 40%;
	padding: 20px;
	width: 50%;
	text-align: center;
}

.national-results {
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/birds-ground-2.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.login-wrapper {
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/pigeon-large.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.race-reports {
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/birds-sky.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

div.windspeed-footer {
	padding: 25px;
	padding-left: 100px;
	padding-right: 100px;
}

.address-footer-section {
	text-align: right;
}

.center-footer-section {
	text-align: center;
	vertical-align: bottom;
}

.birds-section .card {
	border: none;
}

.birds-section div.row:first-of-type {
	border-bottom: 1px solid #dedede;
}

#select-year,
#select-units,
#select-org {
	height: 40px;
	border-radius: 0px;
	text-transform: none;
	width: 200px;
}

.login-card {
	background-color: whitesmoke;
	width: 70%;
	margin: auto;
	position: relative;
	margin-top: 100px;
	display: block;
	padding: 30px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

/* Birds Page */
.bird-report-header {
	text-align: center;
}

/* RACE SECRETARY PAGE */

.upload-wrapper {
	padding-top: 50px;
	padding-bottom: 50px;
}

.notes-wrapper {
	padding-top: 50px;
	padding-bottom: 50px;
}

td[data-bs-toggle="tooltip"]:hover {
	cursor: pointer;
}

td[data-bs-toggle="tooltip"] {
	color: blue;
}

/* Junior Page */

#juniorSections {
	padding-top: 1rem;
}

#recordArrivalButton {
	margin-top: 2.5rem;
}

/* Results Page */

table.championTable thead tr:nth-child(1) th {
	position: sticky;
	top: -34px;
	z-index: 10;
	background-color: white;
}

#americanChampion-table {
	width: 100% !important;
}

#hof-requirement-collapse,
#ace-requirement-collapse {
	margin-top: 5px;
}

.requirements {
	margin-bottom: 10px;
	margin-top: 15px;
}

.junior-results-section,
.results-section,
.hof-section,
.champ-section,
.presidents-section {
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
}

#results-table_wrapper {
	padding-top: 10px;
	width: 100%;
}

.race-info {
	border: 1px solid #e1e1e1; /* Adding a border around the entire container for distinction */
	border-radius: 5px; /* Adding a slight curve to the border for aesthetics */
	padding: 15px; /* Inner padding to give elements inside some spacing */
	background-color: #f9f9f9; /* Light gray background for visual separation from the rest of the page */
	margin-bottom: 20px; /* Space below the container for better separation from other elements */
}

.race-details p, 
.system-details p, 
.additional-info p {
	margin-bottom: 2px;
}

.race-details h3, 
.system-details strong { 
	font-weight: 600; /* Making it slightly bold for clear distinction */
}

.race-details, 
.system-details, 
.additional-info {
	border-right: 1px solid #e1e1e1; /* Adding a right border for visual separation of the columns */
}

.additional-info {
	border-right: none; /* Removing the right border from the last column */
}

/* Optional: Add some hover effect on the entire container for interactivity */
.race-info:hover {
	background-color: #f1f1f1; /* Slightly darkening the background color on hover */
}


.races-section .table-wrapper {
	min-height: 400px;
	overflow-x: hidden;
}

#AUIDCheckRow {
	min-height: 175px;
}

#results-table {
	min-height: 500px;
}

.members-table thead {
	font-weight: 600;
}

#duesLogWrapper {
	max-height: 300px;
    overflow: scroll;
}

td.greyed {
	background-color: #f5f5f5;
}

.memberApprovalCount, .certificateApprovalCount {
	color: #BF0A30;
}

.table-sm td,
.table-sm th {
	padding-right: 1rem;
	padding-left: 0;
}

#presidentsCup-table,
#champ-table {
	width: 100% !important;
}

#results-table_filter input,
#members-table_filter input,
#clubs-table_filter input,
#hof-table_filter input,
#champ-table_filter input,
#presidentsCup-table_filter input {
	border: 1px solid lightslategrey;
	border-radius: 2px;
}

#award-selector-content table.dataTable tbody tr,
.club-members-table tbody tr {
	cursor: pointer;
	transition: all .2s ease-in-out;
}

#award-selector-content table.dataTable tbody tr:hover {
	background-color: #f5f5f5;
}

#award-selector-content table.dataTable tbody.loading tr {
	background-color: transparent;
	color: white;
}

.requirement-item {
	margin-left: 20px
}

.requirement-item collapse {
	padding: 20px;
}

.requirement-item h3 small {
	display: block;
	cursor: pointer;
	width: 100%;
}

.requirement-item h3 small:hover {
	color: grey;
}

.requirement-item ul {
	padding-left: 17px;
}



.refresh i.material-icons {
	font-size: 20px;
}

/* jumbotron office */

div.jumbotron.jumbotron-office.jumbotron-fluid {
	padding: 1rem;
}

div.jumbotron.jumbotron-office .display-4 {
	font-size: 1rem;
	line-height: 1;
	font-weight: 400;
}

/* office card */
.card div.card-cover {
	width: 100%;
	height: 100%;
	z-index: 400;
	background: white;
	display: block;
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
}

.card-cover-header {
	padding: 5px;
}

.export-members-table,
.clear-members-table,
.refresh-members {
	margin-top: 0.4rem;
}

#collapseFilters .form-group {
	float: left;
	margin-left: 10px;
}

#memberFilters .card-header {
	padding: 0;
}

#clubs.grow-large .card,
#band-orders.grow-large .card {
	min-height: 800px;
}

/* Members Table */

.member-table-options input {
	padding: 4px;
	border: 1px solid grey;
	border-radius: 5px;
}

.member-table-options {
	margin-top: 20px;
	margin-bottom: 5px;
}

.member-table-options label {
	display: block;
}

.member-table-options select {
	width: 100%;
}

#clubs-table {
	width: 100%;
}

#members-table tr,
#clubs-table {
	transition: all .2s ease-in-out;
}

#members-table tbody tr:hover,
#clubs-table tbody tr:hover,
#hof-table tbody tr:hover,
#champ-table tbody tr:hover,
#presidentsCup-table tbody tr:hover,
#band-orders-table tbody tr:hover,
#alien-bands-table tbody tr:hover,
#rosterTransactions-table tbody tr:hover {
	background-color: #f5f5f5;
	cursor: pointer;
}

.member-overview {
	display: none;
	width: 100%;
	min-height: 900px;
	position: relative;
	top: -870px;
	z-index: 50;
	background-color: white;
}

.member-overview.show {
	display: block;
}

.member-header {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 20px;
}

.member-header h3 {
	line-height: 50px;
	margin-left: 70px;
}

.member-header i.material-icons {
	font-size: 50px;
	float: left;
}

.member-edit-back {
	color: black;
}

/* Navbar Search */

body .search-result-page {
	height: 95vh;
	width: 90%;
	position: fixed;
	background-color: white;
	padding: 2rem;
	padding-top: 30px;
	top: 100vh;
	z-index: 500;
	margin-right: auto;
	display: block;
	margin-left: 5%;
	border-radius: 5px;
	border-top: 5px solid #BF0A30;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	display: block;
	opacity: 0;
	transition: all .15s ease-in;
	overflow: scroll;
	overflow-x: hidden;
	font-size: 18px;
}

body .search-result-page.displayed {
	top: 30px;
}


body .search-result-page.displayed .print-btn {
	float: right;
	top: 5px;
	position: relative;
	margin-right: 10px;
}



.cancel-icon {
	cursor: pointer;
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	text-align: right;
}

.search-result-page .cancel-icon {
	float: right;
}

.search-result-page .cancel-icon i.material-icons {
	font-size: 50px;
	color: grey;
}

.search-result-body .col {
	padding-left: 0;
}

.search-result-body tr.muted {
	color: #d8d8d8;
}

.display-season {
	font-size: 20px;
}

.display-season span {
	font-weight: 600;
}

.search-page-header {
	font-size: 30px;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 25px;
	min-height: 50px;
	font-weight: 300;
}

body .search-result-page {
	opacity: 1;
}

.search-result-page .date-item {
	font-size: 100%;
}

nav.winspeed-nav.navbar {
	z-index: 199;
	background-color: #fff;
}

.navbar-nav>li>a {
	padding-top: 9px;
	padding-bottom: 10px;
	height: 100%;
}

.navbar-nav>li>a>i.material-icons {
	position: relative;
	top: 5px;
}

.winspeed-nav .navbar-left.navbar-search {
	position: relative;
	margin-top: 5px;
	width: 40%;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

.winspeed-nav .navbar-search .form-group input {
	height: 40px;
	width: 100%;
	padding-left: 40px;
	border-radius: 2px;
	width: 100%;
	box-shadow: none;
	border-color: #f5f5f5;
	background-color: #f5f5f5;
}

.winspeed-nav .navbar-search .form-group {
	width: 100%;
	margin-bottom: 0;
}

.winspeed-nav .navbar-search i.material-icons {
	position: absolute;
	top: 10px;
	font-size: 21px;
	color: grey;
	margin-left: 10px;
}

body.search-focused .navbar-search i.material-icons {
	color: white;
}

body.search-focused #navbar-search-input {
	background: -webkit-linear-gradient(to left, rgba(0, 40, 104, 1), rgba(191, 10, 48, 1));
	background: linear-gradient(to left, rgba(0, 40, 104, 1), rgba(191, 10, 48, 1));
	color: white;
	border-color: grey;
	box-shadow: 1px 6px 6px -5px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.10);
}

#navbar-search-input {
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

#navbar-search-input:hover {
	background: -webkit-linear-gradient(to left, rgba(0, 40, 104, .1), rgba(191, 10, 48, .1));
	background: linear-gradient(to left, rgba(0, 40, 104, .1), rgba(191, 10, 48, .1));
}

body.search-focused #navbar-search-input::placeholder {
	color: white;
}

.search-dropdown {
	display: none;
	width: 100%;
	height: auto;
	position: fixed;
	z-index: 250;
	top: 57px;
	background-color: white;
	box-shadow: 1px 6px 6px -5px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.10);
}

body.search-focused .search-dropdown {
	display: block;
}

.search-dropdown li {
	transition: all .1s ease-in;
	font-size: 15px;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 30px;
}

.search-dropdown li:hover {
	background-color: #f5f5f5;
}

.search-dropdown li .li-right {
	float: right;
}

.search-dropdown li .li-left {
	/*icon*/
	float: left;
}

.search-dropdown li.list-group-item {
	border-radius: 0;
}

.search-dropdown li.list-group-item h4 {
	font-weight: 500;
	font-size: 18px;
}

.search-cover {
	width: 100%;
	height: 100vh;
	position: fixed;
	background-color: rgba(0, 0, 0, .2);
	z-index: 100;
	display: none;
}

body.search-focused .search-cover {
	display: block;
}

.search-dropdown li .li-left i.material-icons {
	color: grey;
	font-size: 34px;
	position: relative;
	margin-left: 0px;
	margin-right: 10px;
	top: 6px;
}

/* Race Page */

tr.redline {
	background-color: #f44336;
}

.races-section select {
	height: 200px;
}

.races-section .card {
	border: 0;
}

.races-section .card-body {
	padding-left: 20px;
	padding-right: 20px;
}

.admin-section {
	padding-bottom: 35px;
	min-height: 500px;
}

.admin-section .col {
	transition: all .1s ease-in;
	margin-top: 20px;
}

.admin-section .card {
	transition: all .1s ease-in;
	min-height: 200px;
}

.admin-section .col.grow-large div.dataTables_processing.card {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	margin-top: -26px;
	text-align: center;
	padding: 2px;
}

.admin-section.container-fluid {
	margin-left: 2%;
	margin-right: 2%;
	width: calc(100% - 4%);
}

.removeAdmin {
	float: right;
}

#memberFilters {
	min-height: 0px;
}

#admin .admin-wrapper, #admin .admin-activity-wrapper {
	display: none;
}

#activity-table tbody tr {
    cursor: pointer;
}

#activity-table tbody tr:hover {
    background-color: #f5f5f5;
}

#admin.grow-large .admin-wrapper {
	display: flex;
}

.add-member-large .card-body {
	height: 130px;
	flex:0;
}

.add-member-large .card-body.add-member,
.add-member-large .card-body.add-alienBands {
	height: auto;
}

#saveAlienBandButton,
#deleteAlienBandButton {
	margin-top: 1rem;
}

#organizationsCard {
	flex: inherit;
}

#alien-bands-table,
#band-letters-table,
#memberAccounts-table {
	width: 100% !important;
	cursor: pointer;
}

.admin-section .col.grow-large,
.admin-section .col.add-member-large {
	width: 100%;
	max-width: 100%;
	flex-basis: unset;
	flex-grow: unset;
}

.admin-section .col.grow-large .card,
.admin-section .col.add-member-large .card {
	width: 100%;
	max-width: 100%;
	flex-basis: unset;
	flex-grow: unset;
}

.roster-value {
	float: right;
}

.viewRosterData {
	display: none;
}

.viewRosterData .cancel-icon {
	top: 1rem;
}

#rosterTransactions .card-text {
	display: block;
}

#rosterTransactions .add-member-large .card-body {
	height: auto;
}

#markPaymentReceivedButton {
	display: none;
}

.admin-section #rosterTransactions .card {
	height: auto;
	min-height: 10px;
}

.transactionCostBadge {
	position: absolute;
	right: 10%;
}

.list-group-wrapper {
    position: relative;
    max-height: 300px;
    overflow: hidden;
}

.list-group-wrapper:before,
.list-group-wrapper:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    z-index: 1;
    pointer-events: none;
}

.list-group-wrapper:before {
    top: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1), transparent);
}

.list-group-wrapper:after {
    bottom: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.1), transparent);
}



.office-table {
	display: none;
}

.admin-section a.cancel-icon,
.admin-secion a.back-icon {
	display: none;
	float: right;
	bottom: 40px;
	position: relative;
	margin: 0;
}

.card-cover a.back-icon {
	float: left;
	bottom: 0px;
}

.admin-section a.cancel-icon i,
.admin-section a.back-icon i {
	font-size: 50px;
	color: grey;
}

.col.grow-large .office-table,
.col.grow-large a.cancel-icon {
	display: block;
}

.col.grow-large .hidden-div {
	display: block;
}

.col .hidden-div {
	display: none;
}

.col.add-member-large a.cancel-icon {
	display: block;
}

.admin-section .col.grow-large .card .dataTables_wrapper {
	overflow: hidden;
	top: -30px;
}

.admin-section .col.grow-large .card-text {
	display: none;
}

.col.grow-large .btn.btn-primary {
	display: none;
}

.col.add-member-large .add-member {
	display: block;
}

.col .add-member {
	display: none;
}

.add-member .form-group label {
	font-weight: 600;
	font-size: 18px;
}

.add-member .form-check label {
	font-weight: 400;
	font-size: 14px;
}

.add-member .form-group p {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 0;
}

.add-member .form-group select:not([multiple]) {
	width: 100%;
	height: 40px;
	margin-top: 10px;
}

.grow-large .list-group.list-group-flush,
.add-member-large .list-group.list-group-flush {
	display: none;
}

table.dataTable thead th {
	padding: 5px;
}

.admin-section .table.dataTable,
.admin-section .table.dataTable th,
.admin-section .table.dataTable tr {
	font-size: 10px;
	padding: 0;
}

.dataTable {
	width: 100%;
}

#admin #editAdmins {
	display: none;
}

#admin.grow-large #editAdmins {
	display: block;
}

#manage-data.grow-large #backupList {
	display: block;
}

#manage-data #backupList {
	display: none;
}

.race-results-wrapper {
	margin: auto;
}

.race-results {
	padding-top: 30px;
	text-align: left;
	min-height: 120px;
}

#race-selection,
#organization-selection {
	font-weight: 300;
	font-size: 15px;
}

#organizationPage thead,
#organizationPage tbody {
	width: 100%;
}

#organizationPage {
	width: 100%;
}

th.sortable {
	cursor: pointer;
	position: sticky;
}

th.sortable:before,
th.sortable:after {
	border: 4px solid transparent;
	content: "";
	display: block;
	height: 0;
	right: 5px;
	top: 50%;
	position: absolute;
	width: 0;
}

th.sortable:before {
	border-bottom-color: #666;
	margin-top: -9px;
}

th.sortable:after {
	border-top-color: #666;
	margin-top: 1px;
}

th.sortable.currentSort:before {
	border-bottom-color: #222;
	margin-top: -9px;
}

th.sortable.currentSort:after {
	border-top-color: #666;
	margin-top: 1px;
}

.races-section div.card-title {
	font-size: 1.5rem;
}

#org-selector {
	width: 100%;
}

#orgDetailsSection {
	width: 100%;
	height: 100%;
	z-index: 1000;
	padding: 30px;
	padding-top: 0;
	background-color: white;
}

#orgDetailsSection h4 {
	padding-top: 30px;
}

#closeOrgItem i {
	font-size: 3.5rem;
	color: black;
	cursor: pointer;
}

#orgListSection .orgRow {
	cursor: pointer;
}

/*Clubs List*/

#clubslistWrapper {
	margin-bottom: 2rem;
}

/* Account Page */

.account-wrapper {
	padding-top: 50px;
	padding-bottom: 50px;
}

div.jumbotron.jumbotron-fluid {
	padding: 1rem 1rem;
}

#setup-form {
	display: none;
	padding: 1rem;
	background-color: #e9ecef;
}

#card-element {
	max-width: 300px;
	padding: 1rem;
	border: 1px solid #ced4da;
}

.paymentDeleteButton {
	float: right;
}

/* Update Info Page */

#AUIDUpdateSection input {
	text-transform: uppercase;
}

.spinner.data-table-spinner {
	width: 70px;
	text-align: center;
	position: relative;
	top: 500px;
	display: block;
	margin: auto;
}

.spinner {
	margin: 100px auto 0;
	width: 70px;
	text-align: center;
}

#hof .spinner,
#champ .spinner,
#presidents .spinner {
	top: 300px;
}

.spinner>div {
	width: 18px;
	height: 18px;
	background-color: #333;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1.0)
	}
}

@keyframes sk-bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

@media (min-width: 768px) {

	.windspeed-footer .center-footer-section,
	.windspeed-footer .address-footer-section {
		text-align: left;
	}
}



/* Mobile Styles */
@media (max-width: 768px) {

	.junior-results-section,
	.results-section,
	.hof-section,
	.champ-section,
	.presidents-section {
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}

	.navbar.navbar-expand-md.winspeed-nav.navbar-light.bg-light {
        max-height: 80vh; /* Example height, adjust as needed */
        overflow-y: auto; /* Enables vertical scrolling */
    }

    .navbar-collapse {
        max-height: 100%; /* Ensures the navbar collapse does not exceed the header-wrapper height */
        overflow-y: hidden; /* Enables vertical scrolling within the navbar */
    }

	.header-wrapper {
		overflow: scroll;
	}

	#select-year {
		width: 40%;
	}

	#select-units {
		width: 40%;
	}

	#race-selection,
	#organization-selection {
		display: none;
	}

	#footer-logo {
		margin: auto;
		display: block;
	}

	.race-results {
		min-height: 0px;
	}

	.nav.nav-tabs {
		padding: 0px;
	}

	.races-section .table-wrapper {
		overflow-x: scroll;
		overflow-y: hidden;
	}

	.windspeed-footer .row>div {
		margin-bottom: 15px;
	}

	.windspeed-footer address {
		margin-bottom: 0;
		/* or other spacing as per your design */
	}

	.windspeed-footer .center-footer-section {
		text-align: center;
		margin-bottom: 0;
		/* Adjust as needed */
	}

	.windspeed-footer .address-footer-section {
		text-align: center;
		margin-bottom: 0;
		/* Adjust as needed */
	}


	/* Results Page */
	/* CSS for scrollable tabs */
	#award-selector {
		display: flex;
		overflow-x: auto;
		white-space: nowrap;
		flex-wrap: nowrap;
		font-size: 14px;
	}

	.nav-item {
		flex: 0 0 auto;
	}

	body .search-result-page {
		width: 98%;
		margin-left: 1%;
		padding: 0.5%;
	}

	/* Optional: hide scrollbar but still allow scrolling */
	#award-selector::-webkit-scrollbar {
		display: none;
	}

	#award-selector {
		-ms-overflow-style: none;
		/* IE and Edge */
		scrollbar-width: none;
		/* Firefox */
	}

	#results-table_filter label,#hof-table_wrapper_filter {
		width: 100%;
	}

	#results-table_filter input,#hof-table_wrapper input {
		width: 85%;
	}


	.requirements .ace-collapse-trigger,
	.requirements .hof-collapse-trigger,
	.requirements .champ-collapse-trigger,
	.requirements .presidents-collapse-trigger {
		margin: auto;
		display: block;
	}

	#award-selector-content h3 {
		text-align: center;
	}

	.filter-options select {
		width: 100%;
	}

	#results-table_wrapper, #hof-table_wrapper, #champResultWrapper {
		overflow-x: scroll;
	}

	#results-table_wrapper input.form-control-sm, #hof-table_wrapper input.form-control-sm{
		min-width: 300px;
	}

	#results-table,#hof-table {
		width: 300%;
	}

	.search-result-body .table-sm.table-responsive {
		min-width: 200%;
		font-size: 14px;
	}

	.result-table-container {
		overflow-x: scroll;
		scrollbar-width: thin;
	}

	.detailHeadWrapper {
		padding: .5rem;
	}
	
	#results-table_paginate,#hof-table_paginate {
		font-size: 11px;
	}


	/* Mobile navbar */
	.navbar-nav .nav-item .nav-link {
		padding: .75rem;
	}

	.navbar-nav .nav-item {
		border-top: 1px solid rgb(158, 158, 158);
	}

	/* Styling for the login card */
	.login-card {
		border: 1px solid #e0e0e0;
		border-radius: 5px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
		margin-top: 8rem;
	}

	/* Increased spacing between form groups for better touch experience */
	.login-card .form-group {
		margin-bottom: 1.5rem;
	}

	/* Enhance the visibility toggle button */
	#show_hide_password .btn-outline-secondary {
		border: none;
		background-color: transparent;
		cursor: pointer;
	}

	/* Ensure error div is visually distinct */
	#error-div {
		color: red;
		margin-bottom: 1rem;
		font-size: 0.9rem;
	}

	/* Optional: If you want a background color for the login card */
	.login-card {
		background-color: #ffffff;
	}

	/* Input Focus Enhancement */
	.form-control:focus {
		border-color: #007bff;
		/* Change this color if you want a different one for focus */
		box-shadow: 0 0 5px rgba(0, 123, 255, .5);
		/* This adds a subtle glow around the input */
		outline: none;
		/* Removes the default browser outline */
	}

	#orgTitle {
		padding-left: 15px;
		padding-right: 15px;
	}

	#closeOrgItem {
		display: block;
	}

	.horizontal-scroll {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.horizontal-scroll .nav-item {
		flex-shrink: 0;
	}
}

@media print {

		table {
			page-break-inside: auto; /* Allow page breaks inside the table */
			width: 100%; /* Ensure table width fits the page */
		}
		
		tr {
			page-break-inside: avoid; /* Avoid breaking inside table rows */
			page-break-after: auto; /* Allow page breaks after table rows */
		}
	
		thead {
			display: table-header-group; /* Ensure headers repeat on each new page */
		}
	
		tfoot {
			display: table-footer-group; /* Ensure footers repeat on each new page */
		}
		
		tbody {
			display: table-row-group;
		}

		.table-wrapper {
			width: 100%; /* Ensure wrapper takes full width */
			overflow: visible !important; /* Ensure content isn't clipped */
		}
	
		table {
			width: 100%; /* Make the table fit the page */
		}
		

			.table-wrapper {
				float: none;
				display: block;
				overflow: visible;
			}
		
			table {
				display: table; /* Ensure default behavior */
				width: 100%;
			}

		
	
 	body {
 		background-color: white;
 		color: black;
 		width: 100%;
 		overflow-x: hidden;
 		margin-left:0mm;
		margin-right:0mm;
		height: auto;
 	}

	#information .upload-wrapper {
		margin:0;
		max-width: 100%;
	}
	/* All your print styles go here */
	#header,
	#footer,
	#nav {
		display: none !important;
	}
	#duesRenewalLink {
		display: none !important;
	}
	#footer {
		display: none;
	}

	.noPrint {
		display: none !important;
	}

	h6 {
		margin-bottom: 0;
	}

	.nav {
		display: none;
	}

	.races-section .card {
		display: none;
	}

	.jumbotron {
		display: none;
	}

	#delete-race-button {
		display: none;
	}

	#juniorLoftPrint {
		display: none;
	}

	div.jumbotron.jumbotron-fluid.jumbotron-results-page {
		display: block;
		padding: 10px !important;
		margin: 0;
		font-size: 15px;
		text-align: center;
	}

	.header-wrapper {
		display: none;

	}

	.display-4 {
		width: 20%;
		display: inline;
		font-size: 2rem;
		padding: 10px;
	}

	#select-year {
		padding: 10px;
	}

	div.time-date {
		display: inline;
		padding: 10px;
	}

	.table td,
	.table th {
		padding: .05rem;
	}

	body {
		font-size: 10px;
		margin-top: 0;
	}

	body.races-section {
		padding-top: 0;
		font-size: 10px;
	}

	.race-results-wrapper {
		margin: auto;
		min-width: 100%;
	}

	.windspeed-footer {
		display: none;
	}

	.system-details {
		text-align: center;
	}

	.race-details {
		text-align: left;
	}

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


	.print-btn {
		display: none;
	}

	.collapse.row {
		display: block !important;
	}

	.collapse {
		display: block !important;
	}

	.hof-collapse-trigger {
		display: none;
	}

	body .search-result-page {
		width: 100%;
		height: auto;
		position: static;
		z-index: 300;
		top: 0;
		padding: 20px;
		padding-top: 30px;
		margin-left: 10px;
		background-color: white;
	}

	.junior-results-section,
	.results-section {
		padding: 0;
		margin: 0;
	}

	body.static .results-section,
	body.static .hof-sectoin {
		display: none;
	}

	.background-fadeout {
		display: none !important;
	}

	body.static #award-selector-content {
		display: none;
	}

	body.static div.jumbotron.jumbotron-fluid.jumbotron-results-page {
		display: none;
		padding: 10px !important;
		margin: 0;
	}

	.cancel-icon {
		display: none;
	}

}