#app { background-color: #dedede; }
#recherche_rapide {width: 80%;}
/* #menu_utilisateur {width: 20%;} */
#listings { margin: 48px 0 24px 0; }
#listings .pagination { margin: 0;}
.erreur, input:invalid { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb }
.append-euro:after { content: '€'; }
.sepa-iban-part-container { padding-right: 0; }
#cotisation-details-sepa input { text-transform: uppercase; }

.medaille { height: 16px; width: 16px; border-radius: 8px; display: inline-block; border: 1px solid #000; }

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/* #recherche_rapide  > .form-group, #recherche_rapide .form-control {width:100% !important;} */
#recherche_rapide  > .form-group, .twitter-typeahead, .typeahead {width:100% !important;}

.recherche-rapide-wrapper {
  position: relative;
}

.recherche-rapide-spinner {
  display: none;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border: 2px solid #d5dce3;
  border-top-color: #3097d1;
  border-radius: 50%;
  animation: recherche-rapide-spin 0.7s linear infinite;
  pointer-events: none;
}

.recherche-rapide-wrapper.is-loading .recherche-rapide-spinner {
  display: block;
}

@keyframes recherche-rapide-spin {
  to { transform: rotate(360deg); }
}

.resultat-association {
  position: relative;
  padding: 8px;
}

.resultat-selectionnable {
  cursor: pointer;
}

.resultat-selectionnable:hover, .resultat-selectionnable:hover strong {
	background-color: #3097d1;
	color: #fff;
}

.resultat-selectionnable + .resultat-selectionnable {
  border-top: 1px solid #ccd6dd;
}

.suggestion-raison, .suggestion-code .code {
  font-weight:700;
}

.tt-highlight {
  color: #3097d1;
  font-weight: 700;
}

.tt-menu {
  position: absolute;
  top: 95%;
  left: 2.5%;
  z-index: 100;
  /* display: none; */
  width: 95%;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 0px 0px 0px 1px green;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
  width:100%;
}

.tt-dataset-recherche-rapide .alert-danger { margin-bottom: 0;}

.alert-medium {
  padding: 6px 15px;
}

.calcul-montant, .calcul-montant + .input-group-addon, #montant_total_assurance, #montant_total_assurance + .input-group-addon {
  font-weight: bold;
}