/*############################################################################################################
//  Droits d'auteur © 2022-2023 P.ink, l'ancre d'une vie Tous droits réservés, en collaboration avec OptimalC
//############################################################################################################*/

/*  ------------------------------------------------------------------------------------------------------------
 *  Division | Conteneur de Fiche technique
 *  ############################################################################################################
 */
.sheetBlock {
    position:relative;top:0;left:0;margin:1rem 0.5rem 0.25rem 0.5rem;padding:12px 8px 8px 8px;width:auto;height:auto;
    display:inline-flex;flex:1 1 auto;flex-direction:column;
    border-style:solid;border-width:2px;border-color:white;border-radius:0.5rem;
}
.sheetBlock::before {
    position:absolute;top:-8px;left:1rem;
    font-size:16px;font-weight:400;padding:0 0.5rem;
    content:"Fiche technique";background-color:#A7A7A7;color:#212121;text-shadow:0 0 1px #212121;
}
/*  --------------------------------------------------------------------------------------------------------  */
.sheetBlock + .statBlock { margin:1rem 0.5rem 0.25rem 0; }
/*  --------------------------------------------------------------------------------------------------------  */


/*  ------------------------------------------------------------------------------------------------------------
 *  Division | Conteneur des Groupes de Statistique
 *  ############################################################################################################
 */
 .sheetBlock > .statGroup {
    margin:0.25rem 0.25rem 0.25rem 0.25rem;
    width:calc( 100% - 0.5rem );height:auto;
    display:inline-flex;flex-direction:column;flex-wrap:wrap;
    background-color:transparent;color:#FAFAFA;border-bottom-left-radius:0.5rem;
}
/*  --------------------------------------------------------------------------------------------------------  */
.sheetBlock > .statGroup > .groupTitle {
    margin:0 0 1px 0;width:100%;height:24px;
    display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;
    font-size:1rem;line-height:1rem;font-weight:600;
    background-color:#4A4A4A;color:#FAFAFA;
    border-radius:0.5rem 0.5rem 0 0;
}
.sheetBlock > .statGroup > .groupItem {
    margin:0 0 1px 0;padding:0;height:auto;
    display:inline-flex;flex:1 1 auto;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;
    background-color:#7A7A7A;color:#FAFAFA;overflow:hidden;border: none;
}
.sheetBlock > .statGroup > div.groupItem:nth-of-type(2) {}
.sheetBlock > .statGroup > div.groupItem:last-of-type {margin:0;border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem;}
/*  --------------------------------------------------------------------------------------------------------  */

.sheetBlock > .statGroup > .groupItem > button {
    position:relative;left:0;top:0;
    margin:0;padding:0;width:24px;height:24px;
    display:inline-flex;flex:0 0 auto;
    background-color:#212121;color:#FAFAFA;
    border:none;border-radius:0;outline:none;
    cursor:pointer;
}

.sheetBlock > .statGroup > .groupItem > button::before {
    position:absolute;top:0;left:0;width:24px;height:24px;
    font-family:"FontAwesome";line-height:24px;
    content:"\F129";
    background-color:transparent;color:#FAFAFA;
}
.sheetBlock > .statGroup > .groupItem > button.edit::before {
    content:"\F040";
}

.sheetBlock > .statGroup > .groupItem > label {
    position:relative;left:0;top:0;
    margin:0;padding:0 0.25rem;min-width:168px;max-width:168px;height:24px;
    display:inline-flex;flex:0 1 auto;
    line-height: 24px;
    background-color:#DADADA;color:#212121;
}
.sheetBlock > .statGroup > .groupItem > input {
    position:relative;left:0;top:0;
    margin:0;padding:0 0.25rem;min-width:256px;width:auto;height:24px;
    display:inline-flex;flex:1 0 auto;
    outline: none;border-style:solid;border-width:0 0 0 1px;border-color:#4A4A4A;
}



.sheetBlock > .statGroup > .groupItem > div {
    padding:0 0 0 24px;margin:1px 0 0 0;
    display:inline-flex;flex:0 1 auto;flex-direction:row;

    width: calc( 100% - 24px );height:24px;
    background-color: transparent;
}
.sheetBlock > .statGroup > .groupItem > div > button {
    position:relative;left:0;top:0;
    margin:0;padding:0;width:24px;height:24px;
    display:inline-flex;flex:0 0 auto;
    background-color:#212121;color:#FAFAFA;
    border:none;border-radius:0;outline:none;
    cursor:pointer;
}
.sheetBlock > .statGroup > .groupItem > div > button::before {
    position:absolute;top:0;left:0;width:24px;height:24px;
    font-family:"FontAwesome";line-height:24px;
    content:"\F129";
    background-color:transparent;color:#FAFAFA;
}

.sheetBlock > .statGroup > .groupItem > div > div {
    margin:0;
    display:inline-flex;flex:1 1 auto;line-height:24px;
    border-style:solid;border-width:0 0 0 1px;border-color:#4A4A4A;
    background-color: #DADADA;
}
.sheetBlock > .statGroup > .groupItem > div > div:nth-child(2) {
    padding:0 0.25rem;
    width:144px;flex:0 0 auto;
    border-width:0;
}

/*  --------------------------------------------------------------------------------------------------------  */
.sheetBlock > .statGroup > .groupItem > .readOnly{
    background-color: #DADADA;
}