/***************************************************************************************************/
/*                                            synthese                                             */
/***************************************************************************************************/
@colorHeader: #daf2ff;

table.synthese {

    th, td {
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        text-align: center;
        vertical-align: top;
    }
    thead tr:last-of-type th, thead tr th[rowspan]  {
        border-bottom-width: 3px;
    }
    thead th {
        background-color: @colorHeader;
        padding: 2px 5px;
    }
    thead tr:first-child th:first-child {
        background-color: inherit;
    }
    
        
    @columnEmployeWidth: 135px;
    th.employe, td.employe {
        background-color: @colorHeader;
        border-right-width: 3px;
        font-weight: bold;
        width: @columnEmployeWidth;
        min-width: @columnEmployeWidth;
        max-width: @columnEmployeWidth;
    }


}




/***************************************************************************************************/
/*                                         synthese-period                                        */
/***************************************************************************************************/

table.synthese-period {
    @durationWidth: 80px;
    
    th.week-duration, td.week-duration {
        width: @durationWidth;
        min-width: @durationWidth;
    }
    
    th.contract-week-duration, td.contract-week-duration {
        width: @durationWidth;
        min-width: @durationWidth;
    }
    
    th.period-duration, td.period-duration {
        width: @durationWidth;
        min-width: @durationWidth;
        background-color: #deebf7!important;
    }
    
    th.contract-period-duration, td.contract-period-duration {
        width: @durationWidth;
        min-width: @durationWidth;
    }
    
    th.diff-period-duration, td.diff-period-duration {
        width: @durationWidth;
        min-width: @durationWidth;
        background-color: #deebf7!important;
    }

    th.contract-type, td.contract-type {
        width: 60px;
        min-width: 60px;
    }

    th.paniers, td.paniers {
        width: 60px;
        min-width: 60px;
    }

    th.poste-hall-duration, td.poste-hall-duration {
        width: @durationWidth;
        min-width: @durationWidth;
        background-color: #fce4d7!important;
    }

    th.poste-cabine-duration, td.poste-cabine-duration {
        width: @durationWidth;
        min-width: @durationWidth;
        background-color: #fce4d7!important;
    }

    th.poste-absence-duration, td.poste-absence-duration {
        width: @durationWidth;
        min-width: @durationWidth;
        background-color: #fce4d7!important;
    }
    th.commissionnement-duration {
        background-color: #fce4d7!important;
    }

    th.poste-duration, td.poste-duration {
        width: @durationWidth;
        min-width: @durationWidth;
        background-color: #fcf4d7 !important;
    }

    th.night-duration, td.night-duration {
        width: @durationWidth;
        min-width: @durationWidth;
    }

    th.ferie-duration, td.ferie-duration {
        width: @durationWidth;
        min-width: @durationWidth;
    }

}

/***************************************************************************************************/
/*                                         synthese-ecart                                         */
/***************************************************************************************************/

table.synthese-ecart {

    thead th:first-child {
        background-color: inherit;
    }

    th.periode {
        padding: 0;
        white-space: nowrap;
        min-width: 135px;

        div.text {
            padding: 2px;
        }

        div.tools {
            @toolsHeight: 20px;
            height: @toolsHeight;
            min-height: @toolsHeight;


            .md-button {
                margin: 0 !important;
                padding: 0 !important;
                width: 100% !important;
                min-width: 100% !important;
                height: 100% !important;
                min-height: 0 !important;
                line-height: inherit !important;
                border-radius: 0;

                md-icon {
                    position: relative;
                    bottom: 2px;
                }
                md-icon.tiny {
                    position: relative;
                    bottom: 0px !important;
                }
            }
        }
    }

    td.ecart {
        background-color: #e7e6e6!important;
    }

    td.cumul-contrat, th.cumul-contrat {
        background-color: #d9e1f2!important;
        border-left-width: 3px!important;
    }

    @columnEmployeWidth: 180px;
    td.employe {
        padding: 0;
        white-space: nowrap;
        width: @columnEmployeWidth;
        min-width: @columnEmployeWidth;
        max-width: @columnEmployeWidth;

        div.text {
            padding: 2px;
        }

        div.tools {
            @toolsWidth: 20px;
            width: @toolsWidth;
            min-width: @toolsWidth;

            .md-button {
                margin: 0 !important;
                padding: 0 !important;
                width: 100% !important;
                min-width: 100% !important;
                height: 100% !important;
                min-height: 0 !important;
                line-height: inherit !important;
                border-radius: 0;

                md-icon {
                    position: relative;
                    right: 2px;
                }
                md-icon.tiny {
                    position: relative;
                    right: 0px !important;
                }
            }
        }
    }
    td.type-value {
        white-space: nowrap;
        padding: 1px 5px;
    }
    td.employe,
    td.contract-type,
    td.contract-week-duration {
        vertical-align: top;
    }
    @columnValueWidth: 70px;
    td.value {
        min-width: @columnValueWidth;
        /*max-width: @columnValueWidth;*/
        vertical-align: middle;
    }
    td.value-ventilated {
        font-style: italic;
        &.cell-input input {
            font-style: italic;
        }
    }

    td.cell-input {
        padding: 0;
    }

    /* Chrome, Safari, Edge, Opera */
    td.cell-input input::-webkit-outer-spin-button,
    td.cell-input input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    td.cell-input input[type=number] {
        -moz-appearance: textfield;
    }
}