.dotation-grid {
    overflow-x: auto;
    margin-top: 1.25rem;
    width: 100%;
}
    .dotation-grid .k-grid-header-table tr th:first-of-type{
        padding-left: 0.25rem !important;
    }

    .dotation-grid .select-box-cell {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }


    /*Telerik changes form grid*/
    .dotation-grid .k-grid .k-alt {
        background-color: transparent;
    }

    .dotation-grid .k-table-td:not(:first-child):not(:nth-child(2)) {
        padding-left: 0.2rem;
    }

    .dotation-grid .k-grid tbody > tr:not(.k-detail-row):hover {
        background-color: transparent;
    }

    .dotation-grid .k-master-row.k-alt .k-grid-content-sticky {
        background-color: white;
    }

    .dotation-grid .k-master-row:hover .k-grid-content-sticky {
        background-color: transparent;
    }

    .dotation-grid .k-grid .k-table .k-grid-header-sticky {
        background-color: white;
    }

    .dotation-grid .k-grid td {
        background-color: white;
        border-style: none;
        transition: padding 0.3s;
    }

    .dotation-grid.compact .k-grid td {
        padding-left: .25rem;
        padding-right: .25rem;
    }

    .dotation-grid .k-grid thead th:not(:nth-child(2)):not(:first-child) {
        background-color: white;
        text-align: center;
        border-color: var(--borders);
        font-size: 0.75rem
    }

    .dotation-grid .k-grid thead th:nth-child(2) {
        text-transform: uppercase;
        font-family: Gilroy-Semibold;
        font-size: 0.875rem;
        line-height: 1.313rem;
        letter-spacing: .125rem;
        padding-left: .5rem;
        z-index: 5;
    }

    .dotation-grid .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first {
        background-color: var(--white);
        text-align: center;
        border-color: var(--borders);
    }

    .dotation-grid .k-grid {
        text-align: center;
        border-style: none;
    }

    .dotation-grid .k-master-row > td:not(:first-child) {
        padding: .25rem;
        border-radius: .5rem;
        background-clip: padding-box;
    }




    .dotation-grid .no-resident {
        grid-column-start: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 8.5rem;
        background: var(--bgcolor);
        border: 1px solid var(--bgcolor);
        border-radius: .0.5rem;
    }

    .dotation-grid .no-resident {
        flex-direction: column;
    }

        .dotation-grid .no-resident.privacy-locked {
            pointer-events: none !important;
        }

    .dotation-grid:not(.compact) .no-resident, .dotation-grid:not(.compact) .resident {
        min-width: 25.625rem;
    }

    .dotation-grid .no-resident .top-part {
        height: 100%;
        width: 100%;
        padding-top: 0.9375rem;
        padding-left: 1.875rem;
    }

    .dotation-grid .no-resident .tag-chambre {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 1.8125rem;
        min-width: 1.8125rem;
        height: 1.5rem;
        background: red;
        border: 1px solid black;
        border-radius: 0.1875rem;
        color: var(--white);
        font: var(--Gilroy-Medium);
        font-size: 0.875rem;
        width: fit-content;
        padding: 0.125rem 0.25rem;
    }

    .dotation-grid .no-resident .add-resident {
        margin: 0.9375rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }


    /*Resident card*/
    .dotation-grid .resident {
        flex-direction: row;
        pointer-events: none !important;
    }

        .dotation-grid .resident .check-box {
            height: 100%;
            display: flex;
            flex-direction: row;
            padding: .25rem;
            align-items: center;
            border-left: 0.3125rem solid transparent;
            border-radius: 0.5rem;
        }

        .dotation-grid .resident .check-box-selected {
            height: 100%;
            display: flex;
            flex-direction: row;
            padding: 0.3125rem;
            align-items: center;
            border-left: 0.3125rem solid #4264D0;
            border-radius: 0.5rem;
        }

        .dotation-grid .resident .right-part {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0;
            width: 100%;
            height: 10.625rem;
        }

            .dotation-grid .resident .right-part .top {
                display: flex;
                flex-direction: row;
                align-items: flex-start;
                padding: 0;
                width: 100%;
                height: 5.375rem;
            }

                .dotation-grid .resident .right-part .top .name {
                    display: flex;
                    flex-direction: row;
                    font: var(--abs-font);
                    align-items: flex-start;
                    flex-grow: 1;
                    padding: 0;
                    gap: 0.625rem;
                    height: 100%;
                }

                    .dotation-grid .resident .right-part .top .name .tag-chambre {
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;
                        width: 1.8125rem;
                        min-width: 1.8125rem;
                        height: 1.5rem;
                        background: #26BAA4;
                        border: 1px solid #26BAA4;
                        border-radius: 0.1875rem;
                        color: var(--white);
                        font: var(--Gilroy-Medium);
                        font-size: 0.875rem;
                    }

                    .dotation-grid .resident .right-part .top .name .display-name {
                        height: 3rem;
                        font: var(--Gilroy-Medium);
                        font-size: 0.9375rem;
                        line-height: 1.5rem;
                        color: #262B32;
                        display: -webkit-box;
                        max-width: 9.375rem;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }



                .dotation-grid .resident .right-part .top .pdts {
                    display: flex;
                    flex-direction: row;
                    align-items: flex-start;
                    flex-basis: 9.5625rem;
                    padding: 0;
                    gap: 0.625rem;
                    height: 100%;
                }

                    .dotation-grid .resident .right-part .top .pdts .alese {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        padding: 0;
                        width: 3.125rem;
                        height: 3.125rem;
                        background: var(--white);
                        border: 1.5px solid #8DA1E2;
                        border-radius: 5.625rem;
                    }

                    .dotation-grid .resident .right-part .top .pdts .alese-empty {
                        border: 1px dashed #B5B5CF;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        padding: 0;
                        width: 3.125rem;
                        height: 3.125rem;
                        background: var(--white);
                        border-radius: 5.625rem;
                    }

                    .dotation-grid .resident .right-part .top .pdts .slip {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        padding: 0;
                        width: 3.125rem;
                        height: 3.125rem;
                        background: var(--white);
                        border: 1.5px solid #8DA1E2;
                        border-radius: 5.625rem;
                    }

                    .dotation-grid .resident .right-part .top .pdts .slip-empty {
                        border: 1px dashed #B5B5CF;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        padding: 0;
                        width: 3.125rem;
                        height: 3.125rem;
                        background: var(--white);
                        border-radius: 5.625rem;
                    }


                    .dotation-grid .resident .right-part .top .pdts .menu-resident {
                        height: 3rem;
                        background-color: var(--bgcolor);
                        border: none;
                        padding: 0 !important;
                    }

                        .dotation-grid .resident .right-part .top .pdts .menu-resident * .k-menu-expand-arrow {
                            display: none;
                        }

                        .dotation-grid .resident .right-part .top .pdts .menu-resident * .k-menu-link {
                            gap: 0;
                        }

                        .dotation-grid .resident .right-part .top .pdts .menu-resident * .k-menu {
                            background-color: red !important;
                        }


            .dotation-grid .resident .right-part .tag-zone {
                justify-content: center;
                display: flex;
                align-items: center;
                flex-direction: row;
                flex-grow: 1;
                padding: 0;
                margin-right: 0.625rem;
                gap: 0.5rem;
                width: 100%;
                height: 1.5rem;
            }

                .dotation-grid .resident .right-part .tag-zone .dispositifs {
                    align-items: flex-start;
                    flex-grow: 1;
                    height: 2.5rem;
                    font: var(--Gilroy-Medium);
                }

                    .dotation-grid .resident .right-part .tag-zone .dispositifs .k-input-flat {
                        border: none;
                    }

                        .dotation-grid .resident .right-part .tag-zone .dispositifs .k-input-flat:focus {
                            box-shadow: none;
                        }

                    .dotation-grid .resident .right-part .tag-zone .dispositifs .k-chip-list input {
                        padding: 0 !important;
                        height: auto !important;
                    }

                        .dotation-grid .resident .right-part .tag-zone .dispositifs .k-chip-list input:focus {
                            border: none;
                            box-shadow: none;
                        }

                .dotation-grid .resident .right-part .tag-zone .gir {
                    width: 1.25rem;
                    height: 1.25rem;
                    background: var(--red);
                    justify-content: center;
                    display: flex;
                    align-items: center;
                    flex-basis: 1.25rem;
                    border-radius: 1.5rem;
                    font: var(--Gilroy-Medium);
                    font-size: 0.75rem;
                    line-height: 1rem;
                    color: var(--white);
                }


    .dotation-grid .tranche-horaire-panel {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding-right: 0.3125rem;
        padding-left: 0.3125rem;
        gap: .5rem;
        height: 8.125rem;
        background: var(--bgcolor);
        border: 1px solid var(--bgcolor);
        border-radius: .5rem;
    }


    .dotation-grid .stick {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0;
        isolation: isolate;
        width: 5rem;
        max-width: 5rem;
        margin: auto;
        width: 100%;
        height: 6.25rem;
        border: 1px dashed var(--icons);
        border-radius: 0.375rem;
    }

        .dotation-grid .stick.picto {
            border: none;
        }

        .dotation-grid .stick.alese {
            position: relative;
        }


    .dotation-grid .tranche-horaire-container {
        position: relative;
    }

        .dotation-grid .tranche-horaire-container.privacy-locked {
            pointer-events: none !important;
        } 
        .dotation-grid.netsoins .tranche-horaire-container.privacy-locked .picto-container{
            pointer-events: all !important;
            -webkit-user-drag: none;
            -khtml-user-drag: none;
            -moz-user-drag: none;
            -o-user-drag: none;
            -ms-user-drag: none;
            user-drag: none;
        }
        .dotation-grid.netsoins .tranche-horaire-container.privacy-locked .picto-container img{
            pointer-events: none !important;
        }



    .dotation-grid .reco-status-container {
        position: absolute;
        background-color: transparent;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        pointer-events: none;
        width: calc(100% - 0.25rem);
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 0.25rem;
    }


        .dotation-grid .reco-status-container.reco-accepted {
            border: 0.125rem solid #23A995;
        }

        .dotation-grid .reco-status-container.reco-rejected {
            border: 0.125rem solid #DB504A;
        }

        .dotation-grid .reco-status-container.reco-published {
            border: 0.125rem solid #4264D0;
        }

        .dotation-grid .reco-status-container.reco-initial {
            border: 0.125rem solid orange;
        }

    .dotation-grid .reco-status {
        align-self: flex-end;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1.625rem;
        height: 1.625rem;
        color: white;
        z-index: 1000;
        border-top-left-radius: 0.1875rem;
    }

        .dotation-grid .reco-status.reco-accepted {
            background-color: #23A995;
        }

        .dotation-grid .reco-status.reco-rejected {
            background-color: #DB504A;
            border: 0.125rem solid #DB504A;
        }

        .dotation-grid .reco-status.reco-published {
            background-color: #4264D0;
            border: 0.125rem solid #4264D0;
        }

        .dotation-grid .reco-status.reco-initial {
            background-color: orange;
        }


    .dotation-grid .tranche-horaire-panel .empty-stick {
        font-family: 'Font Awesome 6 Pro';
        font-style: normal;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        color: var(--placeholder);
        /*width: 5rem;*/
        width: 100%;
        margin: auto;
        max-width: 5rem;
        height: 6.25rem;
        border: 1px dashed var(--icons);
        border-radius: 0.375rem;
    }

    .dotation-grid .tranche-horaire-panel .soins-panel {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0;
        gap: 0.25rem;
        width: 1.875rem;
        height: 6.25rem;
        flex: none;
        order: 1;
        flex-grow: 0;
    }

        .dotation-grid .tranche-horaire-panel .soins-panel .soin,
        .dotation-grid .tranche-horaire-panel .soins-panel .empty-soin {
            box-sizing: border-box;
            /* Auto layout */

            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0.25rem;
            gap: 0.625rem;
            width: 1.875rem;
            height: 1.875rem;
            /* Black/$icons */

            border: 1px dashed #B5B5CF;
            border-radius: 0.1875rem;
            flex: none;
            order: 0;
            flex-grow: 0;
        }
.additional-tranches-modal .inner-content{
    padding: 0 !important;
}

.tranche-horaire-panel > .abs-drop-panel{
    flex-direction: column;
    align-items: center;
}

.netsoins-trenche-time{
    background: var(--primary);
    color: white;
    text-align: center;
    border-radius: 0.5rem;
    font-size: 0.85rem;
    margin-top: 2px;
    width: 5rem;
}