* {
  	box-sizing: border-box;
  	font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;
  	font-size: 16px;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
body {
  		background-color: #d6e4ff;
}
.login {
  	width: 100%;
  	background-color: #ffffff;
  	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
  	margin: 50px auto;
	margin-top: 10px;
}
.login h2 {
  	text-align: center;
  	color: #5b6574;
  	font-size: 20px;
  	padding: 20px 0 20px 0;
  	border-bottom: 1px solid #dee0e4;
}
.login form {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	padding-top: 20px;
}
.login form label {
  	display: inline-flex;
  	justify-content: center;
  	align-items: center;
  	width: 48px;
  	height: 50px;
  	background-color: #3274d6;
  	color: #ffffff;
}
.login form input[type="password"], .login form input[type="text"] {
  	width: 80%;
  	height: 50px;
  	border: 1px solid #dee0e4;
  	margin-bottom: 20px;
  	padding: 0 15px;
}
.login form input[type="submit"] {
  	width: 100%;
  	padding: 15px;
 	margin-top: 20px;
  	background-color: #3274d6;
  	border: 0;
  	cursor: pointer;
  	font-weight: bold;
  	color: #ffffff;
  	transition: background-color 0.2s;
}
.login form input[type="submit"]:hover {
	background-color: #2868c7;
  	transition: background-color 0.2s;
}

.container {
	margin-bottom: 40px;
}

.container.no-margin {
	margin-bottom: 0px;
}

.header_section .container {
	margin-bottom: 0;
}

.container.profil, .container.ranking, .container.update, .container.graphics {
	padding-bottom: 50px;
    margin-bottom: 0px;
}

.container.home {
 	padding-bottom: 0px;
    margin-bottom: 0px;
}

.form_group {
	margin-bottom: 15px;
}
	
.red {
	color: red;
	font-weight: bold;
}

.status {
	padding-bottom: 10px;
}

header ul, footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #2868c7;
}

header li {
	float: left;
}


footer ul li {
	color: white;
	padding: 5px;
}
	
header li a {
	display: block;
	color: white;
	text-align: center;
	padding: 16px;
	text-decoration: none;
}

header li a:hover {
	background-color: #3272d1;
}

#results {
	width: 100%;
	margin: auto;
	margin-bottom: 40px;
	border: solid 1px #ccc;
}

#results table {
	background-color: #eee;
	width: 100%;
	text-align: center;
	border-radius: 10px;
}

#results table thead {
	background-color: #3d6dab;
	color: #fff;
}

#results table tfoot {
	text-align: left;
	background-color: #fff;
	color: #777;
	font-style: italic;
	border-top: 1px solid #000;
}

#results table tfoot tr td{
	padding-left: 5px;
}

#results table tbody tr:nth-child(even){
	background-color: #E8FBF0;
	color: #000;
}

#results table tbody tr:nth-child(odd){
	background-color: #DEDEFA;
	color: #000;
}

#results table tbody tr.me {
	border: dotted 2px red;
	background-color: #eee;
}

#results table tbody tr.old {
	font-style: italic;
	color: #777;
}

.resultats ul {
	padding-left: 0px;
}

.resultats ul li {
	display: inline-block;
	list-style: none;
	padding-right: 20px;
	padding-bottom: 20px;
	width: 100px;
	text-align: center;
	vertical-align: top;
 }

.resultats ul li a {
	display: inline-block;
	text-decoration: none;
	text-align: center;
}

.resultats ul li a span {	
	font-size: 12px;
}

.form_group input {
	width: 100px;
}
.form_group select {	
	width: 150px;
}

.profil table {
	float: left;
}

.green {
	color: green;
}

.current_data, .old_data {
	float: left;
}

form .annee-mois {
	width: 180px;
}

.form-inline {
	padding-bottom: 5px;
}

.form-inline label{
	padding-right: 10px;
}

.profil .current_data td {
	text-align: left;
	line-height: 20px;
	padding-left: 2px;
	padding-bottom: 5px;
	border: solid 1px #bbb;
}

.profil .current_data td img {
	height: 40px;
}

.update .h-40 {
	height: 40px;
}

.update .input-group {
	width: 100%;
}

.update .titre {
	font-size:18px;
	padding-bottom: 5px;
}

select#team {
	height: 49px;
}

input.form-control {
	height: 49px;
}

.input-group-text {
	padding: 4px 8px;
}

.invalid-feedback {
	text-align: right;
}

#error-message {
	display: none;
	color: #FF0000;
	padding-bottom: 10px;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("images/icon_menu.png");
}

.resultats ul li div {
 	line-height: 20px;
	font-size: 14px;
}

#results table thead tr.light {
 	background-color: #1677f5; 
}

#results table thead td {
 	padding: 5px; 
}

#results table thead td img {
 	width: 40px; 
}

#compare select .form-control {
	padding: 0;
}

.versions ul {
	padding-left: 20px;
	list-style: circle;
	line-height: 20px;
	padding-bottom: 10px;
}

.margeBot10 {
	margin-bottom: 10px;
}

.fa-eye{
	position: absolute;
	top: 28%;
	right: 4%;
	cursor: pointer;
	color: lightgray;
}

body p {
	font-weight: 400;
	font-size: 15px;
	color: #000;
}

.informations img {	
	weight: 300px;
}

.informations p {
	margin-top: 0;
}

.informations h3 {
	margin-top: 25px;
}

.red a {
	font-weight: 400;
	color: red;
}

.red a:hover {
	text-decoration: underline !important;
}

.copyright_section .version {
	width: 215px;
	display: inline-flex;
	position: relative;
	top: -5px;
}

.copyright_section .donate {
	display: inline-flex;
	padding-top: 10px;
	position: relative;
	top: 6px;
}

footer .container {
	margin-bottom: 15px;
}

#warrior table tbody tr td:first-child {
	width: 45px;
}

#warrior table tbody tr td:nth-child(2) {
	width: 180px;
	padding-left: 5px;
}

#warrior table tbody tr td:nth-child(3) {
	width: 80px;
	text-align: center;
}

#warrior table tbody tr.no_border {
	background-color: #eee;
}

#warrior table div.titre {
	margin: 7px 0;
	padding-left: 5px;
}

#warrior .bold {
	font-weight: bold;
	margin: 10px 0;
}

#warrior table {
	float: none;
	margin-bottom: 20px;
}

#warrior table .green {
	font-weight: bold;
}

#warrior .current_data {
	float: none;
}

#warrior .tips p, #update_warrior .tips p {
	margin: 0;
	padding-top: 5px;
}

.redh1 {
	font-size: 24px;
	color: red;
}

.btnwarrior {
	margin-bottom: 20px;
    margin-top: 10px;
}

h1 .red {
	font-size: 20px;
}

#donate-button-container {
	width: 100px;
	display: inline-block;
	margin-top: 14px;
	vertical-align: top;	
}

.selects {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 30px;
}

@media only screen and (min-width:320px){
	.layout_padding {
		padding-top: 180px;
	}
}

@media only screen and (min-width:640px) {
	.container {
		width: 640px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.layout_padding {
		padding-top: 300px;
	}
  
    .login {
	    width: 400px;
    }
  
    .update .input-group {
		width: 400px;
	}
	
	.center {
		text-align: center;
	}
}

@media only screen and (min-width:970px) {
	.container {
		width: 970px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.layout_padding {
		padding-top: 577px;
	}
}