div.icheck{
	margin-left:-20px;
	margin-right:5px;
}

th.checkbox-column, td.md {
	text-align: center;
}

th.button-column select {
	width: auto;
}

.sortable-column{
	display:table; 
	margin:auto;
}
.sortable-column > div{
	display:table-cell; 
	padding:0px 2px; 
	min-width:7px;
	text-align:center;
	vertical-align:middle;
}
.sortable-column input{
	width: auto;
	margin:auto;
}
.sortable-column img{
	max-width: inherit;
}

.form-horizontal .form-actions {
	padding-left: 20px;
}

.add-on a.btn{
	display:inline; 
	padding:6px;
}
.add-on a.btn:not([style*="display:none"]):nth-of-type(1){
	margin-left:-6px;
}
.add-on a.btn:not([style*="display:none"]):nth-last-of-type(1){
	margin-right:-6px;
}

.appendable{
	position:absolute;
	top:0px;
	right:0px;
}
.appendable-paperclip{
	background:url('/images/icons/paperclip.png');
	content:' ';
	height:10px;
	width:10px;
	float:right;
}
.appendable-info{
	background:url('/images/icons/info.png');
	content:' ';
	height:16px;
	width:16px;
	float:right;
	margin-top:2px;
	margin-right:2px;
}

div.absences,
div.dispenses{
	width:100%;
	overflow:auto;
}
div.absences table,
div.dispenses table{
	border:0px solid #000000;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
	font-size:12px;
	/*width:100%;*/
}
div.absences table th, div.absences table td,
div.dispenses table th, div.dispenses table td{
	border:1px solid #000000;
	background-color:#FFFFFF;
	padding:0;
	min-width:26px;
}
div.absences table td > div,
div.dispenses table td > div{
	padding:2px 4px;
}
div.absences table td,
div.dispenses table td{
	text-align:center;
}
div.absences table th.date-select,
div.dispenses table th.date-select{
	text-align:center;
	vertical-align:middle;
}
div.absences table td.eleve,
div.dispenses table td.eleve{
	white-space:nowrap;
	text-align:left;
}
div.absences table td a, div.absences table td a:hover,
div.dispenses table td a, div.dispenses table td a:hover{
	display:block;
	text-decoration:none;
}
div.absences table td.eleve a:hover,
div.dispenses table td.eleve a:hover{
	text-decoration:underline;
}
div.absences table th.date,
div.dispenses table th.date{
	text-align:center;
}
div.absences table th.periode,
div.dispenses table th.periode{
	text-align:center;
	font-weight:normal;
}
div.absences table th.time,
div.dispenses table th.time{
	height:100px; 
	width:1px; 
	vertical-align:bottom; 
	padding-bottom:8px;
	white-space:nowrap;
}
div.absences table td.quittance-label,
div.dispenses table td.quittance-label{
	font-weight:bold;
}


.rotate {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
  
	/*writing-mode: bt-rl;*/
	
	text-indent: -1em;
	padding: 0px;
	margin: 0px;
	text-align: center;
	/*vertical-align: top;*/
	white-space: nowrap;
	color:black;
	margin-left:50%;
	width:1px;

	/* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;

	/* Should be unset in IE9+ I think. */
	/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}

.status_id a{
	color: #000;
}
.status_id a:hover{
	font-weight: bold;
}