body
{
	font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	background-color: #bbcccc;
}


#HeaderSection
{
	background-color: #fff;
	margin: 0;
	padding: 0;
}

#LogoBox
{
	position: absolute;
	background: rgba(232,233, 238, 0.6);
	/*background-color: #e8e9ec;*/
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	width: 200px; /* Need a specific value to work */
	z-index: 100;
	border-radius: 0px 0px 30px 30px;
	box-shadow: 2px 2px 2px #333;
}

#LogoBox img
{
	height: 80px;
	margin: 12px 18px;
}

@media (min-width: 768px) and (max-width: 991px)
{
	#LogoBox
	{
		width: 210px;
	}
	
	#LogoBox img
	{
		height: 85px;
		margin: 15px 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199px)
{
	#LogoBox
	{
		width: 230px;
	}
	
	#LogoBox img
	{
		height: 95px;
		margin: 20px;
	}
}

@media (min-width: 1200px) and (max-width: 1399px)
{
	#LogoBox
	{
		width: 300px;
	}	
	
	#LogoBox img
	{
		height: 130px;
		margin: 20px;
	}
}

@media (min-width: 1400px)
{
	#LogoBox
	{
		width: 350px;
	}		
	
	#LogoBox img
	{
		height: 150px;
		margin: 20px;
	}
}


.navbar
{
	margin: 0;
	padding: 0;
	border-radius: 0px;
	width: 100%;
	transition: all 0.3s ease;
	background-color: #e8e9ec;
}


.navbar .navbar-nav .nav-link,
.navbar .navbar-nav .static-text
{
	color: #182546;
	font-size: 1.1rem;
	font-weight: bold;
	padding: 10px 0px;
}

.navbar .navbar-nav .static-text
{
	line-height: 45px; 
	color: #6a85c2;
}

.navbar .nav-item.active .nav-link,
.navbar .nav-item:focus .nav-link,
.navbar .nav-item:hover .nav-link
{
	color: #6a85c2;
}

.dropdown-menu
{
	margin: 0px;
	min-width: 200px;
}

.dropdown-menu a
{
	color: #182546;
}

.dropdown-menu a.active,
.dropdown-menu a:hover
{
	background-color: #e8e9ec;
	color: #182546;
}


@media (min-width: 768px) 
{
	.dropdown:hover > .dropdown-menu 
	{
		display: block;
	}
	
	.dropdown > .dropdown-toggle:active
	{
		pointer-events: none;
	}
}

@media (max-width: 767px) 
{
	.dropdown-menu
	{
		max-width: 200px;
		text-align: right;
	}
	
	.navbar-nav
	{
		/*max-width: 200px;*/
		text-align:right;
		width: 100%;
	}

	.navbar-collapse 
	{
		background-color: #e8e9ec;
		padding: 10px 0px;
		border-radius: 5px;
	}
}

.navbar-toggler .navbar-toggler-icon 
{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(24,37,70, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.RoundedAngles
{
	border-radius: 20px 20px 20px 20px;
}

.YellowBox
{
	border: 4px solid #f2c000; 
	background-color: #fbf6af;
}

.GreenBox
{
	border: 4px solid #00a303; 
	background-color: #89e68b;
}

.RedBox
{
	border: 4px solid #ff6347;
	background-color: #fec8b9;
}

.BrownBox
{
	/*border: 4px solid #b6b2a0;*/
	/*background-color: #ddd9c6;*/
	background-color: #b6b2a0;
}

.BrownLightBox
{
	background-color: #ddd9c6;
}


.GreyBox
{
	/*border: 4px solid #B8B8B8;*/
	background-color: #e8e9ec; 
}

.TeamBox
{
	margin-bottom: 10px;
	padding: 3px;
	background-color: #e8e9ec;
}

.TeamBoxTitle
{
	/*background-color: #acacb3;*/
	background-color: #b6b2a0;
	font-weight: bold;
	text-align: center;
	margin: 1px 1px 5px 1px;
}


.TeamBoxFantaMio
{
	/*background-color: #cbcad7;*/
	background-color: #ddd9c6;
	text-align: center;	
	margin: 1px 1px 5px 1px;
}

.GrayBrownBackgroundBox
{
	background-color: #e8e9ec;	
}

.GrayBrownDarkBox
{
	background-color: #b6b2a0;
	font-weight: bold;
}

.GrayBrownLightBox
{
	background-color: #ddd9c6;
}

.TeamBoxPlayers
{
	margin: 2px 1px;
	padding: 0px 5px;
}

.BckGroundG
{
	background-color: #fbf6af;
}

.BckGroundD
{
	background-color: #cbfab3;
}

.BckGroundM
{
	background-color: #fec8b9;
}

.BckGroundS
{
	background-color: #b5eafd;
}

.btOffer
{
	border: 1px solid #000;
	background-color: #fff;
	font-weight: bold;
	padding: 0px 9px;
}

.btOffer:active
{
	background-color: #ddd9c6;
}

.btSold
{
	border: 1px solid #df4759;
	color: #df4759;
	background-color: #fff3f3;
	font-weight: bold;
	padding: 0px 10px;
}

.btDismiss
{
	border: 1px solid #df4759;
	color: #df4759;
	background-color: #fff3f3;
	font-weight: bold;
	padding: 0px 10px;
}

.btReintegrate
{
	border: 1px solid #000;
	background-color: #fff;
	font-weight: bold;
	padding: 0px 9px;
}

.btGreen
{
	border: 2px solid #00a303;
	background-color: #cbfab3;
	padding: 0px 9px;
}

.btRed
{
	border: 2px solid #ff6347;
	background-color: #fec8b9;
	padding: 0px 11px;
}

.btOffer:hover, .btGreen:hover, .btRed:hover, .btDismiss:hover, .btReintegrate:hover
{
	cursor: pointer;
}

.btBlue
{
	background-color: #007bff;
	color: #fff;
}

.btBlue:hover
{
	background-color: #0069d9;
	color: #fff;
}

a
{
	color: #20530c;
	text-decoration: none;
}

a:hover
{
	color: #4a7c37;
	text-decoration: none;
}

.BgAccordionCardHeader
{
	background-color: #e8e9ec;
}

.BgAccordionCardBody
{
	background-color: #cfdddd;
}