.margin {
	margin : 20px;
}

.centerMain {
	margin: auto;
    text-align: center;
}

.center {
	text-align: center;
}

.textLeft {
	text-align: left;
}

.textRight {
	text-align: right;
}

.paddingTop {
	padding-top : 20px;
}

.paddingTop30 {
	padding-top : 30px !important;
}

.paddingRight {
	padding-right : 20px;
}

.height85 {
    height: 85px;
}

.modal-footer {
	display: block;
}

.clear {
	clear: both;
	margin-bottom: 10px;
}

.fontPos {
	font-size: 120px;
    font-weight: bold;
}

.customButton {
	padding: 60px 66px;
    font-size: 62px;
}

.marginRight {
	margin-right: 20px;
}

.white {
	color: #fff;
}

.blockLeft {
	float: left;
}

.blockRight {
	float: right;
}

.table td, .table th {
	border-top: none;
}

.clear {
	clear: both;
}

#messageInfo {
	margin: auto;
	width: 55%;
}

.boxHeight {
	height: 150px;
}

.linkChangePass, .linkChangePass:hover {
	color: #fff;
	text-decoration: none;
}

.red {
	color: red;
}

.green {
	color: green;
}

.starter-template {
	padding: 0 0 30px 0 !important;
}


.heightGraph {
	height: 400px;
}

.resultMobile {
	display: none;
}

.canvasDesk {
	display: block !important;
}

.canvasMobile {
	display: none !important;
}

.resultWl {
	height: 20%;
	width: 20%;
}

#addResult, #addResultTentative {
	width: 40%;
	margin: auto;
}

#addTeamScore {
	width: 40%;
	margin: auto;
}

.enterResultMain {
	width: 50%; 
}

.colStats {
	width: 25%;
}

.loginClass {
	width: 40%;
	margin: auto;
}

.searchPlayerMain {
	margin: 0 auto;
}

.tableSearchPlayerResult {
	box-shadow: 5px 5px 5px #dedede; 
	position: absolute; 
	width: 18%; 
	z-index: 1000; 
	background-color: white;
}

.autocomplete {
	position: relative;
	width: 50%;
}

.gol {
	font-size: 40px;
}

.assist {
	font-size: 40px;
}

.autocomplete-active .clickPlayer {
	color: white;
}

.tdEnterScorer {
	padding: 0 !important;
}

.errorActive {
	width: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 30px;
    position: fixed;
	z-index: 999999;
}

.col-sm-6 {
	flex: 0 0 25% !important;
}

.borderMobileRight {
	border-right: none;
}

.borderMobileBottom {
	border-bottom: none;
}

.desktopBadge {
	display: inline !important;
}

.mobileBadge {
	display: none !important;
}

.badgeLevel {
	height: 80px;
	border-radius: 5px;
	box-shadow: 2px 2px grey;
	padding: 5px;
	border: 1px solid gray;
}

.badgeLevelPoint {
	height: 120px;
	border-radius: 5px;
	box-shadow: 2px 2px grey;
	padding: 5px;
	border: 1px solid gray;
}

.card {
    border-radius: 15px !important;
}

.sortPla {
	color: white;
}

.pitch {
	margin: auto; 
	width: 500px; 
	height: 800px; 
	background-image: url("../images/pitch.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	padding-top: 15px;
}

.rowPlayers {
	height: 135px;
}

.addPlayerIcon {
	height: 70px;
	width: 70px;
}

.playerInPitch {
	height: 50px;
	width: 50px;
}

.playerInBench {
	color: black;
}

@media screen and (max-width: 600px) {	
	.pitch {
		margin: auto; 
		width: 300px; 
		height: 480px; 
		background-image: url("../images/pitch.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		padding-top: 5px;
	}
	
	.rowPlayers {
		height: 80px;
	}
	
	.sortPla {
		font-size: 10px;
	}
	
	.addPlayerIcon {
		height: 45px;
		width: 45px;
	}
	
	.playerInPitch {
		height: 30px;
		width: 30px;
	}
	
	.desktopBadge {
		display: none !important;
	}

	.mobileBadge {
		display: inline !important;
	}

	.borderMobileRight {
		border-right: 1px solid lightgray;
	}
	
	.borderMobileBottom {
		border-bottom: 1px solid lightgray;
	}

	.autocomplete {
		position: relative;
		width: 95%;
	}
	
	.resultMobile {
		display: block !important;
	}
	
	.canvasDesk {
		display: none !important;
	}

	.canvasMobile {
		display: block !important;
	}
	
	.resultWl {
		height: 50% !important;
		width: 50% !important;
	}
	
	#addResult, #addResultTentative {
		width: 100% !important;
		/*margin: auto !important;*/
	}
	
	#addTeamScore {
		width: 100% !important;
		margin: auto !important;
	}
	
	.enterResultMain {
		width: 80% !important; 
		margin: auto !important;
	}
	
	.colStats {
		width: 50% !important;
	}
	
	.spaceMobile {
		margin-top:20px !important;
	}
	
	.loginClass {
		width: 80%;
		margin: auto;
	}
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active a:hover {
  text-decoration: none;
  color: #ffffff; 
}

.autocomplete-items a:hover {
  text-decoration: none; 
}

.boldMessages {
	font-weight: bold;
}

.form-switch .form-check-input {
	width: 4em;
	height: 2em;
}

.customValid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.customError {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.mtCustom1 {
	margin-top: 5px;
}

.mtCustom2 {
	margin-top: 10px;
}

.mtCustom3 {
	margin-top: 15px;
}

.mlCustom1 {
	margin-left: 5px;
}

.mlCustom2 {
	margin-left: 10px;
}

.mlCustom3 {
	margin-left: 15px;
}

.mrCustom1 {
	margin-right: 5px;
}

.mrCustom2 {
	margin-right: 10px;
}

.mrCustom3 {
	margin-right: 15px;
}

.mbCustom1 {
	margin-bottom: 5px;
}

.mbCustom2 {
	margin-bottom: 10px;
}

.mbCustom3 {
	margin-bottom: 15px;
}

a.linkMatch {
	text-decoration: underline;
	color: white;
}

.playersStats {
	font-size: 24px;
    font-weight: bold;
}

.playerOver90 {
	color: #07b300;
}

.playerOver80 {
	color: #1eff36;
}

.playerOver70 {
	color: #9bffbf;
}

.playerOver60 {
	color: #f1ff00;
}

.playerOver50 {
	color: #ffea3f;
}

.playerOver40 {
	color: #ff5c3f;
}

.playerOver30 {
	color: #ff000f;
}

.playerOver20 {
	color: #ff000f;
}

.badgeCustom {
	display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}

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

.line1Players {
	margin: 0 auto; 
}

.line2Players {
	margin: 0 auto; 
	width: 50%;
	float: left;
}

.line3Players {
	margin: 0 auto;  
	width: 33%;
	float: left;
}

.line4Players {
	margin: 0 auto;  
	width: 25%;
	float: left;
}

.line5Players {
	margin: 0 auto;  
	width: 20%;
	float: left;
}