@CHARSET "UTF-8";

/* GENERAL */

body{
	line-height: 1.5em;
	font-size: 75%;
	color: #545454;
	font-family: 'Poppins', sans-serif;
	background: #f1f1f1 !important;
}

h1{
	font-family: 'Poppins', sans-serif;
	font-size: 30px;
	line-height: 40px;
	color: #1b273d;
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom: 30px;
}

h2{
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #1b273d;
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: left;
}

/* LOGIN */

#login{}

	#login input[type=text], input[type=email], input[type=number], input[type=password] {
		padding: 1.5rem 2rem;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: none;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
		-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
		transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
		width: 300px;
	}

	#login ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		color: #d6d4d4;
	}
	#login ::-moz-placeholder { /* Firefox 19+ */
		color: #d6d4d4;
		opacity: 1;
	}
	#login :-ms-input-placeholder { /* IE 10+ */
		color: #d6d4d4;
	}
	#login :-moz-placeholder { /* Firefox 18- */
		color: #d6d4d4;
		opacity: 1;
	}

	#login .fields{
		padding-bottom: 30px;
	}

	#login .button,
	#tools .button{
		overflow: hidden;
		border: none;
		text-align: center;
		cursor: pointer;
		text-transform: uppercase;
		outline: none;
		position: relative;
		color: #fff;
		font-weight: 400;
		font-size: 14px;
		background: #7b0202;
		margin: 0 auto;
		font-family: 'Oswald', sans-serif;
		padding: 1.5rem 4rem;
		display: inline-block;
		letter-spacing: .1rem;
	}

	#login .error-message{
		border: 1px solid red;
		background-color: #faafaf;
		color: red;
		padding: 10px;
		width: 60%;
		font-weight: bold;
		font-size: 15px;
		margin: 0 auto;
		margin-bottom: 30px;
	}


/* ADMIN NAVIGATION */

.extranetLeft {
	position: absolute;
	left: 0;
	padding: 20px;
	color: white;
	text-decoration: none;
	background: #7b0202;
	border-radius: 0 15px 15px 0;
	font-weight: 700;
	transition: padding 0.5s ease 0s;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	top: 25px;
}

	.extranetLeft:hover {
		padding: 20px 20px 20px 50px;
		text-decoration: none;
		color: #f5a714;
	}


/* ADMIN SCORES */

#scores {
	position: absolute;
	top: 0;
	right: 0;
	padding: 20px;
	color: #ccc;
	text-decoration: none;
	background: #333;
	border-radius: 0 0 0 15px;
	font-family: 'Oswald', sans-serif;
	font-size: 11px;
	z-index: 1000;
}

#scores.retractable {
	margin-right: -250px;
	transition: margin-right 0.5s ease 0s;
}

	#scores.retractable:hover {
		margin-right: 0;
	}

#scores div + div {
	border-top: 1px solid #666;
}

.ranking, .score {
	display: inline-block;
	width: 20px;
	text-align: center;
	padding: 5px;
	background: #666;
	border-radius: 3px;
}

.current{
	background: #7b0202;
}

.user {
	display: inline-block;
	width: 250px;
	text-align: left;
	padding: 10px;
}

.score {
	width: 120px;
}


/* ADMIN LIST */

.filters{
	margin-top: 120px;
	margin-bottom: 25px;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
}

	.filters .filter{
		text-align: left;
	}

		.filters .filter label{
			text-align: left !important;
			padding-bottom: 10px;
			font-weight: normal;
		}

.totals{
	margin-top: 25px;
	margin-bottom: 25px;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	background-color: white;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: 0;
	margin-right: 0;
}

.unpaied{
	color: red;
}

.paied{
	color: green;
}

table {

	width: 100%;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	border-collapse: collapse;
	line-height: 18px;
	color: #333;
}

	table thead{
		display: table-header-group;
		vertical-align: middle;
		/*height: 40px;*/
	}

		table thead tr{
			display: table-row;
			vertical-align: inherit;
			border-color: inherit;
		}

			table thead tr th {
				background: #333;
				color: #fff;
				padding-left: 15px;
				text-align: left;
				padding-top: 15px;
				padding-bottom: 20px;
			}

				table thead tr th a{
					color: white;
				}
					table thead tr th a:hover{
						color: white;
						text-decoration: underline;
					}

	table tbody tr {
		background: #fff;
	}

	table tbody tr:nth-child(odd) {
		background: #999;
	}

		table tbody tr td {
			padding-top: 15px;
			padding-bottom: 20px;
			text-align: left;
			padding-left: 15px;
		}

	table tbody a {
		display: inline-block;
		color: #333;
		text-decoration: underline;
	}

		table tbody a:hover {
			color: #7b0202;
		}

/* TOOLS */

#tools{}

	#tools ul.technical_sheets_list{
		text-align: left;
		list-style: circle;
	}

	#tools ul.technical_sheets_list li{
			padding-bottom: 15px;
		}

   			#tools ul.technical_sheets_list li a{
				font-family: 'Oswald', sans-serif;
				font-size: 15px;
				color: #7b0202;
			}


	#tools p.explanation{
		text-align: left;
		font-size: 15px;
		color: #333;
	}

	#tools fieldset{
		text-align: left;
	}

	#tools p.field-bloc{
		padding-bottom: 15px;
	}

	#tools .error-message{
		border: 1px solid red;
		background-color: #faafaf;
		color: red;
		padding: 10px;
		font-weight: bold;
		font-size: 15px;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	#tools .confirm-message{
		border: 1px solid green;
		background-color: #abd5b9;
		color: green;
		padding: 10px;
		font-weight: bold;
		font-size: 15px;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	#tools textarea{
		padding: 1.5rem 2rem;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: none;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
		-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
		transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
		width: 800px;
	}