/*
 * Cascading Style Sheets
 * By Baudevin Xavier & Trindade Guillaume
 * Copyright 2015
 */

/* Global */

#content {
	padding-top : 25px; }

.form_changement_mdp {
	padding-top: 25%; }

.table-button {
	width: 10%; }

.table-button .btn{
	width: 100px; }

nav {
	background-color: rgb(1, 111, 181); }

nav ul li a {
	color: #ffffff; }

.navbar {
	margin-top: 20px; }

/* Concerne la partie collaborateur_check_formulaire */

legend {
	text-align: center; }

.listening {
	text-align: center; }

.container_generateur_lien {
	margin: auto; }

.btn-test {
	background-color: white; }

.form_title {
	font-size: 20px;
	text-align: center; }

/* Concerne la partie collaborateur_voir_formulaire */

table thead th {
	font-size: 22px;
	text-align: center; }

table td {
	text-align: center; }

/* Concerne le custom de l'écriture des erreur */

.my-error-class {
	color: #A94442;
	border-color: #A94442; }

.my-valid-class {
	color: #DFF0D8; }

/* Visualisation des formulaires */

/*
 * Configuration de la la pop-up xDialog
*/
.xDialog {
  position: fixed;
  _position: absolute;
  z-index: 1000;
}

.DialogCon {
  border: 8px solid #34526F;
  background: #fff;
  text-align: center;
  border-radius:5px;
}

.DialogTit {
  line-height: 60px;
  font-size: 15px;
  background: #0E76A8;
  color: #fff;
  position: relative;
}

.DialogArea {
  font-size: 20px;
  line-height: 200px;
}

.DialogClose {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 20px;
  color: #dedede;
}

.DialogMask {
  width: 100%;
  height: 100%;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.6;
  filter: opacity(60%);
}

#questionnaireTable {}

/*** les boutons order_by du tableau ***/

/* Au passage de la souris sur les boutons d'order_by  */
/*span.glyphicon-sort-by-alphabet:hover {
	font-size: 18px;
	background-color: #DFF0D8;
	color: #016FB5;
}*/

/*** Constructeur de formulaires ***/

.constructFormulaire li ul li input{
	margin: 5px;
}

/* Essayer de faire un genre de highlight pas trop agressif */
.sortable-placeholder {
	background-image: url('../img/drag_me.png');
	height: 100px;	}

/* petit recadrage du message d'erreur pour le beneficiaire */
#labelError{
	padding: 9px;	}

/*normalise la largeur des td pour collaborateur voir formulaire*/
.custom-td{
	width: 75px;	}

/* Enlève le surlignement du bouton/lien Voir */ 
a:hover{
	text-decoration: none;	}

#ui-datepicker-div {
	width: 320px;
}
#search-by-firstname, #search-by-surname, .search-by {
	text-align: center;
}
#ui-datepicker-div .ui-datepicker-month, .ui-datepicker-year {
	color: black;
}

/* affiche un croix pour supprimer la valeur du champ recherche */
.clearable {
	background: #fff url(http://i.stack.imgur.com/mJotv.gif) no-repeat right -10px center;
  	padding: 3px 18px 3px 4px;     /* Use the same right padding (18) in jQ! */
  	border-radius: 3px;
  	transition: background 0.4s;
}
.clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */

.radio-inline {
	padding: 5px;
	padding-left: 25px;
	margin: 5px;
	min-width: 50px;
}

/* css pour la page statistique */

.panel-title h3 small {
	color: #CCC;
}

.js-legend {
	width: 100px;
	height: 100px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-top: 125px;
}

.js-legend table tbody tr td:last-child {
	width: 50px;
}

.js-legend table tbody tr td:first-child {
	width: 50px;
}

.myChart {
	margin: 15px 30px 15px 10px;
	width: 240px;
	height: 240px;
}

@media screen and (max-width: 1000px) {
	.js-legend {
		display: none;
	}
	.myChart {
		margin: auto;
	}
}

.info-stat {
	margin: 20px;
}

#modelChoice {
	position: absolute;
	z-index: 10;
}

.option-list {
	position: absolute;
}

@media print {
	.js-legend table tbody tr td[data-color='#D9534F'] {
      background-color: #D9534F !important;
    }
    .js-legend table tbody tr td[data-color='#F0AD4E'] {
      background-color: #F0AD4E !important;
    }
    .js-legend table tbody tr td[data-color='#5BC0DE'] {
      background-color: #5BC0DE !important;
    }
    .js-legend table tbody tr td[data-color='#5CB85C'] {
      background-color: #5CB85C !important;
    }
    .table:nth-child(1) {
    	page-break-after: always;
    }
    .myChart {
    	margin: 0px;
    	display: inline-block;
    }
    .js-legend {
    	margin: 0px;
    	display: inline-block;
    	height: auto;
    	width: auto;

    }
	.no-print {
		display: none !important;
	}
	button {
		display: none !important;
	}

}