/***************************************************************
*
* BODY
*
****************************************************************/

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh; /* Full height of the viewport */
}

main {
	flex: 1; /* Take up the available space */
}

/***************************************************************
*
* LOGO
*
****************************************************************/

.logo, .logo a
{
	color: #000000 !important;
}

/***************************************************************
*
* WIDTHS
*
****************************************************************/

@media(max-width: 768px) {
	.mobile100 {
		width: 100% !important;
	}
}

/***************************************************************
*
* TEXT
*
****************************************************************/

.text-muted
{
	color: #aaaaaa !important;
}

/***************************************************************
*
* CUSTOM COLORS
*
****************************************************************/

.blue
{
	color: #3295fc;
}

.green
{
	color: #0baf40;
}

.light-green
{
	color: #d4edda;
}

.red
{
	color: #dd0000;
}

.orange
{
	color: #fd7e14;
}

.yellow
{
	color: #f7b104;
}

.light-yellow
{
	color: #fff3cd;
}

.grey
{
	color: #6d757d;
}

.highlight
{
	color: #3295fc;
}

/***************************************************************
*
* BACKGROUND COLORS
*
****************************************************************/

.bg-keyword
{
	background-color: #d4edda;
}

.bg-cpv
{
	background-color: #fff3cd;
}

.bg-primary
{
	background-color: #3295fc !important;
}

.bg-grey
{
	background-color: #f7f7f7 !important;
}

/***************************************************************
*
* NAVIGATION
*
****************************************************************/

nav
{

}

.nav-link
{
	font-weight: 600;
}

.nav-link:hover
{
	color: #3295fc;
}

/***************************************************************
*
* TABS
*
****************************************************************/

.nav-tabs
{
	margin:0 0 1px 0;
	border-bottom: none;
}

.nav-tabs .nav-link
{
	background-color: #f7f7f7;
	color: #6d757d;
	border: none;
}

.nav-tabs .nav-link:hover
{
	background-color: #32bafc;
	color: #ffffff !important;
	border: none;
}

.nav-tabs .nav-link.active
{
	background-color: #6d757d;
	color: #ffffff !important;
	border: none;
}

/***************************************************************
*
* TYPOGRAPHY
*
****************************************************************/

p, li
{
	color: #000000
}

a
{
	color: #3295fc;
	text-decoration: none;
}

a:hover
{
	color: #000000;
}

.feint
{
	color: #676767
}

.list-group-item a:hover
{
	color: #000000;
}

.blur-text
{
	filter: blur(3px) !important;
}

.text-primary
{
	color: #3295fcc !important;
}

.text-warning
{
	color: #fd7e14 !important;
}

/***************************************************************
*
* TABLES
*
****************************************************************/

.table-summary
{
  border: none;
}

.table-summary td
{
	background-color: transparent !important;
	padding: 12px;
	border: none;
	white-space: nowrap;
}

.table-summary td:first-child
{
	width: 1%;
}


/***************************************************************
*
* BUTTONS
*
****************************************************************/

.btn-primary
{
	background-color: #32bafc;
	color: #ffffff;
	border: none;
}

.btn-primary:hover
{
	background-color: #666666;
	color: #ffffff;
}

.btn-primary:active
{
	background-color: #000000 !important; /* Set to your button's color */
	border-color: #000000 !important;
}

.btn-warning
{
	background-color: #fd7e14 !important;
	border-color: #fd7e14 !important;
	color: #ffffff !important;
}

.btn-warning:hover
{
	background-color: #666666 !important;
	border-color: #666666 !important;
	color: #ffffff !important;
}

.btn-warning:active
{
	background-color: #000000 !important;
	border-color: #000000 !important;
	color: #ffffff !important;
}

.btn-success
{
	background-color: #0baf40;
	border-color: #0baf40;
}

.btn-outline-primary
{
	background-color: #ffffff;
	color: #32bafc;
	border: 1px solid #32bafc;
}

.btn-outline-primary:hover
{
	background-color: #666666;
	color: #ffffff;
	border: 1px solid #666666 !important;
}

.btn-outline-primary:active
{
	background-color: #000000 !important; /* Set to your button's color */
	color: #ffffff;
	border-color: #000000 !important;
}


.btn-white
{
	background-color: #ffffff;
	border-color: #ffffff;
	transition: transform 0.3s ease-in-out;
}

.btn-white:hover
{
	background-color: #ffffff;
	border-color: #ffffff;
	transform: scale(1.1);
}

.btn-live
{
	background-color: #00cc00;
	border-color: #00cc00;
	color: #ffffff;
}

.btn-expired
{
	background-color: #cc0000;
	border-color: #cc0000;
	color: #ffffff;
}

.btn-awarded
{
	background-color: #32bafc;
	border-color: #32bafc;
	color: #ffffff;
}

/* @keyframes glow {
  0% {
	box-shadow: 0 0 5px rgba(50, 186, 252, 0.5);
  }
  50% {
	box-shadow: 0 0 20px rgba(50, 186, 252, 1);
  }
  100% {
	box-shadow: 0 0 5px rgba(50, 186, 252, 0.5);
  }
}

.glow-button {
  animation: glow 1.5s infinite alternate;
} */

#flexSwitchCheckChecked
{
	background-color: #32bafc !important;
	border-color: #32bafc !important;
	font-size: 1.2rem;
}

#flexSwitchCheckChecked:not(:checked)
{
	background-color: #ffffff !important;
	border-color: #cccccc !important;
}

/***************************************************************
*
* FORMS
*
****************************************************************/

/* Apply styles to all input, textarea, and select elements in forms */
.form-control
{
	background-color: #f5f5f5; /* Light grey background */
	border: 2px solid #f5f5f5; /* No border */
	padding: 0.75rem 1rem; /* Larger padding */
	font-size: 1.1rem; /* Slightly larger font size */
	border-radius: 0.25rem; /* Optional: Rounded corners */
}

/* Remove focus box-shadow and slightly darker background when focused */
.form-control:focus
{
	box-shadow: none; /* Remove focus shadow */
	background-color: #f5f5f5; /* Light grey background */
	border: 2px solid #000000; /* No border */
}

.input-group-text {
	background-color: #f5f5f5; /* Match input background */
	border: 2px solid #f5f5f5; /* Remove border */
}

.form-control.signup
{
	background-color: #ffffff; /* Light grey background */
	border: 2px solid #ffffff;
}

.form-control.signup:focus
{
	box-shadow: none; /* Remove focus shadow */
	background-color: #ffffff; /* Light grey background */
	border: 2px solid #000000; /* No border */
}

.form-check-input:checked {
	background-color: #32bafc !important;
	border-color: #32bafc !important;
}

.form-check-input:checked::before {
	background-color: white;
	color: white;
}

/***************************************************************
*
* PAGINATOR
*
****************************************************************/

.page-item.active .page-link
{
	background-color: #03c2e3;
    border-color: #03c2e3;
}

.page-link
{
	color: #03c2e3;
}

.page-link:hover
{
	background-color: #03c2e3;
    border-color: #03c2e3;
    color: white;
}

/***************************************************************
*
* ICONS
*
****************************************************************/

#social i
{
	font-size:2em;

}

#social a
{
	margin-right:20px;
	color: #ffffff !important;
}

#social a:last-child
{
	margin-right: 0;
}

#social a:hover
{
	color: #03c2e3 !important;
}

.fa-ellipsis
{
	color: #03c2e3 !important;
}

.fa-circle-check
{
	color: #03ba49 !important;
}

/***************************************************************
*
* HOME PANEL
*
****************************************************************/

#homePanel {
	background-color: #03c2e3;
	color: #ffffff;
	position: relative; /* Allows absolute positioning of the pseudo-element */
	overflow: hidden; /* Ensures the @ symbol doesn't overflow the div */
}

#homePanel::before
{
	content: "S";
	position: absolute;
	top: 30%;
	left: 70%;
	transform: translate(-50%, -50%) rotate(-45deg);
	font-size: 2300px; /* Adjust size as needed */
	color: rgba(255, 255, 255, 0.2); /* White with opacity */
	font-weight: bold;
	z-index: 0; /* Keeps the symbol in the background */
	pointer-events: none; /* Prevents interaction with the symbol */
	font-family: Arial, sans-serif; /* Ensures clear display */
}

/***************************************************************
*
* PAGE HEADER
*
****************************************************************/

#pageHeader
{
	background-color: #03c2e3;
}

#pageHeader p
{
	color: #ffffff;
}

#pageHeader a
{
	color: #ffffff;
}

#pageHeader a:hover
{
	text-decoration: underline;
}

/***************************************************************
*
* FOOTER
*
****************************************************************/

.footer
{
	background-color: #272727;
}

.footer p
{
	color: #ffffff;
	font-size:0.9em;
}

.footer a
{
	color:#ffffff;
	text-decoration: none;
}