body {
	background: #eee;
}

header{
	width:1100px;
	margin: auto;
	padding: 8px;
	border-radius: 7px;
	background: #fff;
	font-weight: bold;
}

section{
	width:1100px;
	margin: 10px auto;
	border-radius: 0 7px 7px;
	background: #fff;
}

article {
	width:100%;
	position: relative;
	background: #fff;
	padding:10px;
	text-align: center;
	font-family: Helvetica, Arial, Sans-serif;
}

input[type="date"].form-control{
	line-height:inherit !important;	
}

.display-table{
    display: table;
    table-layout: fixed;
}
.display-cell{
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.over-opacity:hover {
	cursor:pointer;
	opacity:.5;
}

.input-group-addon{
	min-width:100px;
	text-align:left;
}

.tt-menu{
	padding:0 12px;
	background: #FFF;
	border:1px solid #bed7e8;
}
.tt-selectable:hover{
	padding:4px 0;
	cursor:pointer;
	background: #bed7e8;
}

.modal-dialog {
  width: 900px;
}
/* index page */
#index-page .input-group{
	margin:3px 0 7px;
}
#index-page .nav > li > a {
    margin-right: 20px;
}

/*  USER LIST SYNTHESIS*/
#usr-list-synth{
	margin-bottom:0;
}
#usr-list-synth td:nth-child(n+2), #usr-list-synth th:nth-child(n+2){
	text-align:center;
}

/* USER form */
#user-salaire .input-group-addon{
	width:120px;
}
#user-salaire input{
	text-align:right;
}

/* PARAM form */
#rh-sal-params-form .input-group-addon{
	width:140px;
}
#rh-sal-params-form input{
	text-align:right;
}

/*  CALENDAR MONTH SYNTHESIS*/
table {
	margin-top:25px;
	-webkit-user-select:none;
	width:100%;
}

	.days  th {
		height:15px !important;
		text-align: center;
		font-size: 14px;
		padding:5px 0 5px 0 !important;
		color:#555;
		font-weight: bold;
	}

	.month td {
		margin:0px;
		border-top:1px solid #adb0b1;
		border-left:1px solid #adb0b1;
		background: #a1b4c5;
		position: relative;
		height:50px;
		padding:20px 5px 5px;
		width:120px;
		text-align:left;
		vertical-align: top;
	}

		.month td:hover:not(.blur):not(.changed) {
			/* background: #cbd1d3; */
		}

		.month .blur {
			background:#eceded;
		}

		.month td.off-day{
			background:#e2b6c4;
		}
		.month td.changed{
			background:#fbd5a0;
		}
	    .month .input-group{width:100%;}

		/* .planner .today {
			background: #c4cacc;
		} */

	.month td a.date {
		position: absolute;
		top:5px;
		right:5px;
		font-size: 12px;
		color:#FFF;
		font-weight:bold;
	}
	.month td.blur a.date{
		color:#888;
	}

	.month td select {
		font-size:15px;
		height:100%;
		text-align:left;
	}
	.month td .input-group-addon{
		min-width:30px;
		font-size:14px;
	}
	.month td div:nth-child(2) > select {
		font-size:32px;
		/*width:100%;*/
		text-align:center;

	}
	.month td input[type="number"]{
		/* width:60px; */
		text-align:right;
	}
	.month .perm-date{
		color:red;
		position:absolute;
		top:-20px;
		left:5px;
	}
	.month label{
		width:30px;
	}
	
	/* HS extra recap table*/ 
	#hs_extra_recap th{text-align:right;}
	
/* END CALENDAR MONTH SYNTHESIS*/

/*  CALENDAR YEAR SYNTHESIS*/
.status-cp{
	background:#000;
	color:#EEE;
}
.status-am{
	background:#222;
	color:#EEE;
}
.status-css{
	background:#444;
	color:#EEE;
}
.status-rtt{
	background:#777;
	color:#EEE;
}

#year-synthesis > div {
	margin:0;
}
#year-synthesis div > div{
	padding:0;
}
#year-synthesis .month .week-index{
	background: #FFF;
	font-weight:bold;
	border-left:1px solid #000;
	padding-left:3px;
	padding-right:3px;
}
#year-synthesis .month{
	width:100%;
	margin-top:10px;
}
#year-synthesis .month th .fa {
	padding:0 7px;
}
#year-synthesis .month td {
	height:40px;
	padding:25px 0 0;
	text-align:center;
}
#year-synthesis .month td a.date{
	font-size:10px;
}
#year-synthesis .month td p{
	margin:0;
	font-size:12px;
}

#year-counter table{
	width: auto;
}
#year-counter th{
	text-align:center;
	padding:10px;
}

/* SORTIES FORM */
.twitter-typeahead{
	width:100%;
	margin-bottom:-5px;
}

.user-sortie-time{
	width:350px;
}
.user-sortie-time select, .has-error .user-sortie-time select, .has-success .user-sortie-time select{
	text-align:right;
	padding:0;
	padding-right:5px;
	min-width:60px;
}
.user-sortie-time span:nth-child(n+2){
	min-width:auto;
}