/* =====================================================================

LIST CSS

===================================================================== */

.main-app__list {
    margin-bottom: 40px;
}

.main-app__list-headers {
    align-items: stretch;
    background-color: #999;
    display: flex;
    justify-content: center;
}

.main-app__list-header {
    border-left: 1px solid #bbb;
    color: white;
    flex: 1 1 100%;
    flex-wrap: wrap;
    font-weight: 300;
    padding: 10px;
    text-align: left;
    text-transform: uppercase;
}

.main-app__list-items {
    display: flex;
    flex-direction: column;
}

.main-app__list-item {
    display: flex;
}

.main-app__list-label {
    border-left: 1px solid #bbb;
    flex: 1 1 100%;
    padding: 10px;
}

    .main-app__list-label:first-child {
        border: none;
    }

.main-app__list-item--odd {
    background-color: #f1f1f1;
}
/* =====================================================================

VO pour wucList

===================================================================== */

@media (min-width: 1300px) {
    .wuclist-container {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        height: auto;
        /*-ms-overflow-style: -ms-autohiding-scrollbar; cache la barre sauf si souris*/
    }
}

@media (min-width: 992px) and (max-width: 1299px) {
    .wuclist-container {
        /*width: 950px; ne marche pas si liste dans col-sm-4  puisque cela force la taille */
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        height: auto;
        /*-ms-overflow-style: -ms-autohiding-scrollbar; cache la barre sauf si souris*/
    }
}

@media screen and (max-width: 991px) {
    .wuclist-container {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        height: auto;
        /*-ms-overflow-style: -ms-autohiding-scrollbar; cache la barre sauf si souris*/
    }
}

.wuclist-container > table {
    display: table;
    border:none !important;
    font-family: "fontMontserratLight";
    font-size: 12px;
}

.wuclist-headers {
    background-color: #1067c4;
}

.wuclist-header {
    border-right: 1px solid #989898 !important;
    color: white;
    padding: 3px;
    position: static !important; /* pour enlever relative de footable*/
    vertical-align: middle;
}

.wuclist-header-double {
    border-right: 3px solid #989898 !important;
    color: white;
    padding: 3px;
    position: static !important; /* pour enlever relative de footable*/
    vertical-align: middle;
}

.wuclist-header a {
    background-color: #1067c4 !important;
    color: white !important;
    padding-right: 16px; /* place pour image de tri de wuclist-coltri */
}

.wuclist-header-double a {
    background-color: #1067c4 !important;
    color: white !important;
    padding-right: 16px; /* place pour image de tri de wuclist-coltri */
}

.wuclist-header a:hover {
    color: #eff3f6 !important;
}

.wuclist-header:first-child {
    border-left: 1px solid #989898;
}

.wuclist-coltri {
    background-image: url('../App_Themes/img/wucListe/sort_no.png');
    background-position: center right;
    background-repeat: no-repeat;
}
.wuclist-coltri-asc {
    background-image: url('../App_Themes/img/wucListe/sort_asc.png');
    background-position: center right;
    background-repeat: no-repeat;
}
.wuclist-coltri-desc {
    background-image: url('../App_Themes/img/wucListe/sort_desc.png');
    background-position: center right;
    background-repeat: no-repeat;
}

.wuclist-footer {
    background-color: #1067c4;
    /*border-top: 5px solid #1067c4;*/
    /*border-bottom: 2px solid #1067c4;*/
    border-right: 1px solid #989898;
    padding: 3px;
    text-align: center;
}

.wuclist-footer-double {
    background-color: #1067c4;
    /*border-top: 5px solid #1067c4;*/
    /*border-bottom: 2px solid #1067c4;*/
    border-right: 3px solid #989898;
    padding: 3px;
    text-align: center;
    border-radius: 0 0 0 0 !important; /* pour enlever arrondi de footable*/
}

.wuclist-footer:first-child {
    border-bottom-left-radius: 6px;
    border-left: 1px solid #989898;
}
.wuclist-footer:last-child {
    border-bottom-right-radius: 6px;
}

/* pour enlever celle de bootstrap*/
.wuclist-pagination {
    margin: 0 !important;
    font-size : 12px;
}

.wuclist-button {
    align-items: center;
    background-color: #e23e5a;
    border: none;
    color: white;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: inherit;
    font-weight: 700;
    justify-content: center;
    outline: none;
    padding: 6px 12px 6px 6px;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -ms-user-select: none;
    -moz-user-select: none;
    text-decoration: none;
    user-select: none;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-user-select: none;
    white-space: nowrap;
}

.wuclist-button--bordered {
    border-radius: 5px;
}

.wuclist-item {
    border-right: 1px solid #989898 !important;
    padding: 3px 10px 3px 10px !important;
    height: 100%;
    vertical-align: middle;
    border-radius: 0 0 0 0 !important; /* pour enlever arrondi de footable*/
}

.wuclist-item-double {
    border-right: 3px solid #989898 !important;
    padding: 3px 10px 3px 10px !important;
    height: 100%;
    vertical-align: middle;
    border-radius: 0 0 0 0 !important; /* pour enlever arrondi de footable*/
}

.wuclist-label {
}

.wuclist-label-lvide {
    background-color: #eff3f6;
    color: #1067c4;
}

.wuclist-item:first-child {
    border-left: 1px solid #989898;
}
/*important pour footable*/
.wuclist-item--even {
    background-color: #eff3f6 !important;
}

.wuclist-item--odd {
    background-color: white !important;
}
/*passer LigneOrange comme classe pour exception ligne*/
.wuclist-item--even_LigneOrange {
    background-color: #FFB895 !important;
}

.wuclist-item--odd_LigneOrange {
    background-color: #FFE1D2 !important;
}

.wuclist-nav-label {
    color: #1067c4;
}
/*classe pour exception police*/
.wuclist-colorBleu {
    color: blue
}

a.wuclist-colorBleu:hover {
    color: #0000C8;
}

.wuclist-colorRouge {
    color: red
}

a.wuclist-colorRouge:hover {
    color: #C80000;
}

.wuclist-colorVert {
    color: green
}

a.wuclist-colorVert:hover {
    color: #005000;
}
/*Pas trop clair, sinon illisible à l'impression */
.colorGrise {
    color: #898989 !important;
}

/* class issues de bootstrap : permet de conserver style de wucListe*/
.navigation {
    color: #1067c4 !important;
    font-weight: normal !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #1067c4 !important;
    border-color: #1067c4 !important;
    color: white !important;
    font-weight: normal !important;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: #eff3f6 !important;
    border-color: #1067c4 !important;
    font-weight: normal !important;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #1067c4 !important;
    font-weight: normal !important;
}
.page-link {
    font-weight: normal !important;
}
/* class issues de footable-0.1.min.css : permet de conserver style de wucListe*/
.footable > thead > tr > th, .footable > thead > tr > td {
    position: relative
}

.footable {
    color: #1067c4 !important;
}

    .footable.breakpoint > tbody > tr > td.expand {
        background: url(../App_Themes/img/wucListe/dt-arrow-up.gif) no-repeat 5px center;
        padding-left: 20px !important;
    }

    .footable.breakpoint > tbody > tr.footable-detail-show > td.expand {
        background: url(../App_Themes/img/wucListe/dt-arrow-dn.gif) no-repeat 5px center;
    }

    .footable.breakpoint > tbody > tr.footable-row-detail {
        background: #CEDBE4
    }

    .footable > tbody > tr:hover {
        background: #cedbe4;
    }

    .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
        cursor: pointer
    }

    .footable > tbody > tr > td, .footable > thead > tr > th {
    }

    .footable > thead > tr > th, .footable > thead > tr > td {
    }

        .footable > thead > tr > th:first-child, .footable > thead > tr > td:first-child {
        }

        .footable > thead > tr > th:last-child, .footable > thead > tr > td:last-child {
        }

        .footable > thead > tr > th:only-child, .footable > thead > tr > td:only-child {
        }

    .footable > tbody > tr:last-child > td:first-child {
    }

    .footable > tbody > tr:last-child > td:last-child {
    }

    .footable > tbody img {
        vertical-align: middle
    }

/* ------------------------------- */
/* Propriétés de la progress barre non dimensionnée */
/* ------------------------------- */
.ProgressBarreFen {
    visibility: visible;
    background-color: #e23e5a;
    padding-top: 5px;
    padding-bottom: 5px;
    filter: alpha(opacity=90);
    font-size: 12px;
    z-index: 2;
    color: #ffffff;
    border-radius: 5px;
}

/* ------------------------------- */
/* Couleur de la ligne dans la liste EtatPrix en fonction de l'état des prix du site (à jour, jamais à jour...)*/
/* ------------------------------- */
/* Attention  Utilisation des mêmes couleurs pour la liste des utilisateurs  */


/* gris */
.wuclist-item--odd_colorGriseEtatPrix{
    background-color: #ddd !important;
    color: #333333;
}
.wuclist-item--even_colorGriseEtatPrix{
    background-color: #faf5f5 !important;
    color: #333333;
}

/* vert */
.wuclist-item--odd_colorVerteEtatPrix {
    background-color: #00b300 !important;
    color: white;
}
.wuclist-item--even_colorVerteEtatPrix {
    background-color: #04d104 !important;
    color: white;
}

/* jaune */
.wuclist-item--odd_colorJauneEtatPrix, .wuclist-item--odd_userJaune, .UserCpteJaune {
    background-color: #f4d942 !important;
    color: #537890;
}
.wuclist-item--even_colorJauneEtatPrix, .wuclist-item--even_userJaune, .UserCpteJaune{
    background-color: #f5e173 !important;
    color: #537890;
}

/* orange */
.wuclist-item--odd_colorOrangeEtatPrix, .wuclist-item--odd_userOrange, .UserCpteOrange{
    background-color: #FFA500 !important;
    color: white;
}
.wuclist-item--even_colorOrangeEtatPrix, .wuclist-item--even_userOrange, .UserCpteOrange {
    background-color: #FFB120 !important;
    color: white;
}

/* rouge */
.wuclist-item--odd_colorRougeEtatPrix, .wuclist-item--odd_userRouge, .UserCpteRouge {
    background-color: #ff6666 !important;
    color: white;
}
.wuclist-item--even_colorRougeEtatPrix, .wuclist-item--even_userRouge, .UserCpteRouge {
    background-color: #fa8787 !important;
    color: white;
}

/* violet */
.wuclist-item--odd_userViolet, .UserCpteViolet{
    background-color: #d69eef !important;
    color: white;
}

.wuclist-item--even_userViolet, .UserCpteViolet {
    background-color: #d272f5 !important;
    color: white;
}

/* gris */
.wuclist-item--odd_userGrisFonce, .UserCptegrisFonce {
    background-color: #D3D3D3 !important;
    color: grey;
}

.wuclist-item--even_userGrisFonce, .UserCpteGrisFonce {
    background-color: #DCDCDC !important;
    color: grey;
}


.legend-block {
    min-width: 15%;
    height: 12px;
    margin-top: 2px;

}