@CHARSET "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:regular,regularitalic,600,600italic,bold');

/* Reset Components */
/*html{-webkit-text-size-adjust:none;color:#000;}body,section,header,nav,footer,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;font-size:small;font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}
a:hover, a:focus { outline:none; text-decoration:none; }
strong{font-weight:bolder;}
b{color:#000000;}
*:focus {outline:none;}
*/
/* Class Components */
.liquid { width:100%; margin:0px; }
.liquid-height { min-height:100%; height:100%; }
.larg { margin: 0 auto; width:960px;}
.right { float:right; }
.left { float:left; }
.hidden { display:none; }
.star { color:#b90900; }
.radius { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }

/* Log Components */
#log { height:20px;}
.log_load { background:url(/img/admin/design/spinner.gif) no-repeat; padding-left:20px; margin-right:auto; margin-left:auto;}
.log_load_2 { background:url(/img/admin/design/spinner-2.gif) no-repeat; padding-left:20px; margin-right:auto; margin-left:auto;}
.log_error { background:url(/img/admin/design/error.gif) no-repeat; background-position:0px -1px; padding-left:20px; margin-right:auto; margin-left:auto;}
.log_validated { background:url(/img/admin/design/validated.png) no-repeat; background-position:0px 0px; padding-left:20px; margin-right:auto; margin-left:auto;}
.log_attention { background:url(/img/admin/design/attention.png) no-repeat; background-position:0px -1px; padding-left:20px; margin-right:auto; margin-left:auto;}
.log_ref { margin-left:10px; }
.help:hover { background:url(/img/admin/design/help.gif) no-repeat; background-position:right -1px; padding-right:20px; }

.marginLeftGraph{margin-left : 170px;}
.margin10{margin-left: 20px; margin-right: 7px;}

/* Button Links and icons */
a.button { display:inline-block; margin:0 0 0 0; padding:2px 15px 2px 30px; cursor:pointer; color:#fff; font-size:120%;
    border:1px solid #3a3f44; margin:0px 20px 10px 0px; width:inherit;
    text-shadow: rgba(0, 0, 0, 0.296875) 0px -1px 0px;
    border-radius:8px 0px 8px 0px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px; 
    -webkit-border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px; background:#3a3f44; }
a.button:hover { border-color:#000; color:#EAF2FA; }    
a.edit { background:url(/img/admin/design/pencil.png) no-repeat #3a3f44 6px 3px; }
a.del { background:url(/img/admin/design/basket.png) no-repeat #3a3f44 6px 3px; }
a.add { background:url(/img/admin/design/add.png) no-repeat #3a3f44 6px 3px; }
a.archive { background:url(/img/admin/design/archive.png) no-repeat #3a3f44 6px 1px; }
a.view { background:url(/img/admin/design/view.png) no-repeat #3a3f44 6px 3px; }
a.email {  background:url(/img/admin/design/email.png) no-repeat #3a3f44 6px 3px; }
a.pdf {  background:url(/img/admin/design/pdf-icon.png) no-repeat #3a3f44 6px 3px; }
a.question {  background:url(/img/admin/design/question.png) no-repeat #3a3f44 6px 3px; }

.date-button { margin:0 0 -1px 10px;  }
a.code { background:#9ec4f5; color:#333; padding:2px 5px 2px 5px; margin:1px 6px 20px 0px; border:1px solid #9ec4f5; font-weight:bold;
    border-radius:4px 0px 4px 0px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomright: 4px; 
    -webkit-border-top-left-radius:4px; -webkit-border-bottom-right-radius:4px; }
a.code:hover { background:#2e64a0; color:#fff; border:1px solid #333; }
a.margin-left{ margin-left:20px; }
.mail { width:16px; height:16px; background:url(/img/admin/design/email.png) no-repeat 0px 0px; }

.info { background:url(/img/admin/design/help.gif) no-repeat; background-position:left 1px; padding:0 0 0 20px; 
	font-style:italic; color:#666; font-size:100%; }

/* HTML Components */
html {height : 100%;}
body { background:#3a3f44; color:#333; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-size:80%;    }
p { text-align:justify; margin:0; font-size:100%}
h1,.h1 { font-size:320%; color:#333; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:bold; }
h2,.h2, legend { font-size:160%; color:#93c6d9; margin:0 0 5px 5px; }
h3,.h3 { font-size:140%; color:#333; margin:0 0 10px 0; }
a { color:#266dad; text-decoration:none; }

h1.red{ color: #e9402c; }

/* Header */
/*.header { background:url("/img/admin/design/background.png") repeat-x scroll 0 0 #F3F3F3; height:140px; border-bottom:3px solid #111;  min-width:1080px;}*/
.header .logo { overflow:hidden; margin:5px 0 0 20px; display:inline; }
.header h1 { color:#fff; padding:0; margin:0; }
.header h2 { color:#ccc; padding:0 0 0 5px; margin:-10px 0 0 5px; }

/* Main Nav */
/*.header .nav ul { margin:5px 0 0 0;  }
.header .nav ul li { float:left; margin:5px 20px 0 0; }
.header .nav ul li a { margin:0; padding:0px 15px 2px 15px; color:#333; font-size:140%; line-height:30px; 
    border-radius:8px 0px 8px 0px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px; 
    -webkit-border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px; background:#ccc; border:3px solid #ccc; }
.headerButton { margin:0; padding:0px 15px 2px 15px; color:#333; font-size:140%; line-height:30px; 
    border-radius:8px 0px 8px 0px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px; 
    -webkit-border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px; background:#ccc; border:3px solid #ccc; }
.header .nav ul li:hover {  }
.header .nav ul li:hover ul { display:block; margin:8px 0 0 0; border-left:1px solid #bbb; border-bottom:1px solid #bbb; border-right:1px solid #bbb;
    border-radius:8px 0px 8px 0px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px; 
    -webkit-border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px; }
.header .nav ul li:hover a { padding:0px 15px 20px 15px; }
.header .nav ul li:hover li a { padding:0px 10px 0px 10px; line-height:20px; }
.header .nav ul li ul { display:none; position:absolute; top:105px; background:#ccc; font-size:80%; padding:0 5px 0 5px; -moz-border-radius-bottomright: 8px; }
.header .nav ul li ul li { float:none; display:block; margin:0; padding:0; border-top:1px solid #AAA;}
.header .nav ul li ul li a { width:200px; display:block; margin:3px 0px; padding:3px 6px; border:1px solid #ccc; }
.header .nav ul li ul li:hover { }
.header .nav ul li ul li:hover a { background:#3a3f44; border:1px solid #000; color:#fff; }
.header .nav ul li ul li.first { border:0px; }
.header .nav ul .solo:hover a {padding:0px 15px 2px 15px;}*/
.header { background:#fff; height:140px; display:block; margin:0; border-bottom:2px solid #fff; }
.header { height:140px; background:url(/img/admin/design/background.png) repeat-x #f3f3f3;  }
.header .logo { overflow:hidden; margin:5px 0 0 20px; display:inline; }
.header .menu { margin:30px 20px 0 0; display:block; } 
.header .menu div { margin:0 0 0 20px; }
.header .menu div ul li { float:left; margin:0 0 0 10px; } 
.header .menu div ul li.active a { background:#e64631; }
.header .menu div ul li.active:hover a { background:#e64631; }
.header .menu div ul li:hover a, header .menu div ul li a:focus { background:#414142; }
.header .menu div ul li a { display:block; color:#fff; background:#000; font-size:125%; font-style:normal; line-height:23px; padding:0 10px;
  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
  -webkit-transition: background .2s ease-out;
  -moz-transition: background .2s ease-out;
  transition: background .2s ease-out; }
 
.clear{clear:both;}
.sub{clear:both;}
div.sub { }
div.sub ul { margin:0 50px 0 50px; height:20px; clear:left;}
div.sub ul li { float:left; line-height:32px; min-width:100px; text-align:center; margin-top: 7px; }
div.sub ul li a {  font-style:normal; font-size:120%; color:#ffffff;  padding:1px 2px; margin:0px 20px;}
div.sub ul li a.active{ border-top:2px solid #e64631; }
div.sub ul li.active a, div.sub ul li a:hover { color:#e64631; }

/* Liens d'évitement */
.header .evitement { position:absolute; top:10px; left:400px; height:30px; width:500px; }
.header .evitement ul li { display:inline; font-size:80%; float:left; margin:0 10px 0 5px; } 
.header .evitement ul li a { color:#053750; text-decoration: none; }
.header .evitement ul li a:hover, .header .evitement ul li a:focus, .header .evitement.focused ul li a { color:#fff; }
.header .evitement ul li a:hover, .header .evitement ul li a:focus { text-decoration:underline; }

/* Ident Nav */
.header .ident { background:#eee; border:3px solid #333; border-radius:0px 0px 8px 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; 
-webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; margin:-3px 30px 0 0; padding:3px 15px 3px 15px; font-size:80%; }
.header .ident a { color:#333; }
.header .ident a:hover, header .ident a:focus { text-decoration:underline; }

/* Content */
/*@media (max-width:1000px){
    .section { margin:0 50px 0px 20px; min-width:700px;  min-width:900px;}
}
@media (min-width:1000px){
    .section { margin:0 50px 0px 70px; min-width:700px;  min-width:900px;}
}
@media (min-width:1200px){
    .section { margin:0 50px 0px 120px; min-width:700px;  min-width:900px;}
}*/
.section h1 { color:#333; margin:0 0 0 0px; padding:30px 0 0 0; }
.section h2 { color:#333; margin:20px 0 20px 0; padding:20px 0 0px 0; border-bottom:1px solid #bbb; display:block; width:100%; }
.section h3 { font-size:180%; color:#053750; margin:0 0 10px 0; font-style:italic; font-weight:bold; }
.section h4 { margin:10px 0 10px -10px; border-bottom:1px solid #ccc; font-size:110%; font-weight:bold; font-style:normal; color:#333; }
.container {margin-left:0;}
.container .colonne {width: 48%; margin-right: 15px; float: left; }

/* Form : TEST */
.test { width:800px; }
.test label { display:block; width:500px; float:left; font-size:150%; margin:0 0 0px 0; }
.test label.chrono{ width:200px; margin-left:140px;}
.test label.single { width:665px; }
.test input { float:left; margin:0 20px 0 20px; border:0; padding:0; }
.test hr { height:1px; width:700px; background:#ccc; border:0px; margin:20px 0 20px 0; display:block; float:left; }
.test .item { margin:10px 20px 20px 20px; float:left; width:14px; text-align:center; }
.test .first { margin:10px 20px 20px 520px;  }
.test .el { width:200px; height:20px; }
.test .el input { margin:0; border:0; padding:0; }
.test .el label { margin:0 0 0 10px; width:170px; font-size:100%; }
.test_help { background:url(/img/admin/design/help.gif) no-repeat; background-position:left 1px; padding:0 0 0 20px; 
	margin:10px 0 0 40px; font-style:italic; color:#666; font-size:120%; }
.test_title { font-size:220%; }
.test_button { width:700px; }
.test_button .button { width:130px; margin:0; padding:2px 0 2px 0; text-align:center; }

.test #log { margin:30px 0 20px 40px; }

/* Chronostrat */
.chrono input { float:left; margin:0 20px 0 20px; border:0; padding:0; width: 50px; }

/* Form components */
legend { color:#333; margin:0; padding:15px 0 0 0; border-bottom:1px solid #bbb; display:block; width:100%; }
label { display:block; cursor:pointer; }
label.checkbox { display:inline; margin:0 0 0 5px; padding:0; }
fieldset p { margin:3px 0 3px 0; }
form div.datetime { width:310px; display:inline-block; }

/* Form : Input, Textarea */
input, textarea { border-radius:8px 0px 8px 0px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px; 
    -webkit-border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px; }
input, textarea { padding:2px 2px 2px 10px; margin:2px 0 15px 0; font-size:130%; border:1px solid #bbb; 
    -webkit-background-size: 100% 4px; 
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#f8f8f8)) repeat-x, #f8f8f8; 
    background:-moz-linear-gradient(90deg, #f8f8f8, #eee) repeat-x scroll 0 0 #f8f8f8; }
input:focus { background:#ddd;  } 
input:hover { background:-webkit-gradient(linear, 0 0, 0 100%, from(#e5ebf0), to(#f0f6fb)) repeat-x, #f0f6fb;
    background:-moz-linear-gradient(90deg, #f0f6fb, #e5ebf0) repeat-x scroll 0 0 #f0f6fb;}
textarea.code { font-size:80%; font-family:Monaco, Courier, monospace; }

/* Form : Select */
select { border: 1px solid #bbb; font-size:130%; padding:2px 2px 2px 10px; margin:2px 0 15px 0; 
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#F8F8F8)) repeat-x, #F8F8F8; 
    background:-moz-linear-gradient(90deg, #F8F8F8, #eee) repeat-x scroll 0 0 #F8F8F8; }

/* Form : Input & Select Class */
input.middle, select.middle { width:450px; }
input.long, select.long, textarea.long { width:97%; }
input.short, select.short { width:200px; }
input.time { width:30px; }
input.error, select.error {border-color:#990000;}
input.button { cursor:pointer; color:#fff; font-size:120%; padding:3px 15px 3px 15px; background:#3a3f44; 
    border:1px solid #3a3f44; display:block; margin:0px 50px 10px 0px; width:inherit;
    text-shadow: rgba(0, 0, 0, 0.296875) 0px -1px 0px;
    border-radius:8px 0px 8px 0px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px; 
    -webkit-border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px; }

button.checkout-button{width:500px;height:50px;background-color:#fff; color:#e9402c;padding:8px 12px;border:1px solid #e9402c;border-radius:4px;font-size:1em;cursor:pointer; }
button.checkout-button:hover, button.checkout-button:focus{background-color:#e9402c; color: white;}
input.button:hover, input.button:focus { border-color:#000; color:#EAF2FA; }
input.url { margin:0; padding:0; border:0px; background:#fff; font-size:100%; padding:2px 0 2px 0;
    border-radius:0px; -moz-border-radius-topleft:0px; -moz-border-radius-bottomright:0px; 
    -webkit-border-top-left-radius:0px; -webkit-border-bottom-right-radius:0px;  }
input.url:hover, input.url:focus { background:#ddd; }

.label-error{
    color: #990000;
}

/* Box */
.box { color:#333; border:1px solid #333; margin-left:auto; margin-right:auto; width:400px; 
    border-radius:10px 0px 12px 0px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomright:10px; 
    -webkit-border-top-left-radius:10px; -webkit-border-bottom-right-radius:10px; }
/*.box .background { background:#ddd; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:10px; } */
.box .title { padding:5px 13px 8px 13px; background:url("/img/admin/design/background.png") repeat scroll 0 -70px #333333; color:#fff;
    border-radius:8px 0px 0px 0px; -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; }
.box .title h1 { color:#fff; margin:0 0 0 10px; padding:2px 0 0 0; font-size:180%; }
.box .content { background:#eee; padding:10px 
    border-radius:0px 0px 6px 0px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:12px; }
.box input { padding:5px; margin:0px 10px 15px 25px; width:83%; }
.box label { margin:0 0 3px 26px; }
.box .button { cursor:pointer; color:#fff; font-size:120%; padding:3px 15px 3px 15px; background:#3a3f44; 
    border:1px solid #3a3f44; display:block; margin:0px 50px 10px 0px; width:inherit;
    text-shadow: rgba(0, 0, 0, 0.296875) 0px -1px 0px;
    border-radius:8px 0px 8px 0px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 8px; 
    -webkit-border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px; }
.box .button:hover,.button:focus { border-color: #000; color:#EAF2FA; }
.box p { margin:5px 0 0 26px; }

.edit { background:url(/img/admin/design/pencil.png) no-repeat; padding-left:20px; }

.center{text-align:center;}

/* Footer */

.push { height : 100px;} 

/*Ajout Teamstrat*/

.add {cursor: pointer;}


.unchecked {	background-color: #fff;}

.unchecked:hover {background: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f6fb),to(#e5ebf0) ) repeat-x, #f0f6fb;background: -moz-linear-gradient(90deg, #f0f6fb, #e5ebf0) repeat-x	scroll 0 0 #f0f6fb;}

.checked {background: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f7f6),to(#e6f8f5) ) repeat-x, #f0f6fb; background: -moz-linear-gradient(90deg, #f0f7f6, #e6f8f5) repeat-x scroll 0 0 #f0f6fb;}

div.recapList{
    min-height: 250px;
}

div.recapfooter {
	border-top: 1px solid #d4d4d4;
	border-bottom: 2px solid #d4d4d4;
	padding-top: 0.6em;
	padding-bottom: 3px;
	color: #686c70;
	font-weight: bold;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee),
		to(#e4e4e1) ) repeat-x, #f0f6fb;
	background: -moz-linear-gradient(90deg, #eeeeee, #e4e4e1) repeat-x
		scroll 0 0 #f0f6fb;
	text-align: center;
	/*position: absolute;*/
	bottom: 0px;
	width: 100%;
}

div.recapHeader {
	border-top: 1px solid #d4d4d4;
	border-bottom: 2px solid #d4d4d4;
	padding-top: 0.6em;
	padding-bottom: 3px;
	color: #686c70;
	cursor: pointer;
	font-weight: bold;
	background: #e4e4e1;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee),
		to(#e4e4e1) ) repeat-x, #f0f6fb;
	background: -moz-linear-gradient(90deg, #eeeeee, #e4e4e1) repeat-x
		scroll 0 0 #f0f6fb;
	text-align: center;
}

div.recap {
	width: 250px;
	min-height: 250px;
	border: 1px solid #d4d4d4;
	border-top: none;
	border-bottom: none;
	position: relative;
	clear: right;
}

li.teamName {
	padding: 3px 0 0 10px;
}

.teamaddtable .dataTables_info{
    clear: left;
    width: 503px;
}

/*
td,th {padding-left: 1em;	padding-right: 1em;}

td {	padding-bottom: 10px;	padding-top: 10px;	border-bottom: 1px solid #ddd;	border-top: 1px solid #f4f5f5;}


td.action {
	width: 5%;
}

iv



/* Ligne ABCD du table*/
span.abcd {
	color: #686c70;
	padding: 0 4px 0 0;
	border-right: 1px solid #d4d4d4;
}

div.abcdaire {
	cursor: pointer;
}

.imgList {
	margin-right: 5px;
	cursor: pointer;
}

.teamButton {
	display: inline-block;
	margin: 18px 18px 18px 90px;
	padding: 7px 14px 6px 14px;
	cursor: pointer;
	color: #686c70;
	font-weight: bold;
	background: #eee;
	border: 1px solid #d4d4d4;
}

div.borderRadius{
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

div.borderRadiusTop{
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
}

div.borderRadiusBottom{
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
}

/*
	Styles pour la légendes des graphiques Dynastrat
*/
.legendGraph3Container {
	width: 180px;
	border: 1px solid #000000;
}

div.legendGraph3Title {
	border-top: 1px solid #fffff;
	border-bottom: 2px solid #ffff;
	padding-top: 0.6em;
	padding-bottom: 3px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	background:url("/img/admin/design/background.png") repeat scroll 0 -70px #333333;
	text-align: center;
}

.legendGraph3Def {
	margin: 10px;
}

.logTeam {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	color: #c93b3b;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 6px;
}

.logTeamError {
	background-color: #e4e4e1;
	border: 2px solid #d4d4d4;
}

.column {
	display: block;
	margin-left:660px;
	width:250px;
}

#dyna_graph_3{
	max-width:990px;
}

.goLeft50px{
	margin-left:-130px;
}

/* style chronostrat */
#chrono_graph_1b{
	 float:left; 
	 margin-left:-250px; 
	 width:60%;
}

#chrono_graph_2b{
	float:left;
	width:40%;
}

.button_credit{
    display: inline-block;
    width: 30px;
    height: 32px;
    background:url("/img/admin/design/credits.png")
}
.button_delete{
    display: inline-block;
    width: 32px;
    height: 32px;
    background:url("/img/admin/design/delete_new.png")
}
.button_edit{
    display: inline-block;
    width: 32px;
    height: 32px;
    background:url("/img/admin/design/edit_new.png")
}
.button_lock{
    display: inline-block;
    width: 23px;
    height: 32px;
    background:url("/img/admin/design/lock.png")
}
.button_pdf{
    display: inline-block;
    width: 32px;
    height: 32px;
    background:url("/img/admin/design/pdf.png")
}
.button_report{
    display: inline-block;
    width: 32px;
    height: 32px;
    background:url("/img/admin/design/report.png")
}
.button_test{
    display: inline-block;
    width: 26px;
    height: 32px;
    background:url("/img/admin/design/test.png")
}
.button_graphics{
    display: inline-block;
    width: 32px;
    height: 32px;
    background:url("/img/admin/design/graphics.png")
}
.button_add_top{
    display: inline-block;
    width: 32px;
    height: 32px;
    background:url("/img/admin/design/add_top_new.png")
}
/*Sprite*/
.sprite-bullet_white{background:url("/img/admin/design/states.png") 0 0 no-repeat; background-position: 0px 0px; width: 16px; height: 16px; display:inline-block; }
.sprite-bullet_blue{background:url("/img/admin/design/states.png") 0 0 no-repeat; background-position: 0px -26px; width: 16px; height: 16px; display:inline-block;} 
.sprite-bullet_grey{background:url("/img/admin/design/states.png") 0 0 no-repeat; background-position: 0 -52px; width: 16px; height: 16px; display:inline-block;}
.sprite-lock{ background:url("/img/admin/design/states.png") 0 0 no-repeat; background-position: 0px -78px; width: 32px; height: 32px; display:inline-block;} 
.sprite-email{background:url("/img/admin/design/states.png") 0 0 no-repeat; background-position: 0px -120px; width: 25px; height: 18px; display:inline-block;}
.sprite-star{ background:url("/img/admin/design/states.png") 0 0 no-repeat; background-position: 0px -148px; width: 16px; height: 16px; display:inline-block;} 

/*
.sprite-button_lock{background:url("/img/admin/design/buttons.png") 0 0 no-repeat; background-position: 0px 0px; width: 32px; height: 32px; display:inline-block; margin:0px 1px 0px 1px;}
.sprite-button_edit{background:url("/img/admin/design/buttons.png") 0 0 no-repeat; background-position: 0px -42px; width: 25px; height: 25px; display:inline-block; margin:0px 1px 0px 1px;}
.sprite-button_del{background:url("/img/admin/design/buttons.png") 0 0 no-repeat; background-position: 0px -77px; width: 25px; height: 25px; display:inline-block; margin:0px 1px 0px 1px;}
.sprite-button_graph_add{background:url("/img/admin/design/buttons.png") 0 0 no-repeat; background-position: 0px -112px; width: 32px; height: 32px; display:inline-block;margin:0px 1px 0px 1px; }
.sprite-button_add{background:url("/img/admin/design/buttons.png") 0 0 no-repeat; background-position: 0px -154px; width: 32px; height: 32px; display:inline-block; margin:0px 1px 0px 1px;}
.sprite-button_pdf{background:url("/img/admin/design/buttons.png") 0 0 no-repeat; background-position: 0px -196px; width: 32px; height: 32px; display:inline-block; margin:0px 1px 0px 1px;}
.sprite-button_send_mail{background:url("/img/admin/design/buttons.png") 0 0 no-repeat; background-position: 0px -238px; width: 32px; height: 32px; display:inline-block; margin:0px 1px 0px 1px;}
.sprite-button_graph{background:url("/img/admin/design/buttons.png") 0 0 no-repeat; background-position: 0px -280px; width: 32px; height: 32px; display:inline-block; margin:0px 1px 0px 1px;}
.sprite-button_del_team{background:url("/img/admin/design/buttons.png") 0 0 no-repeat; background-position: 0px -322px; width: 16px; height: 16px; display:inline-block;margin:0px 1px 0px 1px; }
.sprite-button_add_team{background:url("/img/admin/design/buttons.png") 0 0 no-repeat; background-position: 0px -348px; width: 16px; height: 16px; display:inline-block; margin:0px 1px 0px 1px;}
.sprite-button_start_test{background:url("/img/admin/design/buttons.png") 0 0 no-repeat; background-position: 0px -374px; width: 32px; height: 32px; display:inline-block;margin:0px 1px 0px 1px;}
.sprite-button_chrono{background:url("/img/admin/design/buttons.png") 0 0 no-repeat; background-position: 0px -420px; width: 32px; height: 32px; display:inline-block;margin:0px 1px 0px 1px;}
*/

.sprite-button-background{ background:url("/img/admin/design/buttons.png") no-repeat top left; display:inline-block; margin:0px 1px 0px 1px;}
.sprite-button_add{ background-position: 0 0; width: 32px; height: 32px; } 
.sprite-button_chrono_add{ background-position: 0 -42px; width: 32px; height: 32px; } 
.sprite-button_chrono_graph{ background-position: 0 -84px; width: 32px; height: 32px; } 
.sprite-button_del{ background-position: 0 -126px; width: 32px; height: 32px; } 
.sprite-button_delete{ background-position: 0 -168px; width: 16px; height: 16px; } 
.sprite-button_dyna_add{ background-position: 0 -194px; width: 32px; height: 32px; } 
.sprite-button_dyna_graph{ background-position: 0 -236px; width: 32px; height: 32px; } 
.sprite-button_edit{ background-position: 0 -278px; width: 32px; height: 32px; } 
.sprite-button_send_mail{ background-position: 0 -320px; width: 32px; height: 32px; } 
.sprite-button_lock{ background-position: 0 -362px; width: 32px; height: 32px; } 
.sprite-button_pdf{ background-position: 0 -404px; width: 32px; height: 32px; } 
.sprite-button_plus{ background-position: 0 -446px; width: 16px; height: 16px; } 
.sprite-button_team_add{ background-position: 0 -472px; width: 32px; height: 32px; } 
.sprite-button_team_graph{ background-position: 0 -514px; width: 32px; height: 32px; } 
.sprite-button_tests{ background-position: 0 -556px; width: 32px; height: 32px; } 
.sprite-button_restitution_form_dyna{ background-position: 0 -588px; width: 32px; height: 32px; } 


.mooeditable-iframe > p{
    margin: 2px;
}

.dataTables_filter {
    float: left;
}


.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

.dataTables_length {
  display: none;
    width: 75px;
    float: left;
}


.dataTables_info {
  font-size: 11px;
    width: 200px;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
}

.dataTables_paginate {
    width: 300px;
    float: left;
    margin-top: 10px;
    text-align: right;
}

/* Pagination nested */
.dataTables_paginate .first, .dataTables_paginate .last, .dataTables_paginate .previous, .dataTables_paginate .next{
    height: 15px;
    width: 15px;
    margin-left: 3px;
    float: left;
}

.paginate_active{
    float: left;
    color: #4e4e50;
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
    font-size: 120%;
    margin: -2px 7px 0 7px;
}

.paginate_button{
    float: left;
    color: #4e4e50;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    margin: -2px 7px 0 7px;
    cursor: hand; cursor: pointer;
}

.dataTables_paginate .first{
    background-image: url('/img/admin/datatables/first.png');
    cursor: pointer; cursor: hand;
}

.dataTables_paginate .last{
    background-image: url('/img/admin/datatables/last.png');
    cursor: pointer; cursor: hand;
}
.dataTables_paginate .previous{
    background-image: url('/img/admin/datatables/previous.png');
    cursor: pointer; cursor: hand;
}
.dataTables_paginate .next{
    background-image: url('/img/admin/datatables/next.png');
    cursor: pointer; cursor: hand;
}

.dataTables_paginate .paginate_button_disabled.first{
    background-image: url('/img/admin/datatables/first_disabled.png');
}

.dataTables_paginate .paginate_button_disabled.last{
    background-image: url('/img/admin/datatables/last_disabled.png');
}

.dataTables_paginate .paginate_button_disabled.next{
    background-image: url('/img/admin/datatables/next_disabled.png');
}

.dataTables_paginate .paginate_button_disabled.previous{
    background-image: url('/img/admin/datatables/previous_disabled.png');
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
    background: url('/img/admin/datatables/sort_asc.png') no-repeat center right;
}

.sorting_desc {
    background: url('/img/admin/datatables/sort_desc.png') no-repeat center right;
}

.sorting {
    background: url('/img/admin/datatables/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
    background: url('/img/admin/datatables/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
    background: url('/img/admin/datatables/sort_desc_disabled.png') no-repeat center right;
}


ul.errorlist{
    padding-left: 25px;
    padding-top: 10px; 
}

ul.transparent li {
    list-style-type: none;
    margin-bottom: 10px;
}

.errorlist li{
    color: #d9534f;   
}

/* Alerts */
.alert {
padding: 15px;
margin-bottom: 20px;
color: #c09853;
background-color: #fcf8e3;
border: 1px solid #fbeed5;
border-radius: 4px;
}
.alert-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.alert-info {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}

#log_error{color:red;}

.loader{
    background:url(/img/front_v2/loader_red.gif) no-repeat;
    height: 80px;
    width: 75px;
    margin: 0 auto;
}



/*@media (max-width:1310px) {
    .header .menu{
        margin-top: 60px;
    }
}

@media (max-width:1120px) {
    .header .logo{
        display: none;
    }
}
*/




/* Sidebar */


.wrapper {
    display: flex;
    align-items: stretch;
    width: 100%;
}


a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

body {
    background: #fff;
}

#sidebar  p {
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}


#sidebar.active {
    margin-left: -250px;
}


#sidebar {
    min-width: 250px;
    max-width: 250px;
    min-height: 100vh;
    background: #2d3035;
    color: #fff;
    transition: all 0.3s;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #2d3035;
}

#sidebar ul.components {
    padding: 10px 0;
    border-bottom: 1px solid #4e4e4e;
    margin-bottom: 0
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}
#sidebar ul li a:hover {
    color: white;
    background: #383838;
}

a[aria-expanded="true"]{
    color: #fff;
    background: #2d3035;
}
#sidebar ul li.active > a{
    color: #fff;
    background: #d35335;
}
#sidebar ul ul a {
    padding-left: 30px !important;
    background: #2d3035;
}

#content {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
}

.footer {color:#34393E; padding: 10px;}
.footer p { font-size:80%;}
/*.footer { position:absolute; bottom:0px; }*/

.nav-item{ font-size: 120%;  margin-right: 30px; font-weight:600;}
.nav-link.active{ border-bottom:1px solid #e64631; }
.nav-item.active{ color:#e64631; font-weight: bold;}

.navbar-light .navbar-nav .nav-link {color: rgba(0,0,0,.6)}

.navbar-light{ border-bottom: 1px solid #4e4e4e }

.btn-add{     
    color: white;
    background: #e9402c;
    border-color: #e9402c;
}
.btn-add:hover{
    color: white;
}

a.button:hover{
    color: #EAF2FA !important;
}
a.button{
    color: #EAF2FA !important;
}

.form-signin{
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

body.login{
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}

body.login .h3{
    font-size: 1.40rem !important;
}

body.login input[type="submit"]{
    background: #e9402c;
    border-color: #e9402c;
}

body.login input{
    margin: 0;
    background: white;
}

.form-signin #id_username{
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin #id_password {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}

.table-credits{
    width: 100%;
}

.table-credits tr td{
    padding: 10px;
}



.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  cursor: pointer; /* Cursor on hover */
}
.headstratEditSelectors label{
    font-weight: bold;
}