body{
	font-size:14px;
	font-family: Arial;
	font-weight: 300;
	cursor:default;
	width: 100%;
	height: 100%;
	background-color:#efefef;
}
html{
	width: 100%;
	height: 100%;
}
.add>div input.sol-checkbox{
	margin: 0;
}
ul.tab{
	list-style:none;
	text-align:center;
}
ul.tab li{
	font-size:14px;
	display:inline-block;
	padding:5px 10px;
	margin:0 10px;
	border-bottom: 3px solid #aaa;
}
ul.tab li:hover, ul.tab li.selected{
	border-bottom: 3px solid #203768;
	cursor: pointer;
}
#tab2,#tab3,#tab4{
	display: none;
}
.alert{display:none;}
.alert{position: fixed;min-height:80px;max-width: 500px;left: 0;right: 0;top:50%;margin:-120px auto 0 auto;padding: 20px;color:#fff;text-align: center;background-color: #333;z-index:100;border-radius:4px;font-size: 14px;}
.alert .text{margin-top:.9em;}
.alert .closed{position: absolute;right: 10px;cursor: pointer;top: 8px;border: 1px solid #eee;border-radius: 20px;padding: 4px 8px 4px 8px;margin-bottom: 0px;font-size:.8em;}
.alert .closed:hover{color:#888;border: 1px solid #888;}
.l-box{
	padding: 1em;
}
h4{
	border-bottom: 1px solid #bbb;
	padding-bottom: 5px;
}
button, .btn{
	outline: none;
}
.btn.focus, .btn:focus, .btn:hover {
    outline: none;
}
.no-display, .datatable{
	display: none;
}
.radio{
	margin:0;
	text-align: right;
}
.radio label{
	padding-left:0;
	font-size: .9em;
}
.ui-buttonset{
	margin-right:0;
}
.logo img{
    width: 32px;
    margin-left: 20px;
}
div.header {
    height: 80px;
    padding: 1em;
    background-color: #f5f5f5;
}
div.header img {
    width: 150px;
}
.connect{
	position: relative;
	background-color: #203768;
}
.connect::after{
    border-top: 15px solid #203768;
    border-left: 10px solid transparent;
    border-right: 0px solid transparent;
    height: 0;
    width: 40%;
    position: absolute;
    content: '';
    right: 0;
    bottom: -15px;
}
.connect ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.connect ul li{
    display: inline-block;
    color: #fff;
    padding: 1em 2em;
    font-size: 1em;
    text-transform: uppercase;
}
.content{
	margin: 0em;
	padding: 1em 2em;
	background-color: #ddd;
	border-radius:0px;
	font-size: .9em;
}
.bblue{
	background-color: #2c7fc5;
    color: #fff;
	position: relative;
}
.bblue::after{
    border-bottom: 15px solid #2c7fc5;
    border-left: 0px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    width: 60%;
    position: absolute;
    content: '';
    left: 0;
    top: -15px;
}
.indication{
	list-style: none;
	margin: 20px 0;
    border: 1px dashed #aaa;
    border-radius: 4px;
    padding: 10px 20px 10px 35px;
}
.indication li{
	font-size: .8em;
	color:#555;
}
.quiz-reponse{
	transition: 0.1s all ease;
}
.quiz-reponse:hover{
	color:#1c94c4;
}
.session{
	margin-bottom: 10px;
	border-top: 1px solid #bbb;
}
.session div{
	font-size: 1em;
	padding-left:20px;
}
#main{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.margin{
	margin-top:15px;
}
.login{
	margin: auto;
	padding: 2em;
	margin-top:2em;
	text-align: center;
	line-height: 2em;
	background-color: #203768;
	color: #fff;
	float: initial;
}
.login::after{
	border-bottom: 15px solid #203768;
    border-left: 0px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    width: 40%;
    position: absolute;
    content: '';
    left: 0;
    top: -15px;
}
li.link:hover, li.link.selected{
	background-color:#13254a;
	cursor: pointer;
}
.filtre{
    background-color: #fff;
    padding: 1em 2em;
	padding-top: 25px;
}
.filtre input, select, button{
	margin: 0 5px;
}
.filtre input{
	min-width: 165px;
}
.vignette-detail{
	display:inline-block;
	padding:0 5px;
}
.vignette-detail:hover{
	cursor: pointer;
	color:orange;
}
.table>tbody>tr>td{
	border-bottom: 1px solid #ccc;
}
.table>tbody>tr:nth-child(even){
	background-color:#e5e5e5;
}
.table>tbody>tr:hover{
	background-color:#DFF0D8;
}
.add{
	background-color:#444;
	display: flex;
	text-align: center;
}
.add>div{
	margin: 0 auto;
	display: inline-block;
}
.add>div input{
	background-color:#555;
	border-color:#444;
	color: #eee;
	text-align: center;
}
.add>div select{
	background-color:#555;
	border-color:#444;
	color: #eee;
	text-align: center;
	margin: 0;
}
.getscore:hover, .getaffectation:hover{
	cursor: pointer;
	text-decoration: underline;
}
.affecte, .non-affecte{
	font-size: .9em;
}
.scroll{
	height: 350px;
	overflow-y: scroll;
}
.affecte p, .non-affecte p{
	margin:0;
}
.affecte label, .non-affecte label{
	color:#555;
	font-weight: normal;
}
.table>tbody>tr.tmp, .table>tbody>tr.tmp:hover{
	background-color:#f5f5f5;
}
.close-tmp{
	text-align: right;
	display: block;
}
.close-tmp:hover{
	cursor: pointer;
	color:#aaa;
}
.small{
	font-size: .6em;
	margin-left: 5px;
	display: inline-block;
}
.small:hover{
	cursor: pointer;
	text-decoration: underline;
}
.generatereport{
	position: absolute;
	right: 15px;
	margin-top: -34px;
}
.mail-all{
	font-weight: 300;
	color: #888;
	font-size: 12px;
	float: right;
}
.mail-all:hover{
	cursor: pointer;
	text-decoration: underline;
}
.red{
	color: #d9534f;
}
.radio{
	user-select: none;
}
.form-control{
	font-size: .9em;
}