input[type="date"] {
    color-scheme: dark;
}

.flexSpacebetween {
    display: flex;
    justify-content: space-between;
}

.buttonSelect {
    background-color: #555555;
    border: none;
    width: 11vw;
    border-radius: 5px;
    height: 1.4vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buttonExportDonnees {
    display: flex;
    color: white;
    background-color: transparent;
    width: 10vw;
    border-radius: 73px;
    border-color: var(--borderblue);
    align-items: center;
    justify-content: center;
    border-width: 2px;
    border-style: outset;
}


.flexSpaceBetween {
    display: flex;
    justify-content: space-between;
}

.imgExportExcel {
    width: 1.5vw;
}

.pNoMarginBot {
    margin-bottom: 0 !important;
}

/*select {
    background-color: rgba(119, 119, 119, 1);
    color: rgba(255, 255, 255, 1);
    text-align-last: center;
    border: none;
    border-radius: 5px;
    height: 1.5vw;
}
*/
.imgEtatTabPlanning {
    width: 2.5vw;
}

.imgActionTabPlanning {
    width: 1.8vw;
}

.imgSuppressionDuplicationTabPlanning {
    width: 1.5vw;
}

.tabWidthPlanning {
    width: -webkit-fill-available;
    width: -moz-available;
    border-collapse: separate;
    border-spacing: 0 3px;
    /*    padding-bottom: 15px;*/
}

    .tabWidthPlanning thead tr {
        border-top: 3px solid transparent; /* même épaisseur que le border-spacing, mais transparente */
    }

        .tabWidthPlanning thead tr:first-child {
            border-top: none; /* enlève la bordure pour la première ligne de thead */
        }

    .tabWidthPlanning th {
        color: var(--tabletitlecolor);
    }

        .tabWidthPlanning th a {
            color: var(--tabletitlecolor);
        }

    .tabWidthPlanning tr:nth-child(even) td {
        background-color: #707070;
    }

    .tabWidthPlanning tr:nth-child(odd) td {
        background-color: #606060;
    }

#main-table-prepresse thead tr {
    border-top: 3px solid transparent; /* même épaisseur que le border-spacing, mais transparente */
}

    #main-table-prepresse thead tr:first-child {
        border-top: none; /* enlève la bordure pour la première ligne de thead */
    }

#main-table-prepresse th {
    color: rgba(156,156,156,255);
}

#main-table-prepresse td {
    background-color: #707070;
}

.flexNDossier {
    display: flex;
    align-items: center;
}

.checkmarkBlue {
    position: absolute;
    height: 10px;
    width: 10px;
    border: solid;
    cursor: pointer;
    color: rgba(217, 216, 216, 1);
}

.labelListCheckBox:hover input ~ .checkmarkBlue {
    background-color: rgba(80, 80, 80, 1);
}


.labelListCheckBox input:checked ~ .checkmarkBlue {
    background-color: var(--tsblue);
}


.labelListCheckBox:hover .aspNetDisabled input ~ .checkmarkBlue {
    background-color: rgba(80, 80, 80, 1);
}


.labelListCheckBox ~ span input:checked ~ .checkmarkBlue {
    background-color: var(--tsblue);
}


/* Style the checkmarkBlue/indicator */
.labelListCheckBox .checkmarkBlue:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.PpDetailsTitle {
    font-weight: bold;
    font-size: 1.5em;
}

.backgroundTransparent {
    background: transparent !important;
}

.background4c {
    background-color: var(--bg4c);
}

.background55 {
    background-color: var(--bg55);
}

.background60 {
    background-color: var(--bg60);
}

.background85 {
    background-color: var(--bg85);
}

.background119 {
    background-color: var(--color119);
}

.commentTextbox {
    background-color: var(--bg44);
    padding: 5px 5px 5px 5px;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    color: var(--color255) !important;
    border: none !important;
}

.darkTextbox {
    background-color: var(--color119);
    color: var(--color255) !important;
    border: none !important;
}

.vcommtab {
    border: 1px solid var(--color119);
    padding: 2px 0px 2px 0px;
    width: 100px;
    height: 32px;
}

/* radio button with images
----------------------------------------------------------*/

.tsradimage > input { /* HIDE ORG RADIO & CHECKBOX */
    visibility: hidden;
    position: absolute;
}

.tscbimage > input { /* HIDE ORG RADIO & CHECKBOX */
    visibility: hidden;
    position: absolute;
    color: White;
    font-weight: bold;
}

.tscbimage > span > input { /* HIDE ORG RADIO & CHECKBOX */
    visibility: hidden;
    position: absolute;
    color: White;
    font-weight: bold;
}

/* all image inside label with class cbimage */
label.tscbimage > img { /* IMAGE STYLES */
    cursor: pointer;
    border: 2px solid transparent;
    -webkit-border-radius: 10px 10px 10px 10px;
}

/* all image adjacent to an input that is child of label with class cbimage with attribute enabled */
label.tscbimage:enabled > input + img { /* IMAGE STYLES */
    cursor: pointer;
    border: 2px solid transparent;
    -webkit-border-radius: 10px 10px 10px 10px;
}

label.tscbimage > input:checked + img { /* (RADIO CHECKED) IMAGE STYLES */
    border: 2px solid var(--tsblue);
    -webkit-border-radius: 10px 10px 10px 10px;
}


/*
    MENU FIRST LAYER
*/

.FLmenu {
    margin-left: 0px;
}

div.FLmenu ul {
    position: relative;
    margin: 0;
    text-align: right;
}

    div.FLmenu ul li {
        text-align: center;
    }

    div.FLmenu ul li {
        display: inline;
        list-style: none;
        margin-left: 1px;
    }

        div.FLmenu ul li a {
            padding: 2px 2px;
            margin: 8px 0px 8px 0px;
            font-weight: bold;
            text-decoration: none;
            display: block;
            line-height: 1.35em;
            /*            background-color: var(--bg85);*/
            margin-bottom: 5px;
            color: var(--color172);
        }

            div.FLmenu ul li a.highlighted {
                background-color: var(--bg80);
                /*    background-color: #f2f4ff;*/
                text-decoration: none;
            }

            div.FLmenu ul li a.selected {
                text-decoration: none;
                border-bottom-color: #fff;
                color: var(--navmenucolor);
            }

            div.FLmenu ul li a img {
                height: 55px;
                display: block;
                text-decoration: none;
                border-bottom-color: #fff;
                color: var(--navmenucolor);
            }

.technicalheader {
    padding: 3px 10px 10px 10px;
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
}

.technicalcontent {
    border-radius: 0px 10px 10px 10px;
    -webkit-border-radius: 0px 10px 10px 10px;
}

/*********** TECHNICAL INKS TABLE ************/

.inksTab {
    border: hidden;
    border-collapse: separate !important;
    border-spacing: 4px 0px;
}

    .inksTab tr:nth-child(even) td {
        background-color: var(--bg4b);
    }

        .inksTab tr:nth-child(even) td select option {
            background-color: var(--bg9f);
        }

    .inksTab tr:nth-child(odd) td {
        background-color: var(--bg64);
    }

        .inksTab tr:nth-child(odd) td select option {
            background-color: var(--bg9f);
        }

    .inksTab tr:last-child td {
        background-color: transparent;
    }

        .inksTab tr:last-child td:nth-child(n+2) {
            display: none;
        }

    .inksTab td {
        padding: 0px 5px 0px 5px;
        border: none;
    }

    .inksTab th {
        padding: 0px 0px;
    }

.inksTabHeader {
    padding: 0px 5px 0px 5px !important;
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    background-color: var(--bg9f);
    border: none;
    color: var(--color255) !important;
    text-align: left;
}

    .inksTabHeader a {
        color: var(--color255) !important;
    }

.inputFrequency {
    border: 1px solid var(--bg9f) !important;
    padding: 0px !important;
    font-size: 12px !important;
    color: var(--color216) !important;
}

.ppSubDetails {
    padding: 5px 5px 5px 5px !important;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    background-color: var(--bg4c);
    border: none;
}

tr.rowHighlighted {
    background-color: #647192 !important;
}

tr.rowHighlighted td {
    background-color: #647192 !important;
}

.PpPlanningCb input[type="checkbox"] {
    display: flex !important;
    position: relative !important;
    height: unset !important;
    width: unset !important;
    opacity: unset !important;
}

.cursorPointer {
    cursor: pointer;
}

/************* Notification Wrapper **************/

.notificationWrapper {
    position: relative;
    width: -webkit-fill-available;
    width: -moz-available;
    height: 0px;
    z-index: 3;
}

.notifRadius {
    background-color: var(--bg55);
    padding: 5px 0px 0px 5px;
    border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    color: var(--color255) !important;
    border-left: 1px solid white !important;
    border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;
    width: 35px;
    height: 90px;
    position: absolute;
    right: 0px;
    top: 180px;
}

.notifCloser {
    background-color: var(--bg55);
    padding: 5px 0px 0px 5px;
    border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    color: var(--color255) !important;
    border-left: 1px solid white !important;
    border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;
    width: 35px;
    height: 90px;
    margin-right: -1px;
    z-index: 4;
}

.notifContentWrapper {
    position: absolute;
    /*    left: -9999px;*/
    right: 0px;
    top: 180px;
}

.notifContent {
    background-color: var(--bg55);
    padding: 5px 0px 0px 5px;
    border-radius: 0px 0px 0px 10px;
    -webkit-border-radius: 0px 0px 0px 10px;
    color: var(--color255) !important;
    border-left: 1px solid white !important;
    border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;
    width: 350px;
    height: 650px;
}

.CommentTable {
    width: -webkit-fill-available;
    width: -moz-available;
}

    .CommentTable td {
        padding: 0px;
    }

/*    .CommentTable tr:nth-child(even) td div:first-child {
        background-color: #707070;
    }

    .CommentTable tr:nth-child(odd) td div:first-child {
        background-color: #606060;
    }
*/
    .CommentTable td div.CommentDiv {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        margin-bottom: 5px;
        padding: 2px 10px 2px 10px;
    }

/*************************************************/

.InvoiceArticleTab {
    width: -webkit-fill-available;
    width: -moz-available;
    border-collapse: separate;
    border-spacing: 0 3px;
    /*    padding-bottom: 15px;*/
}

    .InvoiceArticleTab thead tr {
        border-top: 3px solid transparent; /* même épaisseur que le border-spacing, mais transparente */
    }

        .InvoiceArticleTab thead tr:first-child {
            border-top: none; /* enlève la bordure pour la première ligne de thead */
        }

    .InvoiceArticleTab th {
        color: var(--tabletitlecolor);
    }

        .InvoiceArticleTab th a {
            color: var(--tabletitlecolor);
        }

    .InvoiceArticleTab tr:nth-child(even) td {
        background-color: #d9d8d8;
    }

    .InvoiceArticleTab tr:nth-child(odd) td {
        background-color: #bfbfbf;
    }