/**
 * @file
 * Subtheme specific CSS.
 */

/**
 *  Style le header
 *
 */


.breadcrumb {
  background-color: rgba(194, 196, 197, 0.21);
}


#header nav a.nav-link {
  font-size: 14px;
  color: #757575;
}

#header img {
  width: 120px;
}

/**
 *  Main wrapper
 */

#main-wrapper {
  /* background-image: url(http://www.ffbb.com/sites/all/themes/ffbb/images/interface/fondDefaut.jpg) !important; 
  */
  background-image: url(http://www.ffbb.com/sites/all/themes/ffbb/images/interface/fondHpDefaut.jpg?mlk) !important;
  height: 100%;
  background-position: top !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/*
 *  User Edit / Login
 */
.user-form,
.user-login-form,
.camps-registration-form {
  background: rgba(228, 228, 228, 0.96);
}

/**
 *  Style pour la liste des demandes d'inscription aux camps
 *
 */
.camps-registration-list-form .btn-primary {
  /*margin-top: 1rem;*/
}

.camps-registration-list-form .form-text {
  margin-top: 0;
  width: 80px;
  font-size: 14px;
}

.camps-registration-list-form .form-select {
  width: 150px;
  font-size: 14px;
}

/*  HORIZONTAL TAB  */

.camps-registration-edit-form .horizontal-tabs {
  border: none;
  background-color: #d8dbdd;
}

.camps-registration-edit-form .horizontal-tabs .horizontal-tabs-list {
  background-color: #eeeeee;
  border-right: 1px solid #eeeeee;
}

.camps-registration-edit-form .horizontal-tabs .horizontal-tab-button {
  background: #eee;
  border: none;
}

.camps-registration-edit-form .horizontal-tabs .horizontal-tab-button a:hover {
  background: none;
}

.camps-registration-edit-form .horizontal-tabs .horizontal-tab-button li:hover,
.camps-registration-edit-form .horizontal-tabs .horizontal-tab-button li:focus {
  background-color: #ddd;
}

.camps-registration-edit-form .horizontal-tab-button.selected {
  background-color: #d8dbdd;
  padding: 0 0 1px 0;
  border-radius: 10px 10px 0 0;
}

.banner.x-desktop {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 85%;
}


#export-link {
  float: right;
  font-size: 28px;
  margin-top: 1px;
}

#edit-odt-filter fieldset {
  float: left;
}

#edit-field-email {
  width: 150px !important;
}

#edit-odt-filter fieldset input[type="text"] {
  width: 90px;
  height: 38px;
}


.camps-registration-list-form fieldset {
  padding: 0px 10px;
}

#edit-output {
  clear: left;
}

.view-demands {
  min-height: 300px;
}

.view-demands .field__label {
  display: none;
}

.view-demands .field--type-entity-reference {
  padding: 0;
  margin: 0;
}

.view-demands .card {
  margin: 4px;
}

.view-demands .card .card-header {
  cursor: pointer;
}

.view-demands .card .card-header .badge.updated {
  vertical-align: super;
}

.view-demands .card .card-header,
.view-demands .card .card-body {
  display: flex;
}

.view-demands .card .card-header .stage {
  display: inline-block;
}

.view-demands .stage {
  color: #1d9dbf;
  font-size: 17px;
  font-weight: bold;
}

.fill-remaining-space {
  flex: auto;
}

.right .badge {
  color: white;
  background-color: #007bff;
}

.right .badge.validated {
  background-color: #ffc107;
}

.right .badge.waiting {
  background-color: #fd7e14;
}

.right .badge.canceled {
  background-color: #dc3545;
}

.right .badge.completed {
  background-color: #258d7f;
}

span.badge#counter {
  float: left;
  border-radius: 14px;
  margin: 3px;
}

.percent-green {
  color: #28a745;
  font-size: 20px;
}

.percent-orange {
  color: #fd7e14;
  font-size: 20px;
}


/* FILE UPLOAD */

.camps-registration-edit-form span.field-prefix {
  font-size: 0;
  z-index: 9;
  /* cursor: pointer; */
  border-radius: 50%;
  position: relative;
  top: 5px;
}

.camps-registration-edit-form span.field-prefix:before {
  position: relative;
  color: #fff;
  line-height: 1;
  letter-spacing: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-size: 25px;
  background: #019dbf;
  padding: 7px;
  border-radius: 50%;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  transition: all .15s ease-out;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f382";
}

.camps-registration-edit-form div[id^=edit-form-documents-field-user-documents-field-document-].form-managed-file {
  display: inline-block;
}

.camps-registration-edit-form fieldset[id^=edit-form-documents-field-user-documents-field-document-] .fieldset-wrapper {
  display: flex;
}

.camps-registration-edit-form fieldset[id^=edit-form-documents-field-user-documents-field-document-] .fieldset-wrapper .checkbox {
  margin-top: 14px;
}

.camps-registration-edit-form fieldset[id^=edit-form-documents-field-user-documents-field-document-] .fieldset-wrapper .checkbox label {
  margin: 0;
  padding-left: 0;
}

.camps-registration-edit-form .paragraph-comment-input {
  width: 255px;
}

/*  EDIT FORM CAMP  */

.horizontal-tabs {
  border: none;
}

/*  CUSTOMER CONTACT FORM  */

#edit-field-date-de-naissance-wrapper label {
  margin-left: 15px;
}

/** fix pour IE */
fieldset[disabled] {
  pointer-events: none;
}

.view-demands div.hidden {
  display: none;
}

/* Style front page */
#block-ffbb-barrio-content {
  background: #ffffffed;
  padding: 10px;
}


/* Block footer menu */

#block-pieddepageright ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}


@media (min-width: 1200px) {
  .container {
    max-width: 1238px;
  }
}


/*h1 {
	color: #e8e8e8
}*/

span.input-bulkoperation {
  margin: 10px;
}

#edit-odt-filter button {
  margin-top: 0;
}

#edit-odt-filter-bulk {
  display: flex;
}

#edit-bulk-submit {
  margin-top: 0;
  height: calc(2.25rem + 2px);
}