/**
 * Hack pour affichage correct du kint
 */

.kint {
    margin-left: 100px !important;
}
/**
 *   On masque la mention Afficher le poids des lignes
 */

.tabledrag-toggle-weight-wrapper {
    display: none;
}
/**
 * On modifie le picto de repli sidebar
 */

.main-header .sidebar-toggle::before {
    content: "\f141" !important;
}
.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-hover tr:hover {
    background: rgba(210, 210, 0, 0.3) !important;
}
li.dropbutton-action {
    padding: 0.3em 10px;
    text-align: center;
}

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


/*
 * 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;
}

/*
 * Menu principal
 */

.sidebar .sidebar-menu {
    background-color: #323d42;
    padding: 20px 0 30px 0;
}
.sidebar .sidebar-menu a.level-1 {
    font-size: 1.2em;
    margin-bottom: -12px;
}
.sidebar .sidebar-menu a.level-1 i:first-of-type {
    margin-left: -10px;
    margin-right: 5px;
}
.sidebar .sidebar-menu a.level-2 {
    margin-bottom: -8px;
}
.sidebar .sidebar-menu a.current {
    color: rgba(50, 180, 50, 0.7);
}
.sidebar .sidebar-menu a.current:hover {
    color: rgba(80, 210, 80, 0.9);
}
.sidebar .sidebar-menu a.mine {
    color: rgba(210, 210, 50, 0.8);
}
.sidebar .sidebar-menu a.mine:hover {
    color: rgba(250, 250, 80, 0.9);
}
.sidebar .sidebar-menu a.philibert-link,
.sidebar .sidebar-menu a.philibert-link:hover {
    color: rgba(239, 126, 32, 0.9);
}
.sidebar .sidebar-menu a.philibert-link img {
    height: 35px;
}
.sidebar .sidebar-menu a.active {
    color: white;
    background: black;
    border-radius: 5px 0 0 5px;
    margin-left: 2px;
}


/******************************************************************
 * 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-row.row {
    background: #3c8dbc;
    margin: 0;
    border-radius: 5px;
}
.view-header, .view-filters {
    color: white;
}
.view-header .view-resume {
    margin: 15px auto;
    padding: 20px;
    text-align: center;
    background: white;
    color: black;
    border-radius: 5px;
}
.view-header .view-resume .badge {
    font-size: 1em;
}
/*
 * Filtres
 */

.views-exposed-form .form-item input, .views-exposed-form .form-item select {
    border: #3c8dbc 2px solid;
}
.view-filters {
    border-left: white 2px solid;
}
@media screen and (max-width: 991px) {
    .view-filters {
        border-left: #3c8dbc 2px solid;
    }
}

.view-filters details>summary {
    font-size: 1.2em;
}
.view-filters details>summary::before {
    font-family: FontAwesome;
    content: "\f0da";
    width: 15px;
    padding-right: 5px;
}
.view-filters details>summary[aria-expanded="true"]::before {
    content: "\f0d7";
}

.view-filters .form-filter-item .filled {
    border: #C00 2px solid;
    color: #C00;
}
.view-filters .form-actions input {
    border: white 1px solid;

}
.view-filters .form-actions input#edit-reset {
    border: #A33 1px solid;
    background: #933;
}
.view-filters .form-actions input#edit-reset:hover {
    border: #900 1px solid;
    background: #811;
}

/*
 * 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 .languages {
    padding-top: 10px;
}

/*
 * 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;
}