#loader {
	position: fixed;
	background-color: #000;
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	z-index: 10000;
	color: #fff;
    text-align: center;
}
#pan1 li { list-style: none; }
#pan1 li#head { position: fixed; }
#pan11, #pan2 form { max-height: calc(100vh - 140px); }
#pan11 { margin-top: 40px; overflow-y: scroll; }
#pan11 ul { padding-top: 4px !important; width: 100% !important; }
#pan11 ul li {
	clear: both;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	cursor: pointer;
}
#pan11 ul li.head {
	font-weight: bold;
	margin-top: -44px;
	position: absolute;
	width: 100%;
	padding-right: 36px;
	background-color: #fff;
	border-bottom: 1px solid;
}
#pan11 ul li.selected { background-color: #e1f1a1; position: relative; }
#pan11 ul li.selected::after {
	content: " ";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    border-right: 4px solid #c00;
    top: 0;
    right: -4px;
}
#pan11 ul li.selected:hover { background-color: #e1e090; }
#pan11 ul li:hover { background-color: #eee; }
.sak-1, .sak-2, .sak-3, .sak-4, .sak-5 { display: inline-grid; }
.sak-1 { width: 10%; }
.sak-2 { width: 20%; }
.sak-3 { width: 15%; }
.sak-4 { width: 20%; }
.sak-5 { width: 30%; }

.removeCom, .deleteCom {
	height: 31px;
	padding: 0 7px;
}

/*.table-striped tbody tr:nth-of-type(odd) {*/
table#commerciaux tbody tr:visible:odd {
    background-color: rgba(0,0,0,.05);
}

ul.navbar-nav li.active {
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ddd;
	font-weight: bold;
}