/**
 * Notes:
 * .nav-item.nav-link refers to the navbar items.
 * .dropdown-toggle.nav-link refers to the navbar dropdown items.
 * .nav-link.tab refers to the tabs at the bottom of the entries page.
**/

:root {
}

.hidden {
	display: none !important;
}

.flex-center {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
}

.selection-button {
	padding: 0;
	color: midnightblue !important;
	font-size: 14px !important;
}

.selection-button:disabled {
	pointer-events: none;
	color: silver !important;
	border: 1px solid rgba(119, 119, 119, 0.3);
}

.round1-team,
.round1-team:disabled {
	font-size: 14px !important;
	padding: 0;
	color: black !important;
	background-color: ghostwhite !important;
}

.seed {
	color: midnightblue !important;
	font-size: 12px;
	width: 20px;
}

.region {
	color: midnightblue !important;
	transform: rotate(-0.25turn);
	width: 100px;
}

.tiebreaker {
	font-size: 14px !important;
}

.tiebreaker-label {
	font-size: 12px !important;
	line-height: 12px;
	width: 140px !important;
}

.submitted:disabled {
	background-color: #f9f9f9 !important;
	color: midnightblue !important;
	border: 1px solid #777;
}

.correct:disabled {
	background-color: honeydew !important;
	color: forestgreen !important;
	border: 1px solid #777;
}

.wrong:disabled {
	background-color: floralwhite !important;
	color: crimson !important;
	border: 1px solid #777;
}

.submit-button {
	font-size: 14px !important;
}

.submit {
	padding: 0;
	color: black;
	background-color: lightgreen;
}

.submit:disabled {
	opacity: 30%;
}

.submitted-message {
	font-size: 15px;
	display: none; 
	color: midnightblue; 
	width: 480px;
	background-color: rgba(256, 256, 256, 0.75);
	border: 1px solid black;
	border-radius: 5px;
	padding: 1rem 1.25rem;
}

.form-error {
	margin-top: 0.25rem;
	font-size: 0.875em;
	color: #dc3545 !important;
	max-width: 600px !important;
}

.invalid-tooltip {
	top: -2px !important;
	left: 105% !important;
	max-width: max-content !important;
	width: max-content !important;
}

.nav-tabs {
	background-color: dimgrey !important;
	border: solid 1px dimgrey !important;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1000;
	padding-left: 60px !important;
}

.nav-link.tab {
	border-radius: 0 !important;
	padding: 0.5rem 1rem !important;
	background-color: silver !important;
	color: navy !important;
	border-right: 0.75px solid lightgrey !important;
	border-left: 0.75px solid lightgrey !important;
	border-top: none !important;
	border-bottom: none !important;
}

.nav-link.tab.active {
	background-color: whitesmoke !important;
	z-index: 1001;
}

.nav-link.tab:disabled,
.nav-link.tab:disabled:hover {
	background-color: grey !important;
	border: none !important;
}

.nav-link.tab:hover {
	background-color: lightgrey !important;
}

.nav-link.tab.active:hover {
	background-color: white !important;
}

.nav-item.nav-link,
.dropdown-toggle.nav-link {
	padding: 1rem 1rem 0.625rem !important;
	background-color: midnightblue !important;
	border-bottom: 6px solid midnightblue !important;
	color: white !important;
}

.dropdown-menu,
.dropdown-item {
	color: white !important;
	background-color: midnightblue !important;
	padding: 0.25rem !important;
}

.dropdown-item:hover {
	background-color: darkslateblue !important;
}

.nav-item.nav-link:hover,
.dropdown-toggle.nav-link:hover,
.dropdown-toggle.nav-link.show {
	background-color: darkslateblue !important;
	border-bottom: 6px solid darkslateblue !important;
}

@media (max-width: 767.98px) {
	.nav-link.tab.active {
		border-left: none !important;
	}

	.nav-item.nav-link.active {
		border-left: 6px solid crimson !important;
		border-bottom: none !important;
	}

	.navbar-collapse {
		padding-right: 0rem !important;
	}

	.navbar-brand {
		padding-left: 0;
	}

	.container-fluid {
		margin: 0.5rem !important;
	}

	.dropdown-item {
		padding-left: 1.5rem !important;
	}
}

@media (min-width: 768px) {
	.nav-item.nav-link.active {
		border-bottom: 6px solid crimson !important;
	}
	.navbar-brand {
		padding-left: 1.5rem;
	}
}

.rounds {
	position: fixed;
	top: 56px; /* equal to navbar height */
	display: flex;
	background-color: white;
	color: midnightblue;
	z-index: 1000;
	width: 1440px; /* equal to CANVAS_WIDTH */
	padding-left: 120px; /* equal to LEFT_GAP */
	border-bottom: 1px solid lightgrey;
}

.round {
	width: 180px; /* equal to XSHIFT */
	padding: 8px 52px 8px 0; /* right padding equal to XSHIFT - BOX_WIDTH */
	margin: 0;
	text-align: center;
	font-size: 15px;
}

td.fixed-width {
	width: 80px !important;
}

td.fixed-width-sm {
	width: 56px !important;
}

td.fixed-width-md {
	width: 70px !important;
}

td.entry-col,
th.entry-col {
	border-right: 2px solid black !important;
}

table.dataTable thead th {
	border-bottom: 1px solid black !important;
}

/* table.dataTable thead th, table.dataTable thead td, */
table.dataTable tbody th, table.dataTable tbody td {
	padding: 0.25rem 0.5rem !important;
}

table.dataTable thead>tr>th.sorting:after, 
table.dataTable thead>tr>th.sorting:before, 
table.dataTable thead>tr>th.sorting_asc:after, 
table.dataTable thead>tr>th.sorting_asc:before, 
table.dataTable thead>tr>th.sorting_desc:after, 
table.dataTable thead>tr>th.sorting_desc:before, 
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:after, 
table.dataTable thead>tr>th.sorting_desc_disabled:before, 
table.dataTable thead>tr>td.sorting:after, 
table.dataTable thead>tr>td.sorting:before, 
table.dataTable thead>tr>td.sorting_asc:after, 
table.dataTable thead>tr>td.sorting_asc:before, 
table.dataTable thead>tr>td.sorting_desc:after, 
table.dataTable thead>tr>td.sorting_desc:before, 
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:after, 
table.dataTable thead>tr>td.sorting_desc_disabled:before {
	right: 8px !important;
	font-size: 0.6rem !important;
	line-height: 8px !important;
}

table.dataTable thead>tr>th.sorting:after, 
table.dataTable thead>tr>th.sorting_asc:after, 
table.dataTable thead>tr>th.sorting_desc:after, 
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:after, 
table.dataTable thead>tr>td.sorting:after, 
table.dataTable thead>tr>td.sorting_asc:after, 
table.dataTable thead>tr>td.sorting_desc:after, 
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
	top: 70% !important;
}

table.dataTable thead>tr>th.sorting:before, 
table.dataTable thead>tr>th.sorting_asc:before, 
table.dataTable thead>tr>th.sorting_desc:before, 
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:before, 
table.dataTable thead>tr>td.sorting:before, 
table.dataTable thead>tr>td.sorting_asc:before, 
table.dataTable thead>tr>td.sorting_desc:before, 
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:before {
	bottom: 30% !important;
}

.dataTables_wrapper>*,
.page-link,
table,
.buttons-excel.btn-light {
	font-size: 14px !important;
}

.page-link {
	padding: 0.125rem 0.5rem !important;
}

.pagination {
	padding-top: 0.5em !important;
}

.dt-buttons {
	padding-bottom: 0.5rem !important;
}

.paginate_button,
.paginate_button:hover {
	padding: 0 !important;
	background: none !important;
	border: none !important;
}

table.dataTable tbody th,
table.dataTable tbody td {
    white-space: nowrap;
}

.buttons-excel.btn-light,
#results-table tr,
#users-table tr {
	border-color: #dee2e6;
}

.input-group {
	justify-content: center;
}

.input-group-text {
	padding: 0 0.5rem !important;
	font-size: 14px !important;
}

.donation {
	border: 1px solid #ced4da;
	width: 80px;
	background-color: rgba(256, 256, 256, 0.7);
}

input.donation::-webkit-outer-spin-button,
input.donation::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.navbar {
	min-height: 3.25rem;
	background-color: midnightblue;
	padding: 0 !important;
}

.navbar-admin, .nav-item.navbar-admin {
	background-color: darkslategrey !important;
}

.nav-item.navbar-admin {
	border-bottom: 6px solid darkslategrey !important;
}

.nav-item.navbar-admin:hover {
	background-color: darkcyan !important;
	border-bottom: 6px solid darkcyan !important;
}

.navbar-toggler,
.navbar-toggler:active,
.navbar-toggler:focus {
	width: 50px;
	border: none !important;
	box-shadow: none !important;
	text-align: center;
}

.navbar-collapse {
	padding-right: 1rem;
}

body {
	font-family: barlow !important;
	background-color: ivory !important;
}

.dark-mode {
	background-color: darkslategrey !important;
	color: white !important;
  }

button,
input {
	border: 1px solid #777;
	border-radius: 4px !important;
	padding: 2px 8px !important;
}

button.accordion-button {
	padding: 1rem 1.25rem !important;
}

.name-card {
	min-width: 600px !important;
}

.midnightblue {
	color: midnightblue;
}

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}

.container.custom-container {
	padding: 0 10px !important;
}

@font-face {
	font-family: barlow;
	src: url('./fonts/barlow/Barlow-Medium.ttf');
}

@font-face {
	font-family: barlow;
	src: url('./fonts/barlow/Barlow-SemiBold.ttf');
	font-weight: bold;
}

@font-face {
	font-family: barlow;
	src: url('./fonts/barlow/Barlow-MediumItalic.otf');
	font-style: italic;
}