:root{
	--couleur-principale: #FE5359;
}

.formoid-solid-blue input[type=button]:focus,
.formoid-solid-blue input[type=button]:active,
.formoid-solid-blue input[type=button]:hover,
.formoid-solid-blue input[type=button][disabled] {
  border-color: var(--couleur-principale);
}
/* File input */
.formoid-solid-blue .element-file .button {
  background-color: var(--couleur-principale);
}
.formoid-solid-blue .element-file label:hover .file_text{
  border-color: var(--couleur-principale);
}
.formoid-solid-blue .element-file .button:hover {
  background-color: var(--couleur-principale);
}
.formoid-solid-blue .element-file .button:active {
  background-color: var(--couleur-principale);
}
.formoid-solid-blue .element-file label:active .file_text{
  border-color: var(--couleur-principale);
}
.formoid-solid-blue input[type=checkbox]:hover+span:before{
  border-color: var(--couleur-principale);
}
.formoid-solid-blue input[type=checkbox]:checked+span:before{
  color: var(--couleur-principale);
  border-color: var(--couleur-principale);
}
.formoid-solid-blue input[type=radio]:hover+span:before{
  color: var(--couleur-principale);
}
.formoid-solid-blue input[type=radio]:checked+span:before{
  color: var(--couleur-principale);
}
.formoid-solid-blue .rating:hover .rating-star:hover:after,
.formoid-solid-blue .rating:hover .rating-star:hover ~ .rating-star:after {
  color: var(--couleur-principale);
}
.formoid-solid-blue .rating-input:checked ~ .rating-star:after {
  color: var(--couleur-principale);
}


.formoid-solid-blue input[type=text]:hover,
.formoid-solid-blue input[type=tel]:hover,
.formoid-solid-blue input[type=password]:hover,
.formoid-solid-blue input[type=email]:hover,
.formoid-solid-blue input[type=url]:hover,
.formoid-solid-blue input[type=date]:hover,
.formoid-solid-blue input[type=number]:hover,
.formoid-solid-blue input[type=file]:hover,
.formoid-solid-blue textarea:hover,
.formoid-solid-blue select:hover {
  border-color: var(--couleur-principale);
}
.formoid-solid-blue input[type=text]:focus,
.formoid-solid-blue input[type=tel]:focus,
.formoid-solid-blue input[type=password]:focus,
.formoid-solid-blue input[type=email]:focus,
.formoid-solid-blue input[type=url]:focus,
.formoid-solid-blue input[type=date]:focus,
.formoid-solid-blue input[type=number]:focus,
.formoid-solid-blue input[type=file]:focus,
.formoid-solid-blue textarea:focus,
.formoid-solid-blue select:focus{
  border-color: var(--couleur-principale);
}



/* element icons */
.formoid-solid-blue input:focus ~ .icon-place:before,
.formoid-solid-blue textarea:focus ~ .icon-place:before,
.formoid-solid-blue select:focus ~ .icon-place:before,
.formoid-solid-blue .select.open ~ .icon-place:before,
.formoid-solid-blue input[type=file]:focus ~ .icon-place:before,
.formoid-solid-blue .button:focus ~ .icon-place:before,
.formoid-solid-blue .file_text:focus ~ .icon-place:before {
  color: var(--couleur-principale);
}



/* bootstrap select */
.formoid-solid-blue .dropdown-menu li.active > a,
.formoid-solid-blue .dropdown-menu li.selected > a,
.formoid-solid-blue .dropdown-menu li.active > a.highlighted,
.formoid-solid-blue .dropdown-menu li.selected > a.highlighted,
.formoid-solid-blue .dropdown-inverse li.active > a,
.formoid-solid-blue .dropdown-inverse li.selected > a {
  background-color: var(--couleur-principale);
}
.formoid-solid-blue .btn.btn-primary:hover,
.formoid-solid-blue .btn.btn-primary:focus,
.formoid-solid-blue .btn-group:focus .btn.btn-primary.dropdown-toggle {
  border-color: var(--couleur-principale);
}
.formoid-solid-blue .btn.btn-primary:active,
.formoid-solid-blue .btn-group.open .btn.btn-primary.dropdown-toggle,
.formoid-solid-blue .btn.btn-primary.active,
.formoid-solid-blue .dropdown-menu li.active > a:hover,
.formoid-solid-blue .dropdown-menu li.selected > a:hover,
.formoid-solid-blue .dropdown-menu li.active > a.highlighted:hover,
.formoid-solid-blue .dropdown-menu li.selected > a.highlighted:hover,
.formoid-solid-blue .dropdown-menu li.active > a:focus,
.formoid-solid-blue .dropdown-menu li.selected > a:focus,
.formoid-solid-blue .dropdown-menu li.active > a.highlighted:focus,
.formoid-solid-blue .dropdown-menu li.selected > a.highlighted:focus {
  border-color: var(--couleur-principale);
}
.formoid-solid-blue .dropdown-arrow {
  border-bottom: 8px solid var(--couleur-principale);
}
.formoid-solid-blue .dropdown-menu {
  border: 2px solid var(--couleur-principale);
}

/* datepicker */
.datepicker {
  border: 2px solid var(--couleur-principale);
}
.datepicker:before {
  border-bottom: 7px solid var(--couleur-principale);
}
.datepicker td.active,
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled],
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td span.active,
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled]{
  color: #ffffff;
  background-image: none;
  background-color: var(--couleur-principale);
}