@charset "UTF-8";

.definitionMessage {
	cursor: pointer;
}

tr.has-error > td {
	background-color: #fff8f8;
}
tr.tableCollectionRowErrors > td {
	border-top: none !important;
}

/* Équivalent de .has-error, mais pour la validation par le browser */
.form-control:invalid {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.form-control:invalid:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.form-inline .form-group {
	vertical-align: text-top;
}

select:invalid + .select2-container .select2-selection {
	border-color: #a94442;
}
input[type=checkbox]:invalid, input[type=radio]:invalid {
	/* Les bordures ne fonctionnent pas sur les checkbox et boutons radio. */
	outline: 2px solid #a94442;
}

input.surveyOrdering {
	width: 5em;
}

.select2-container .select2-selection--multiple {
	max-height: 20ex;
	overflow-y: auto;
}

.formDisplayValue.form-control {
	height: auto;
}

/* Formulaire à étapes */
.formSteps {
  position:relative;
	padding: 30px 0;
	text-align: center;
}
.formStepsBar{
  position:absolute;
  width:100%;
  top:50%;
  height:5px;
  z-index:2;
  background-color:#dfe3e4;  
}
.formStep {
  position:relative;
  z-index:3;
  display:inline-block;
  font-size: 18px;
  border-radius:50%;
  padding:1.5em;
  margin-left:4em;
  /* il faudrait une largeur différente selon le nombre d'étape, si on fait autre chose que des formulaires à 3 étapes */
  max-width: 25%;
  vertical-align: middle;
  /* avant currentStep */
  color: #fff;
  background-color:#79c447;
}
.formStep:first-of-type {
  margin-left: 0;
}
.formStep.currentStep {
  font-weight: bold;
  background-color:#337ab7;
  color:#fff;
  padding:2em;
}
.formStep.currentStep ~ .formStep {
  /* après currentStep */
  font-style:italic;
  color:#aaa;
  background-color:#dfe3e4;
}
.form-inline .form-group.rowChoiceType .checkbox-inline{
  margin-right:10px;
}
.help-block{
  font-style:italic;
}

.definitionPopover .popoverHead {
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
}
.definitionPopover .popover-title {
	margin-right: 30px;
	border-bottom: none;
}
.definitionPopover .close {
	float: right;
	width: 30px;
	padding: 4px;
}
.select2-container .select2-selection--single{
  height:34px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:34px;
}
/*REPORT UPDATE*/
#reportingFilters{
  background-color: #e9e9e9;
  padding-bottom: 5px;
  margin-left: -15px;
  margin-right: -15px;
  border: 0;
}
#reportingFilters > .panel-heading {
  background-color: #1e3f5d;
  background-image: linear-gradient(to bottom, #2b5b87 0%, #1e3f5d 100%);
  color: #fff;
  font-weight: bold;
}
#reportingFilters .control-label{
  display:block;
  padding-top:5px;
}
#reportingFilters .btn-group{
  vertical-align:bottom;
}
#reportingFilters #criteria-form_period{
  padding-right:10px;
}
#reportingFilters #criteria-form_period .rowFormType,
#reportingFilters #criteria-form_period .rowChoiceType,
#reportingFilters #criteria-form_period .rowCollectionType{
  display:block;
}
@media (max-width: 960px){
 .formStepsBar{
   display:none;
 }
  .formStep {
    margin-bottom:1em;
  }
}