.badge {
  display: inline-block;
  background: #3c8dbc;
  color: white;
  padding: 0.2em 0.5em;
  border-radius: 10px;
  margin: 1px;
  font-size: 0.8em;
}

.page-title .badge {
  font-size: 0.5em;
}

.page-title .admin-list {
  font-size: 0.5em;
  margin-top: -10px;
  margin-bottom: 10px;
}



.padding {
  padding: 1em;
}

.border {
  border: lightGrey 1px solid;
}

.rounded {
  border-radius: 5px;
}

.rounded-pill {
  border-radius: 50px / 50%;
}

.badge a {
  color: white;
}

.text-PRI {
  color: #A00;
}

.text-RES {
  color: #C60;
}

.text-PUB {
  color: #0A0;
}

table tr:hover {
  background: rgba(225, 255, 0, 0.2) !important;
}


form h4.label {
  font-size: 1.2em;
}


small {
  font-size: 0.7em;
}

/*
 * Classes générales spécifiques
 */

span.lent-YES {
  color: rgba(125, 80, 0, 1);
}

span.lent-NO {
  color: rgba(0, 100, 0, 1);
}

span.lent-LATE {
  color: rgba(100, 0, 0, 1);
}

span.membership-OK {
  color: rgba(0, 100, 0, 1);
}

span.membership-PARTIAL,
span.membership-UNPAID {
  color: rgba(125, 80, 0, 1);
}

span.membership-NONE {
  color: rgba(100, 0, 0, 1);
}

span.payment-OK {
  color: rgba(0, 100, 0, 1);
}

span.payment-PARTIAL {
  color: rgba(125, 80, 0, 1);
}

span.payment-NONE {
  color: rgba(100, 0, 0, 1);
}


span.condition-NEW {
  color: rgba(0, 240, 0, 1);
}

span.condition-GOO {
  color: rgba(0, 170, 120, 1);
}

span.condition-COR {
  color: rgba(0, 0, 220, 1);
}

span.condition-BAD {
  color: rgba(200, 100, 0, 1);
}

span.condition-FIX {
  color: rgba(220, 0, 0, 1);
}

span.condition-TRA {
  color: rgba(0, 0, 0, 1);
}

span.complete-INC {
  color: rgba(220, 0, 0, 1);
}

img.lang {
  width: 20px;
  height: 20px;
}


header.region {
  margin: 30px 0;
}


/*
 * Menu BGM
 */
.block-bgm-menu-block {
  background: white;
  clear: both
}



.block-bgm-menu-block ul {
  text-align: left;
  width: 100%
}

.block-bgm-menu-block ul li {
  list-style-type: none;
  margin: 0;
}

.block-bgm-menu-block ul a {
  display: inline-block;
  color: #3c8dbc;
  padding: 5px 15px;
}

.block-bgm-menu-block ul a.level-1 {
  font-size: 1.2em;
  background: #eeeeee;
}



.block-bgm-menu-block ul a.level-2 {
  padding-left: 10px;
  border-left: 3px solid #eeeeee
}



.block-bgm-menu-block ul a.mine {
  color: rgba(210, 210, 50, 0.8);
}

.block-bgm-menu-block ul a.mine:hover {
  color: rgba(250, 250, 80, 0.9);
}

.block-bgm-menu-block ul a.level-1.active {
  color: white;
  background: #3c8dbc;
}

.block-bgm-menu-block ul a.level-2.current {
  background: transparent;
  border-color: #3c8dbc;
}


/******************************************************************
 * Formulaires
 * ****************************************************************/

/*
 *  Adhésions
 */

form.membership-form .field--type-payment .fieldset-wrapper {
  clear: both;
}

form.membership-form .field--type-payment .form-type-date,
form.membership-form .field--type-payment .form-type-number {
  display: block;
  width: 40%;
  float: left;
}


/******************************************************************
 * Pages contenu
 * ****************************************************************/

/*
 * Page jeu
 */

.boardgame-page .field--name-boardgame_users_infos {
  display: inline-block;
  border: rgba(0, 0, 0, 0.2) 1px solid;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 10px;
  font-size: 1.1em;
}

.boardgame-page .field--name-boardgame_expansions ul,
.boardgame-page .field--name-boardgame_variants ul {
  padding-left: 0;
}

.boardgame-page .field--name-boardgame_expansions ul li,
.boardgame-page .field--name-boardgame_variants ul li {
  list-style-type: none;
}

.boardgame-page .field--name-expansion {
  border: rgba(0, 0, 0, 0.6) 1px solid;
  border-radius: 5px;
  padding: 10px;
}

.boardgame-page .field--name-description {
  background: rgba(0, 0, 0, 0.1);
  border: rgba(0, 0, 0, 0.6) 1px solid;
  border-left-width: 5px;
  padding: 10px;
}

.field--name-philibert-btn {
  text-align: center;
}

.field--name-philibert-btn .label {
  display: block;
  font-size: 1em;
}

.field--name-philibert-btn img {
  height: 50px;
}

/*
 * Page exemplaire
 */

.copy-page #col-copy {
  background: rgba(0, 0, 0, 0.1);
  padding: 15px;
}

.copy-page #col-boardgame {
  text-align: center;
}

.copy-page #col-boardgame {
  text-align: center;
}

.copy-page #col-boardgame .field--name-pictures img {
  margin: auto;
}

.copy-page #col-boardgame .field--name-bg-id {
  border: rgba(0, 0, 0, 0.1) 2px solid;
  padding: 15px;
}

.copy-page #col-lent .field--name-lents,
.copy-page #col-lent .field--name-availability {
  border: rgba(0, 0, 0, 0.1) 2px solid;
  padding: 15px;
}

/*
 * Page partie
 */

.game-page .boardgame-infos {
  border: rgba(0, 0, 0, 0.2) 1px solid;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
}

.game-page .boardgame-infos .field--name-boardgame_profile {
  font-size: 1.2em;
  padding: 10px 5px;
}


/******************************************************************
 * Vues
 * ****************************************************************/

/*
 * Homepage
 */

.homepage h2 {
  border-left: #3c8dbc 5px solid;
  border-bottom: #3c8dbc 1px solid;
  padding: 5px 15px 5px 20px;
}

.homepage h3 {
  border-top: rgba(0, 0, 255, 0.1) 1px solid;
  text-align: center;
}

.view-homepage-last-games,
.view-homepage-last-boardgames {
  /*background: rgba(0,0,255,0.1);*/
  padding: 10px;
  border-radius: 3px;
}

.homepage .jcarousel-wrapper {
  height: 350px;
}

.homepage .jcarousel-wrapper .jcarousel {
  height: 350px;
}

.homepage ul.jcarousel-container-horizontal {
  list-style-type: none;
  padding: 20px 10px;
}

.homepage ul.jcarousel-container-horizontal>li {
  margin: 20px;
}

.view-homepage-last-lents ul.row>li,
.view-homepage-last-games ul.row>li,
.view-homepage-last-boardgames ul.row>li {
  text-align: center;
  padding: 15px;
}

.view-homepage-last-boardgames ul.row>li h3 {
  font-size: 1.2em;
  height: 2em;
}

.view-homepage-last-boardgames ul li .views-field-age,
.view-homepage-last-lents ul li .views-field-pictures-target-id,
.view-homepage-last-games ul li .views-field-pictures-target-id,
.view-homepage-last-boardgames ul li .views-field-pictures-target-id,
.view-homepage-last-boardgames ul li .views-field-players__from,
.view-homepage-last-boardgames ul li .views-field-time__from {
  display: inline-block;
}

.view-homepage-last-boardgames ul li .views-field-age,
.view-homepage-last-boardgames ul li .views-field-players__from,
.view-homepage-last-boardgames ul li .views-field-time__from {
  padding: 1px 3px;
}



/*
 * Header
 */



.view-header {
  text-align: center;
}


/*
 * Filtres
 */
.views-exposed-form fieldset {
  border-color: #3c8dbc !important;
  background: #eeeeff !important;
}

.views-exposed-form fieldset.filled {
  border-color: #990000 !important;
  background: #ffeeee !important;
}

.views-exposed-form fieldset .fieldset__label {
  color: #3c8dbc
}

.views-exposed-form fieldset.filled .fieldset__label {
  color: #990000
}

.views-exposed-form fieldset.filled .filled {
  background: #990000 !important;
  color: white !important;
}


/*
 * Pagination
 */
ul.pager__items li.is-active a {
  background: #3c8dbc;
  color: white;
  border-color: #3c8dbc;
}


/*
 * Liste des exemplaires
 */

tr.lent-YES {
  background: rgba(180, 130, 0, 0.15) !important;
}

tr.lent-YES .storage {
  text-decoration: line-through;
}

tr.lent-LATE {
  background: rgba(255, 0, 0, 0.15) !important;
}

tr.lent-LATE .storage {
  text-decoration: line-through;
}

.view-copies-list .condition,
.view-copies-list .complete {
  padding: 2px 5px;
  font-size: 1.2em;
}

.view-copies-list .title {
  font-size: 1.2em;
  font-variant: small-caps;
  font-weight: bold;
}

.view-copies-list .languages {
  padding-top: 10px;
}

.views-field-nothing-1,
.views-field-nothing-2 .languages,
.views-field-nothing-2 .infos {
  font-size: 0.8em;
}

/*
 * Liste des adhérents
 */

tr.membership-OK {
  background: rgba(0, 255, 0, 0.15) !important;
}

tr.membership-PARTIAL,
tr.membership-UNPAID {
  background: rgba(180, 130, 0, 0.15) !important;
}

tr.membership-NONE {
  background: rgba(255, 0, 0, 0.15) !important;
}

/*
 * Liste des adhésions
 */

tr.payment-OK {
  background: rgba(0, 255, 0, 0.15) !important;
}

tr.payment-PARTIAL {
  background: rgba(180, 130, 0, 0.15) !important;
}

tr.payment-NONE {
  background: rgba(255, 0, 0, 0.15) !important;
}



/*
 * Liste des mécanismes / thèmes
 */

.view-mechanisms-list ul,
.view-themes-list ul {
  list-style-type: none;
  padding: 20px 10px;
}

.view-mechanisms-list ul li,
.view-themes-list ul li {
  margin: 0;
}

.view-mechanisms-list ul li a,
.view-themes-list ul li a {
  display: block;
  padding: 3px 8px;
}

.view-mechanisms-list ul li a:hover,
.view-themes-list ul li a:hover {
  display: block;
  background: #3c8dbc;
  color: white;
  border-radius: 3px;
}

/*
 * Wishlist
 */

.view-wishlist h2 {
  border: #3c8dbc 1px solid;
  background: #3c8dbc;
  color: white;
  padding: 5px 25px 5px 40px;
  border-radius: 25px 0 0 25px;
}

.view-wishlist h2::before {
  display: block;
  background: red;
  height: 50px;
  width: 10px;
  border: red 1px dotted;
}

.view-wishlist ul {
  list-style-type: none;
  padding: 20px 10px;
}

.view-wishlist ul li {
  margin: 0;
}

.view-wishlist ul.row>li {
  text-align: center;
  padding: 15px;
}

.view-wishlist ul.row>li .row-content {
  border: #3c8dbc 1px solid;
  padding: 10px;
  border-radius: 3px;
}

.view-wishlist ul.row>li h3 {
  font-size: 1.2em;
  height: 2em;
}

.view-wishlist ul li .views-field-age,
.view-wishlist ul li .views-field-pictures-target-id,
.view-wishlist ul li .views-field-players__from,
.view-wishlist ul li .views-field-time__from {
  display: inline-block;
}

.view-wishlist ul li .views-field-age,
.view-wishlist ul li .views-field-players__from,
.view-wishlist ul li .views-field-time__from {
  padding: 1px 3px;
}

.view-wishlist .views-field-my-bgm-actions {
  position: relative;
  margin-top: 1em;
}

.view-wishlist .dropbutton-wrapper {
  position: absolute;
  min-width: 100%;
}

/******************************************************************
 * Formulaires
 * ****************************************************************/

.field--type-datetime label.label {
  font-size: 1em;
}

ul.ui-autocomplete li a {
  display: block;
  padding: 3px;
}

ul.ui-autocomplete li a:hover {
  background: #605ca8;
  border: transparent 1px solid;
}