/* /Components/Absence/CalendarComponent.razor.rz.scp.css */
 

/* ---------- FONTAWESOME ---------- */
/* ---------- https://fortawesome.github.com/Font-Awesome/ ---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */
 
*[class*="fontawesome-"][b-cdzh0dxiq7]:before {
    font-family: 'FontAwesome', sans-serif;
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.arrow[b-cdzh0dxiq7] {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    cursor:pointer;
}

.right[b-cdzh0dxiq7] {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left[b-cdzh0dxiq7] {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up[b-cdzh0dxiq7] {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down[b-cdzh0dxiq7] {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/* ---------- GENERAL ---------- */
.list-group-item[b-cdzh0dxiq7] {
    padding: .25rem .25rem !important;
}
.img-arr[b-cdzh0dxiq7] {
    width: 11px;
    height: 12px;
    margin-left: 8px;
}
.current-dot[b-cdzh0dxiq7] {
    border: 1px green solid;
    width: 11px;
    background: green;
    height: 11px;
    display: inline-block;
    margin-left: 9px;
    border-radius: 50%;
}
.img-vac[b-cdzh0dxiq7] {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 11px;
    right: -6px;
}
body[b-cdzh0dxiq7] {
    background: #f9f9f9;
    color: #0e171c;
    display: grid;
    font: 300 100%/1.5em 'Lato', sans-serif;
    margin: 0;
    min-height: 100vh;
    place-items: center;
}

a[b-cdzh0dxiq7] {
    text-decoration: none;
}

h2[b-cdzh0dxiq7] {
    font-size: 2em;
    line-height: 1.25em;
    margin: .25em 0;
}

h3[b-cdzh0dxiq7] {
    font-size: 1.5em;
    line-height: 1em;
    margin: .33em 0;
}
.div-months[b-cdzh0dxiq7] {
    display: flex;
    flex-direction: column;
    width: 175px;
    top: 1.5em;
    /* padding-left: 27px; */
    left: 35px;
    font-size: 17px;
    position: relative;
    font-family: 'Franklin Gothic Medium Regular';
}
.cal[b-cdzh0dxiq7] {
    position: relative;
    top: -10px;
    right: 30%;
}
table[b-cdzh0dxiq7] {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    font-family:'Franklin Gothic Medium Regular';
/*    margin-left: 60px;
*/    margin-top: 50px;
}

.container-cal[b-cdzh0dxiq7] {
   width: 80% !important; 
  /*  padding-right: 15px;
    padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
}

/* ---------- CALENDAR ---------- */

.calendar[b-cdzh0dxiq7] {
    text-align: center;
}

    .calendar header[b-cdzh0dxiq7] {
        position: relative;
    }

    .calendar h2[b-cdzh0dxiq7] {
        text-transform: uppercase;
    }

    .calendar thead[b-cdzh0dxiq7] {
        font-weight: 600;
        text-transform: uppercase;
    }

    .calendar tbody[b-cdzh0dxiq7] {
        color: black;
    }

        .calendar tbody td:hover[b-cdzh0dxiq7] {
   /*         border: 2px solid #268BFD;*/
            cursor: pointer;
        }

    .calendar td[b-cdzh0dxiq7] {
        /*        border: 2px solid transparent;    border-radius: 50%;
*/
        border: 0.5px solid #F0F0F0;
        display: inline-block;
        height: 14%;
        line-height: 4em;
        text-align: center;
        width: 14%;
    }

    .calendar .prev-month[b-cdzh0dxiq7],
    .calendar .next-month[b-cdzh0dxiq7] {
        color: #cbd1d2;
    }

        .calendar .prev-month:hover[b-cdzh0dxiq7],
        .calendar .next-month:hover[b-cdzh0dxiq7] {
/*            border: 2px solid #cbd1d2;
*/        }

.current-day[b-cdzh0dxiq7] {
    background: #00addf;
    color: #f9f9f9;
}

.event[b-cdzh0dxiq7] {
    cursor: pointer;
    position: relative;
}

    .event[b-cdzh0dxiq7]:after {
        background: #00addf;
        border-radius: 50%;
        bottom: .5em;
        display: block;
        content: '';
        height: .5em;
        left: 50%;
        margin: -.25em 0 0 -.25em;
        position: absolute;
        width: .5em;
    }

    .event.current-day[b-cdzh0dxiq7]:after {
        background: #f9f9f9;
    }

.btn-prev[b-cdzh0dxiq7],
.btn-next[b-cdzh0dxiq7] {
    /* border: 2px solid #cbd1d2;
    border-radius: 50%;*/
    color: #cbd1d2;
/*    height: 2em;*/
    font-size: .75em;
    line-height: 2em;
    margin: -1em;
    position: absolute;
    /*top: 50%;
    width: 2em;*/
    top: 19px;
    height:10px;
    width: 10px;
}

    .btn-prev:hover[b-cdzh0dxiq7],
    .btn-next:hover[b-cdzh0dxiq7] {
/*        background: #cbd1d2;*/
        color: #f9f9f9;
    }

.btn-prev[b-cdzh0dxiq7] {
    left: 1em;
}

.btn-next[b-cdzh0dxiq7] {
    right: 1em;
}

.header-tab[b-cdzh0dxiq7] {
    font-family: 'Franklin Gothic Medium' !important;
    font-size: 15px !important;
    letter-spacing: 0px !important;
    color: #4B6584 !important;
    opacity: 1 !important;
}

input[type="month"][b-cdzh0dxiq7]::-webkit-calendar-picker-indicator {
    opacity: 0;
    background: black;
    width: 140px;
    z-index: 1;
    position: absolute;
    right: 20px;
}
.spancountabs[b-cdzh0dxiq7] {
    font-family: 'Franklin Gothic Demi Regular';
    border-radius: 50%;
    /* border: 1px solid #4b6584; */
    /* background: #4b6584; */
    color: #4b6584;
    font-size: 12px;
    padding-bottom: -4px;
    position: absolute;
    margin-top: 6px;
    margin-left: -19px;
    font-size: 14px;
    width: 21px;
    height: 21px;
    line-height: 17px;
}

.input-date-m[b-cdzh0dxiq7] {
    background: transparent;
    text-align: center;
    border: none;
    outline: none;
}

.color-count-b[b-cdzh0dxiq7] {
    color: #006df0;
}

.color-count-o[b-cdzh0dxiq7] {
    color: #ff9f43;
}

.color-count-g[b-cdzh0dxiq7] {
    color: #1dd1a1;
}
@media(min-width:1700px)
{
    .div-number[b-cdzh0dxiq7] {
        padding-left: 10%;
        padding-right: 10%;
        margin-right:10%;
        width: 30px;

    }
   

}
@media (min-width:1338px ) and (max-width:1700px) {
    .div-number[b-cdzh0dxiq7] {
        padding-left: 6%;
        padding-right: 4%;
        margin-right: 4%;
        width: 30px;
    }

   
}
@media(max-width:1338px) {

    .div-number[b-cdzh0dxiq7] {
        padding-left: 6%;
        padding-right: 4%;
        margin-right: 4%;
        width: 30px;
    }
}
/* /Components/Absence/DetailsAbsence.razor.rz.scp.css */

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.tooltip-wrapper[b-jn9oc95i01] {
    cursor: help;
}

.div-span[b-jn9oc95i01] {
    height: 30px;
}
.div-conta[b-jn9oc95i01] {
    border-bottom: 1px solid #ccc;
    max-width: 100%;
    padding-top: 5px;
    padding-bottom: 6px;
}
.span-tooltip[b-jn9oc95i01] {
    visibility: hidden;
    position: absolute;
    width: 258px;
    /* height: 40px; */
    /*  bottom: 75%;
    left: 8%;*/
    background-color: white;
    color: #576574;
    text-align: center;
    /* padding: 5px 0;*/
    border-radius: 6px;
    z-index: 1;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
    /* max-height: 60px; */
    border-radius: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    width: 288px !important;
}

    .span-tooltip[span][b-jn9oc95i01]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

.img-vac[b-jn9oc95i01] {
    width: 60px;
    height: 60px;
}

.tooltip-wrapper:hover .span-tooltip[b-jn9oc95i01] {
    visibility: visible;
}
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-jn9oc95i01]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-jn9oc95i01] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-jn9oc95i01] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-jn9oc95i01] {
    width: 100%;
}

    .switch input[type=checkbox][b-jn9oc95i01] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-jn9oc95i01] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-jn9oc95i01] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-jn9oc95i01]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-jn9oc95i01]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-jn9oc95i01] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-jn9oc95i01] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-jn9oc95i01] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-jn9oc95i01] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-jn9oc95i01] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-jn9oc95i01] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-jn9oc95i01] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-jn9oc95i01] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-jn9oc95i01], .column-3:focus[b-jn9oc95i01] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-jn9oc95i01] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-jn9oc95i01] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-jn9oc95i01] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-jn9oc95i01] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-jn9oc95i01] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-jn9oc95i01] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-jn9oc95i01] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-jn9oc95i01] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-jn9oc95i01] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-jn9oc95i01] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-jn9oc95i01] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-jn9oc95i01] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-jn9oc95i01] {
    margin-right: 0px;
}


select[b-jn9oc95i01] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-jn9oc95i01]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-jn9oc95i01] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-jn9oc95i01] {
    width: unset;
    height: unset;
    background: unset;
    box-shadow: unset;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-delet[b-jn9oc95i01] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    align-items: center;
}

.modal-body-accepter[b-jn9oc95i01] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-jn9oc95i01] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-jn9oc95i01] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-jn9oc95i01] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-jn9oc95i01] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-jn9oc95i01] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-jn9oc95i01] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-jn9oc95i01] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-jn9oc95i01]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-jn9oc95i01]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-jn9oc95i01] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-jn9oc95i01] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-jn9oc95i01] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-jn9oc95i01] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-jn9oc95i01] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-jn9oc95i01] {
    width: 18px;
    height: 14px;
}

.div-footer[b-jn9oc95i01] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-jn9oc95i01] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-jn9oc95i01] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-jn9oc95i01] {
    line-height: 15px;
}

.modal-title-entrerheure[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-jn9oc95i01] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-jn9oc95i01] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-jn9oc95i01] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-jn9oc95i01]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-jn9oc95i01]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-jn9oc95i01]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-jn9oc95i01]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-jn9oc95i01] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-jn9oc95i01] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-jn9oc95i01] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-jn9oc95i01] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-jn9oc95i01] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-jn9oc95i01] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-jn9oc95i01] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-jn9oc95i01] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-jn9oc95i01] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-jn9oc95i01] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-jn9oc95i01] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-jn9oc95i01] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-jn9oc95i01] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-jn9oc95i01] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-jn9oc95i01] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-jn9oc95i01] {
    margin-top: 12px;
}

.img-choix[b-jn9oc95i01] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-jn9oc95i01] {
    margin-left: 4px;
}

.body-entry-time1[b-jn9oc95i01] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-jn9oc95i01] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-jn9oc95i01] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-jn9oc95i01] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-jn9oc95i01] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-jn9oc95i01] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-jn9oc95i01] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-jn9oc95i01] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-jn9oc95i01] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-jn9oc95i01] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-jn9oc95i01] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-jn9oc95i01] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-jn9oc95i01] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-jn9oc95i01] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-jn9oc95i01] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-jn9oc95i01] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-jn9oc95i01] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-jn9oc95i01] {
    margin-top: 9px;
}

.span-debut-chrono[b-jn9oc95i01] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-jn9oc95i01] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-jn9oc95i01] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-jn9oc95i01] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-jn9oc95i01] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-jn9oc95i01] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-jn9oc95i01] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-jn9oc95i01] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-jn9oc95i01] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-jn9oc95i01] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-jn9oc95i01] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-jn9oc95i01] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-jn9oc95i01] {
    margin-top: -28px;
}

.div-title-manuel[b-jn9oc95i01] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-jn9oc95i01] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-jn9oc95i01] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-jn9oc95i01] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-jn9oc95i01] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-jn9oc95i01] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-jn9oc95i01] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-jn9oc95i01] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-jn9oc95i01] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-jn9oc95i01] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-jn9oc95i01] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-jn9oc95i01] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-jn9oc95i01] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-jn9oc95i01] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-jn9oc95i01] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-jn9oc95i01] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-jn9oc95i01] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-jn9oc95i01] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-jn9oc95i01] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-jn9oc95i01] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-jn9oc95i01] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-jn9oc95i01] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-jn9oc95i01] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-jn9oc95i01] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-jn9oc95i01] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-jn9oc95i01] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-jn9oc95i01] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-jn9oc95i01] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-jn9oc95i01] {
    margin-left: 114px;
}

.note-livrer-pos[b-jn9oc95i01] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-jn9oc95i01] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-jn9oc95i01] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-jn9oc95i01] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-jn9oc95i01] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-jn9oc95i01] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-jn9oc95i01] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-jn9oc95i01] {
    width: 42px;
    height: 42px;
}

.span-scan[b-jn9oc95i01] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-jn9oc95i01] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-jn9oc95i01] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-jn9oc95i01] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-jn9oc95i01] {
        display: block !important;
    }

    .display-date-sec[b-jn9oc95i01] {
        display: none !important;
    }
}

.display-date[b-jn9oc95i01] {
    display: none;
}

.modal-ts-content[b-jn9oc95i01] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-jn9oc95i01] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-jn9oc95i01] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-jn9oc95i01] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-jn9oc95i01] {
    margin-left: 14px;
}

.modal-ts-footer[b-jn9oc95i01] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-jn9oc95i01] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}

.span-entry-title[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-jn9oc95i01] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-jn9oc95i01] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-jn9oc95i01] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-jn9oc95i01] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-jn9oc95i01] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-jn9oc95i01] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-jn9oc95i01] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-jn9oc95i01]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.div-left-menu[b-jn9oc95i01] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border: 0.25px solid #E6E6E6;
    opacity: 1;
    display: flex;
    flex-direction: row;
    margin-bottom: -3px;
    /*	margin-top: -7px;
*/ padding: 0px;
}

.div-list-abs[b-jn9oc95i01] {
    width: 324px;
    /*        min-width: 20%;
*/
}

.div-left[b-jn9oc95i01] {
    overflow: scroll;
    /*        max-height: calc(100vh - 165px);
*/ height: calc(100vh - 165px);
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}


.btnstyle[b-jn9oc95i01], .btn-competence[b-jn9oc95i01], .btnstyle-note[b-jn9oc95i01] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}

.div-detail-infos[b-jn9oc95i01] {
    width: 984px;
    margin-top: -4px;
    margin-left: -5px;
}

.div-detail-leftmenu[b-jn9oc95i01] {
    padding-right: 0px;
    padding-left: 0px;
    max-width: 386px;
    position: relative;
    width: 100%;
    flex: 0 0 33.333333%;

}

.div-taskdetail-header[b-jn9oc95i01] {
    display: inline-table;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    width: 100%;
}


[b-jn9oc95i01] .btnstyle, .btn-competence[b-jn9oc95i01], .btnstyle-note[b-jn9oc95i01] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}

[b-jn9oc95i01] .btn-competence {
    width: 100%;
}


[b-jn9oc95i01] .btn-leftmenu-active {
    color: #0898D7;
    height: 59px;
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

[b-jn9oc95i01] .btn-leftmenu-comp-active {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

[b-jn9oc95i01] .imgstyle {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

[b-jn9oc95i01] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 12, 2018, 11:19:24 AM
    Author     : raghda.marzouk
*/
.content-frame-prop[b-jn9oc95i01] {
    overflow-y: hidden !important;
    overflow-x: hidden;
}

.newTop[b-jn9oc95i01] {
    margin-top: 130px !important;
}

.cadre[b-jn9oc95i01] {
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0), inset 1px 1px 3px rgba(0, 0, 0, 0.17);
    padding-right: 0px !important;
    height: auto !important;
    margin-right: auto;
    margin-top: 3px !important;
    margin-left: 0px !important;
    width: 100% !important;
}

.left_menu_timesheet[b-jn9oc95i01] {
    padding: 0px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(0, 0, 0, 0) !important;
    /*height: 555px !important;*/
    width: 277px !important;
    background: transparent url(../../../images/Icons/Absence/leftPartAbsence.svg) no-repeat;
    background-position: 22% 44% !important;
    background-size: 646px !important;
    margin-top: 0px !important;
    color: transparent !important;
    height: 615px !important;
}

.formLabel[b-jn9oc95i01] {
    color: #024662;
    opacity: 0.65;
    font-family: Gravity-bold;
    font-size: 12px;
    position: absolute;
}

.currentUserName[b-jn9oc95i01] {
    margin-top: 15px;
    margin-left: -2px;
    background-color: transparent !important;
    font-size: 12px !important;
    color: #4C4C4C !important;
    opacity: 0.70;
    font-family: Gravity-bold;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    width: 100%;
    border-bottom: 1px solid #989caf;
}

.selectAbsenceType[b-jn9oc95i01] {
    background: transparent !important;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

select.selectAbsenceType[b-jn9oc95i01] {
    -webkit-appearance: none;
    background: url(../../../images/Icons/CRM/select.svg) no-repeat right transparent !important;
    -moz-appearance: none !important;
    background-size: 12px !important;
    background-position: 99% 77% !important;
    padding-right: 108px !important;
    margin-top: 16px;
    color: #024662 !important;
    opacity: 0.80;
    font-size: 12px !important;
}

.formAbsence[b-jn9oc95i01] {
}

.listUsers .select[b-jn9oc95i01] {
    margin-top: -6px;
}

.UserActiviteSelect[b-jn9oc95i01] {
    padding-left: 5px !important;
    border: 1px solid #989caf !important;
    border-radius: 45px !important;
    height: 28px;
    line-height: 29px;
    margin-top: 12px;
    background: white url(../../../images/Icons/administrationG/flech-select-bleu.svg) right no-repeat !important;
    background-size: 12px !important;
    background-position: 95% 61% !important;
    padding: 0px !important;
}

.select[b-jn9oc95i01] {
    z-index: 3;
    opacity: 1 !important;
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 12px !important;
    color: #024662 !important;
    width: 100%;
    height: 38px;
    margin-top: 7px;
    margin-bottom: 5px;
    font-family: Gravity-bold;
    text-align: left;
}

.form-horizontal[b-jn9oc95i01] {
    margin-top: 90px !important;
    padding-right: 18px;
    padding-left: 15px;
}

#btnMonth[b-jn9oc95i01] {
    font-family: Gravity-Bold;
    font-size: 18px !important;
    color: #024662 !important;
    /*margin: auto;*/
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

.wc-nav[b-jn9oc95i01] {
    text-align: right;
    height: 50px;
    width: 100%;
    background: white !important;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
    z-index: 1;
}

.header-calendar-timesheet[b-jn9oc95i01] {
    height: 50px !important;
    background-color: white !important;
    box-shadow: none !important;
}

.bottonsHeaderCalendar[b-jn9oc95i01] {
    padding-top: 0px;
    background-color: white !important;
    border: 1px solid white !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
    color: #35414c !important;
    letter-spacing: 1px;
    width: auto !important;
    height: 22px !important;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 10px;
}

.cal-header[b-jn9oc95i01] {
    height: 27px !important;
    width: 100% !important;
    font-family: Gravity-Regular;
    font-size: 12.5px;
    color: #024662 !important;
    background-color: white !important;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.4) !important;
}

.calendar.cal-big[b-jn9oc95i01] {
    background-color: white;
    width: 100% !important;
    height: 423px !important;
}

.calendar .cal-header div[class^="cal-col"][b-jn9oc95i01] {
    text-align: left !important;
    padding-left: 5px !important;
}

.todayCercle[b-jn9oc95i01] {
    margin-top: 3px;
    border-radius: 20px;
    background-color: white;
    width: 26px;
    height: 26px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    z-index: 2;
    margin-top: -1px;
}

.Datetoday[b-jn9oc95i01] {
    border: 1px green solid;
    width: 7px;
    background: green;
    height: 8px;
    border-radius: 50%;
    margin-top: -11px;
    margin-left: 19px !important;
}

.calendar.cal-big .cal-day[b-jn9oc95i01] {
    font-size: 12px !important;
    padding-top: 2px !important;
    padding-left: 2px;
}

.cal-col-week.text-label[b-jn9oc95i01] {
    letter-spacing: 0.5px !important;
}

.contentDate[b-jn9oc95i01] {
    margin-top: 7px !important;
    padding-left: 0px !important;
    margin-left: -2px;
    font-size: 13px !important;
    color: #4C4C4C !important;
    font-family: gravity-bold;
    background: url(../../../images/Icons/Absence/AbsenceCalendar.svg) no-repeat !important;
    background-position: 100% 65% !important;
    background-size: 11px !important;
}

.boutonEnregistrerAbsence[b-jn9oc95i01] {
    background: url(../../../images/Icons/administrationG/new-save.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    margin-left: -3px;
    width: 54px !important;
    height: 54px !important;
    border: none !important;
}

    .boutonEnregistrerAbsence:disabled[b-jn9oc95i01] {
        cursor: default !important;
    }

.boutonAnnulerAbsence[b-jn9oc95i01] {
    background: url(../../../images/Icons/administrationG/new-cancel.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 53px !important;
    height: 53px !important;
    border: none !important;
    margin-left: 0px !important;
}

#HeureActivite[b-jn9oc95i01], #NoteActivite[b-jn9oc95i01], #NoteInterneActivite[b-jn9oc95i01] {
    margin-top: 0px !important;
    font-size: 13px !important;
    color: #4C4C4C !important;
    font-family: Gravity-bold;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-left: 0px !important;
}

#HeureActiviteEdit[b-jn9oc95i01], #NoteActiviteEdit[b-jn9oc95i01], #NoteInterneActiviteEdit[b-jn9oc95i01] {
    margin-top: 4px;
    font-size: 13px !important;
    color: #445566;
    font-family: Gravity-bold;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-left: 0px !important;
}

.HeureActiviteEdit[b-jn9oc95i01], .NoteActiviteEdit[b-jn9oc95i01], .NoteInterneActiviteEdit[b-jn9oc95i01] {
    margin-top: 4px;
    font-size: 13px !important;
    color: #4C4C4C !important;
    font-family: Gravity-bold;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-left: 0px !important;
}

.Myinput[b-jn9oc95i01], .Myinput:focus[b-jn9oc95i01] {
    color: #4C4C4C !important;
    font-size: 14px;
    border-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #989caf !important;
    cursor: pointer;
    -webkit-appearance: none;
    font-weight: bold;
}

.select-styled[b-jn9oc95i01] {
    padding-left: 0px !important;
    opacity: 1;
    color: #4C4C4C !important;
    font-family: gravity-bold;
}

    .select-styled.UserActiviteSelect[b-jn9oc95i01] {
        padding-left: 10px !important;
        opacity: 0.80;
    }

.select-options-User[b-jn9oc95i01] {
    margin-top: 5px !important;
    max-height: 315px !important;
}

.select-styled:active[b-jn9oc95i01], .select-styled.active[b-jn9oc95i01] {
    background-color: transparent !important;
    border-bottom: none;
}

.select-options li[b-jn9oc95i01] {
    opacity: 1;
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    /* border-bottom: 1px solid #ccc; */
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
    height: 27px !important;
    letter-spacing: 0.5px;
    font-family: Gravity-regular;
    font-size: 13px;
    padding-top: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.MyAbsence[b-jn9oc95i01] {
    height: 66px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    color: #024662;
    font-size: 16px;
    font-family: gravity-bold;
    margin: auto;
    vertical-align: middle;
    text-align: left;
    line-height: 66px;
}

.listUsers[b-jn9oc95i01] {
    height: 41px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    /* color: #35414C; */
    /* font-size: 16px; */
    /* font-family: gravity-bold; */
    margin: auto;
    vertical-align: middle;
    /* text-align: center; */
    /* line-height: 66px; */
    /* background-color: white; */
    /* opacity: 0.55; */
    margin-bottom: 5px;
}

.calendar_body_timeshet[b-jn9oc95i01] {
    /* filter: drop-shadow(2px 2px 4px rgba(131, 131, 132, 0.65)); */
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(0, 0, 0, 0);
    /* -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(0, 0, 0, 0); */
    /* box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(0, 0, 0, 0); */
    margin-top: 0px !important;
    height: 504px;
    max-width: calc(100% - 277px) !important;
    width: calc(100% - 277px) !important;
}

.holiday[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/holidayCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-top: -35px;
    margin-bottom: -14px;
    margin-left: 67px;
    margin-right: -35px;
}

.holidayLong[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/holidayCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 44px !important;
    margin-top: -4px;
    margin-bottom: -43px;
    margin-left: -8px;
    margin-right: -35px;
    padding-top: 44px !important;
    z-index: 1;
}

.holidaypop[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/holidayCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-top: 3px;
    /*margin-bottom: -14px;*/
    margin-left: 10px;
    /*margin-right: -35px;*/
}

.other[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/otherCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-top: -35px;
    margin-bottom: -14px;
    margin-left: 67px;
    margin-right: -35px;
}

.otherLong[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/otherCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 44px !important;
    margin-top: -4px;
    margin-bottom: -43px;
    margin-left: -8px;
    margin-right: -35px;
    padding-top: 44px !important;
    z-index: 1;
}

.otherpop[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/otherCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-top: 3px;
    /*margin-bottom: -14px;*/
    margin-left: 10px;
    /*margin-right: -35px;*/
}

.sickness[b-jn9oc95i01] {
    background: url(Icons/Absence/sicknessCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-top: -35px;
    margin-bottom: -14px;
    margin-left: 67px;
    margin-right: -35px;
}

.sicknessLong[b-jn9oc95i01] {
    background: url(Icons/Absence/sicknessCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 44px !important;
    margin-top: -4px;
    margin-bottom: -43px;
    margin-left: -8px;
    margin-right: -35px;
    padding-top: 44px !important;
    z-index: 1;
}

.sicknesspop[b-jn9oc95i01] {
    background: url(Icons/Absence/sicknessCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-top: 5px;
    /*margin-bottom: -14px;*/
    margin-left: 10px;
    /*margin-right: -35px;*/
}

.draft[b-jn9oc95i01] {
    background: url(Icons/Absence/draftCalendar.svg) no-repeat !important;
    background-position: 37% 0% !important;
    background-size: 100% !important;
    width: 15px !important;
    height: 15px !important;
    margin-left: 24px;
    z-index: 2;
    margin-top: -48px;
}

.approved[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/approveCalendar.svg) no-repeat !important;
    background-position: 37% 0% !important;
    background-size: 100% !important;
    width: 15px !important;
    height: 15px !important;
    margin-left: 24px;
    z-index: 2;
    margin-top: -48px;
}

.refused[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/refuseCalendar.svg) no-repeat !important;
    background-position: 37% 0% !important;
    background-size: 100% !important;
    width: 15px !important;
    height: 15px !important;
    margin-left: 24px;
    z-index: 2;
    margin-top: -48px;
}

.draftList[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/draft.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 50% !important;
    width: 15px !important;
    height: 19px !important;
    margin-top: 0px;
    margin-left: -9px;
    color: #99a3a9;
    padding-left: 29px;
    font-size: 12px;
}

.approveList[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/accept.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 50% !important;
    width: 15px !important;
    height: 19px !important;
    margin-top: 0px;
    margin-left: -9px;
    color: #2a982f;
    padding-left: 29px;
    font-size: 12px;
}

.refuseList[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/refuse.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 50% !important;
    width: 15px !important;
    height: 19px !important;
    margin-top: 0px;
    margin-left: -9px;
    color: #ed1c24;
    padding-left: 29px;
    font-size: 12px;
}

.otherList[b-jn9oc95i01] {
    background: url(Icons/Absence/otherList.svg) no-repeat !important;
    background-position: 13% 51% !important;
    background-size: 22px !important;
    height: 20px;
    margin-top: -67px;
}

.siknessList[b-jn9oc95i01] {
    background: url(Icons/Absence/sickness.svg) no-repeat !important;
    background-position: 13% 51% !important;
    background-size: 22px !important;
    height: 20px;
    margin-top: -67px;
}

.draftList[b-jn9oc95i01]::first-letter {
    text-transform: uppercase;
}

.UserDetail[b-jn9oc95i01]::first-letter {
    text-transform: uppercase;
}

.btn-New-Absence[b-jn9oc95i01] {
    background: white url(../../../images/Icons/Absence/plus.svg) no-repeat;
    background-position: 4% 50%;
    background-size: 25px;
    border-radius: 0px !important;
    margin-top: 2px;
    position: absolute;
    height: 41px;
    width: 276px !important;
    margin-left: -139px;
    cursor: pointer;
    padding-left: 20px;
    font-size: 14px;
    font-family: gravity-regular;
    color: #33A02C;
    z-index: 2;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}

.listeInfoActivite[b-jn9oc95i01] {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 52px !important;
    padding-top: 0px !important;
    /*height: 375px !important;*/
    max-height: 407px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: transparent !important;
    margin-left: -15px;
    width: 273px;
}

.listeInfoActiviteAdmin[b-jn9oc95i01] {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 52px !important;
    padding-top: 0px !important;
    height: 450px !important;
    max-height: 407px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: transparent !important;
    margin-left: -15px;
    width: 273px;
}

.ListeActiviteJour[b-jn9oc95i01] {
    background: transparent !important;
}

.ListDateAbsence[b-jn9oc95i01] {
    /* height: 110px; */
    padding-top: 5px;
}

.DetailAbsence[b-jn9oc95i01] {
    height: 122px;
    padding: 0;
}

.ListDetailAbsence[b-jn9oc95i01] {
    height: 100px;
}

.badgemulti[b-jn9oc95i01] {
    position: absolute;
}

.div-dates[b-jn9oc95i01] {
    display: inline-table;
    width: 100%;
}

@media (max-width:1511px) {

   /* .div-dates {
        display: grid;
        width: 100%;
    }*/

    .absenceAdminAction[b-jn9oc95i01] {
        position: relative;
        left: -51px;
    }
}

.badge[b-jn9oc95i01] {
    /* border-radius: 100px; */
    color: white;
    font-size: 13.5px;
    height: 40px;
    width: 40px;
    padding: 7px 4px 0 4px;
    text-align: center;
    font-family: 'Franklin Gothic Medium Regular';
    font-weight: 700;
    z-index: 1;
    margin-left: -4px;
    margin-top: 0px;
}

.AbsenceTitle[b-jn9oc95i01] {
    font-size: 16px;
    font-family: gravity-bold;
    color: #35414C;
    width: 120px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

    .AbsenceTitle[b-jn9oc95i01]::first-letter {
        text-transform: uppercase;
    }

.css-shapes-form[b-jn9oc95i01] {
    position: relative;
    height: 100px;
    background-color: #91B1CA;
    border-radius: 150px;
    width: 41px;
    margin-left: -4px;
}

.css-shapes-multiform[b-jn9oc95i01] {
    position: relative;
    height: 32px;
    background-color: #91B1CA;
    width: 112px;
    margin-top: -10px;
    margin-right: -31px;
    margin-bottom: -19px;
    margin-left: 5px;
    opacity: 0.6;
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
}

.css-shapes-multiformEnd[b-jn9oc95i01] {
    position: relative;
    height: 32px;
    background-color: #91B1CA;
    width: 87px;
    margin-top: -3px;
    margin-bottom: -30px;
    margin-left: -4px;
    opacity: 0.6;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
}

.css-shapes-multiformNotEnd[b-jn9oc95i01] {
    position: relative;
    height: 32px;
    background-color: #91B1CA;
    width: 121px;
    margin-right: -26px;
    margin-top: -3px;
    margin-bottom: -30px;
    margin-left: -4px;
    opacity: 0.6;
}

.badgeFooter[b-jn9oc95i01] {
    border-radius: 100px;
    color: white;
    font-family: Gravity-Bold, Gravity;
    font-size: 15px;
    font-weight: 700;
    height: 40px;
    width: 40px;
    padding: 7px 4px 0 4px;
    text-align: center;
    top: -40px;
}

.badgemonthmulti[b-jn9oc95i01] {
    text-align: center;
    font-size: 8px;
    font-family: Gravity-Regular, Gravity;
    color: white;
    position: absolute;
    z-index: 1;
    margin-top: 127px;
    margin-left: 13px;
}

.listSiknessStatus[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/seaknessList.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: -41px;
    margin-bottom: -14px;
    margin-left: -4px;
    margin-right: -43px;
}

.listotherStatus[b-jn9oc95i01] {
    background: url(/Icons/Absence/other.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: -41px;
    margin-bottom: -14px;
    margin-left: -4px;
    margin-right: -43px;
}

.listholidayStatus[b-jn9oc95i01] {
    background: url(Icons/Absence/holiday.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: -41px;
    margin-bottom: -14px;
    margin-left: -4px;
    margin-right: -43px;
}

.listLeaveStatus[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/seaknessList.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: -41px;
    margin-bottom: -14px;
    margin-left: -4px;
    margin-right: -43px;
}

.ApprovedIconTab[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/accept.svg) no-repeat !important;
    background-position: 34% 95% !important;
    /* background-size: 100% !important; */
    width: 12px !important;
    height: 12px !important;
    margin-top: -3px;
    /* margin-bottom: -14px; */
    margin-left: -25px;
    /* float: right; */
    /* margin-right: -8px; */
    /* padding-left: 20px; */
    /* display:  inline-block; */
}

.ApprovedIconTabText[b-jn9oc95i01] {
    color: #2a982f;
    font-size: 12px;
    font-family: gravity-bold;
    display: inline-block;
    float: right;
    margin-top: -15px;
}

.dateList[b-jn9oc95i01] {
    background: url(/Icons/Absence/AbsenceCalendar.svg) no-repeat !important;
    background-position: 0% 56% !important;
    background-size: 13px !important;
    /*margin-right: -18px;*/
}

.dateTextList[b-jn9oc95i01] {
    padding-left: 15px !important;
    color: #67809F !important;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
}

.NoteText[b-jn9oc95i01] {
    float: left;
    margin-left: -16px;
    margin-top: -3px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 204px;
    text-overflow: ellipsis;
    text-align: left;
}

.badgemonth[b-jn9oc95i01] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13.5px;
    text-align: center;
    padding-left: 3px;
}

.holidayList[b-jn9oc95i01] {
    background: url(Icons/Absence/holidayListLong.svg) no-repeat !important;
    background-position: 7% 56% !important;
    background-size: 28px !important;
    height: 28px;
    margin-top: -70px;
}

.showMore[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/showMore.svg) no-repeat !important;
    background-position: 88% 63% !important;
    background-size: 9px !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
    width: 100%;
    height: 22px;
    /* padding-bottom: 10px; */
    /* margin-top: 520px; */
    border-radius: 10px;
    margin-left: 0px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 30px;
}

a.showMoreText[b-jn9oc95i01] {
    color: #024662;
    font-family: gravity-bold;
    font-size: 12.5px;
    /*padding-right: 35px;*/
    text-decoration: none;
    cursor: pointer;
}

.cal-row[b-jn9oc95i01] {
    /* height: 30px !important; */
    min-height: 68.5px !important;
    max-height: 64.5px !important;
}

.ListDetailAbsence[b-jn9oc95i01] {
    margin-left: -15px;
    margin-top: 10px;
}

.ListDetailAbsenceAdmin[b-jn9oc95i01] {
    /* margin-left: -15px; */
    margin-top: 0px;
    height: 110px;
    padding: 0px;
}

.deleteButton[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/deleteAbsence.svg) no-repeat !important;
    background-position: 86% 84% !important;
    background-size: 35px !important;
    width: 35px;
    height: 35px;
    margin-left: 80px;
    margin-top: -36px;
    cursor: pointer;
}

.editButton[b-jn9oc95i01] {
    background: url(../../../images/Icons/Absence/editAbsence.svg) no-repeat !important;
    background-position: 86% 84% !important;
    background-size: 35px !important;
    width: 39px;
    height: 39px;
    margin-top: -6px;
    margin-left: 45px;
    cursor: pointer;
}

.refuseButton[b-jn9oc95i01] {
    background: url(Icons/Absence/RefuseIcon.svg) no-repeat !important;
    background-position: 86% 84% !important;
    background-size: 35px !important;
    width: 35px;
    height: 35px;
    margin-left: -9px;
    cursor: pointer;
}

.approveButton[b-jn9oc95i01] {
    background: url(Icons/Absence/ApproveIcon.svg) no-repeat !important;
    background-position: 86% 84% !important;
    background-size: 35px !important;
    width: 39px;
    height: 39px;
    margin-top: -38px;
    margin-left: 28px;
    cursor: pointer;
}

.DetailAbsence:hover[b-jn9oc95i01] {
    background-color: white;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
}

.ActiviteHover[b-jn9oc95i01] {
    background-color: white;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
}

.DetailAbsence:hover .absenceAction[b-jn9oc95i01] {
    display: block;
}

.absenceAction[b-jn9oc95i01] {
    display: none;
}

.DetailAbsence:hover .absenceAdminAction[b-jn9oc95i01] {
    display: block;
    /* Firefox */
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    /* Safari and Chrome */
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /* W3C */
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    /* IE10 -Doesn't work yet! */
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -ms-box-orient: horizontal;
}

.img-deletabs[b-jn9oc95i01] {
    padding-left: 13px;
}

.div-action[b-jn9oc95i01] {
    cursor: pointer;
}

.absenceAdminAction[b-jn9oc95i01] {
    display: none;
}

.absenceAdminAction[b-jn9oc95i01] {
    margin-top: -77px;
    margin-left: 71%;
}

.PublicHoliday[b-jn9oc95i01] {
    background: #AC92EC url(Icons/Absence/PublicHoliday.svg) no-repeat !important;
    background-position: 5% 50% !important;
    background-size: 16px !important;
    height: 24px;
    width: 120px;
    margin-bottom: -30px;
    margin-right: -17px;
    margin-top: 8px;
    margin-left: -4px;
    z-index: 2;
    position: absolute;
}

.PublicHolidayText[b-jn9oc95i01] {
    color: white;
    font-family: gravity-regular;
    font-size: 13px;
    padding-left: 25px;
    padding-top: 3px;
    width: 106px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendar .cal-row div[class^="cal-col"]:hover[b-jn9oc95i01], .calendar .cal-row div[class^="cal-col"]:focus[b-jn9oc95i01] {
    /* border: 1px solid #0086C5; */
    border: 1px solid transparent !important;
    border-left: 1px solid #F0F0F0 !important;
    border-bottom: 1px solid #F0F0F0 !important;
}

.countAbsence:hover + div.popDetailWithTriangle[b-jn9oc95i01] {
    display: block;
}

.popDetailWithTriangle:hover[b-jn9oc95i01], .popDetailWithTriangle:focus[b-jn9oc95i01] {
    display: block;
}

.popDetailWithTriangle[b-jn9oc95i01] {
    display: none;
}

.countCircle:hover + div.popAll[b-jn9oc95i01] {
    display: block;
}

.popAll:hover[b-jn9oc95i01], .popAll:focus[b-jn9oc95i01] {
    display: block;
}

.popAll[b-jn9oc95i01] {
    display: none;
}

.popDetailLong[b-jn9oc95i01] {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 63px;
    max-height: 216px;
    height: auto;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.4) !important;
    /* max-height: 60px; */
    border-radius: 10px;
    /* overflow: hidden; */
    width: 290px;
    background-color: white;
    z-index: 130;
    position: fixed !important;
    margin-left: -130px;
    top: 45px;
}

.popDetail[b-jn9oc95i01] {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 63px;
    max-height: 216px;
    height: auto;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
    /* max-height: 60px; */
    border-radius: 10px;
    /* overflow: hidden; */
    width: 290px;
    background-color: white;
    z-index: 130;
    position: fixed;
    margin-left: -130px;
    top: 26px;
}

.positionChange[b-jn9oc95i01] {
    /* top: 27px !important; */
    margin-top: -16px;
    margin-left: -195px !important;
}

.positionChangeTriangle[b-jn9oc95i01] {
    margin-left: 7px !important;
    margin-top: -16px !important;
}

.popDetailMulti[b-jn9oc95i01] {
    /*    display: none;*/
    /* min-height: 40px; */
    height: 56px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
    max-height: 60px;
    border-radius: 10px;
    overflow: hidden;
    width: 230px;
    background-color: white;
    z-index: 130;
    position: absolute !important;
    margin-left: -69px;
    top: 18px;
}

.AbContainer[b-jn9oc95i01] {
    /* overflow: hidden; */
    /* min-height: 116px; */
    /* max-height: 216px; */
    height: 60px;
    border-bottom: 1px solid #ccc;
}

.statusDraft[b-jn9oc95i01] {
    position: absolute;
    margin-top: 15px;
    height: 12px;
    width: 12px;
    border-radius: 17px !important;
    background: url(../../../images/Icons/Absence/draftCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 15px !important;
    height: 24px !important;
    margin-left: 30px;
}

.statusDraftPop[b-jn9oc95i01] {
    position: absolute;
    margin-top: 2px;
    height: 12px;
    width: 12px;
    border-radius: 17px !important;
    background: url(../../../images/Icons/Absence/draftCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 15px !important;
    height: 24px !important;
    margin-left: 41px;
}

.statusapprovePop[b-jn9oc95i01] {
    position: absolute;
    margin-top: 2px;
    height: 12px;
    width: 12px;
    border-radius: 17px !important;
    background: url(../../../images/Icons/Absence/approveCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 15px !important;
    height: 24px !important;
    margin-left: 41px;
}

.statusrefusePop[b-jn9oc95i01] {
    position: absolute;
    margin-top: 2px;
    height: 12px;
    width: 12px;
    border-radius: 17px !important;
    background: url(../../../images/Icons/Absence/refuseCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 15px !important;
    height: 24px !important;
    margin-left: 41px;
}

.Titrepopup[b-jn9oc95i01] {
    font-family: gravity-bold;
    font-size: 16px;
    color: #576574;
    margin-left: 70px;
    margin-top: -55px;
}

.triangle-pop[b-jn9oc95i01] {
    background: transparent;
    width: 0;
    margin-left: 81px;
    /* margin-top: 16px; */
    z-index: 90;
    position: fixed;
    border-right: solid 10px transparent;
    border-bottom: solid 10px white;
    border-left: solid 10px transparent;
    -webkit-filter: drop-shadow(0 -5px 2px rgba(0,0,0,0.2));
}

.triangle-popLong[b-jn9oc95i01] {
    background: transparent;
    width: 0;
    margin-left: 87px;
    z-index: 90;
    position: fixed;
    border-right: solid 10px transparent;
    border-bottom: solid 10px white;
    border-left: solid 10px transparent;
    -webkit-filter: drop-shadow(0 -5px 2px rgba(0,0,0,0.2));
}

.triangle-popLongInverse[b-jn9oc95i01] {
    background: transparent;
    width: 0;
    margin-left: 87px;
    z-index: 90;
    position: fixed;
    border-right: solid 10px transparent;
    border-top: solid 10px white;
    border-left: solid 10px transparent;
    -webkit-filter: drop-shadow(0 0px rgba(0,0,0,0.2));
}

.triangle-popInverse[b-jn9oc95i01] {
    background: transparent;
    width: 0;
    margin-left: 79px;
    z-index: 90;
    position: fixed;
    border-right: solid 10px transparent;
    border-top: solid 10px white;
    border-left: solid 10px transparent;
    -webkit-filter: drop-shadow(0 1px rgba(0,0,0,0.2));
}

.triangle-popMulti[b-jn9oc95i01] {
    background: transparent;
    width: 0;
    margin-left: 9px;
    margin-top: 7px !important;
    z-index: 90;
    position: absolute;
    border-right: solid 10px transparent;
    border-bottom: solid 10px white;
    border-left: solid 10px transparent;
    -webkit-filter: drop-shadow(0 -5px 2px rgba(0,0,0,0.2));
}

.wc-navigation_buttons[b-jn9oc95i01] {
    float: left;
    margin-top: 11px !important;
    margin-left: -25px !important;
    display: flex;
    width: 28%;
}

.tabAdmin[b-jn9oc95i01] {
    top: 50px;
    left: -15px;
    /*margin-left: -15px;*/
    margin-bottom: 5px;
    /*margin-top: 50px;*/
    height: 31px;
    width: 276px !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    background-color: white;
    color: #35414C;
    font-size: 16px;
    font-family: gravity-bold;
    margin: auto;
    vertical-align: middle;
    text-align: center;
    line-height: 66px;
}

.tabAdminText[b-jn9oc95i01] {
    font-family: gravity-bold;
    vertical-align: middle;
    font-size: 12px;
    margin-left: -14px;
    line-height: 31px;
}

    .tabAdminText a[b-jn9oc95i01] {
        color: #024662;
        opacity: 0.55;
        font-family: gravity-bold;
        vertical-align: middle;
        font-size: 12px;
        margin-left: -31px;
        line-height: 31px;
        text-decoration: none;
        margin-top: 3px;
    }

.clicked a[b-jn9oc95i01] {
    color: #024662 !important;
    opacity: 1 !important;
    display: inline-block;
    line-height: 18px;
    text-decoration: none;
    border-bottom: 2px solid #00AEEF;
}

.select-entry-style[b-jn9oc95i01] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 15px;
    color: #35414C;
    width: 82%;
    margin-top: 10px;
    padding-left: 16px;
    margin-left: 29px;
    outline: none !important;
}
/*
        .select-entry-style:hover {
        border: 1px solid #E6E6E6
    } 
    */
.UserDetail[b-jn9oc95i01] {
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #024662;
    float: left;
  
    text-align: left;
}

.absenceTypeText[b-jn9oc95i01] {
    float: left;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 136px; */
    width: 188px;
    text-overflow: ellipsis;
    text-align: left;
}
 
/* /Components/Absence/ListAbsenceComponent.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.form-control[b-czvgb63m23]::placeholder {
    color: #6c757d;
    font-size: 13px;
    font-family: 'GravityRegular';
    opacity: 1;
}
.form-control:hover[b-czvgb63m23] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
:: -webkit-scrollbar[b-czvgb63m23] {
    width: 0px;
    background: transparent;
}
.div-left-menu[b-czvgb63m23]  {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border: 0.25px solid #E6E6E6;
    opacity: 1;
    display: flex;
    flex-direction: row;
    margin-bottom: -3px;
    /*	margin-top: -7px;
*/ padding: 0px;
}
.div-list-abs[b-czvgb63m23] {
    width: 324px;
    /*        min-width: 20%;
*/
}
.div-left[b-czvgb63m23] {
    overflow: scroll;
    /*        max-height: calc(100vh - 165px);
*/ height: calc(100vh - 165px);
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}


.btnstyle[b-czvgb63m23], .btn-competence[b-czvgb63m23], .btnstyle-note[b-czvgb63m23] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}
.div-detail-infos[b-czvgb63m23] {
    width: 984px;
    margin-top: -4px;
    margin-left: -5px;
}

.div-detail-leftmenu[b-czvgb63m23] {
    padding-right: 0px;
    padding-left: 0px;
    max-width: 386px;
    position: relative;
    width: 100%;
    flex: 0 0 33.333333%;
}

.div-taskdetail-header[b-czvgb63m23] {
    display: inline-table;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    width: 100%;
}


[b-czvgb63m23] .btnstyle, .btn-competence[b-czvgb63m23], .btnstyle-note[b-czvgb63m23] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}

[b-czvgb63m23] .btn-competence {
    width: 100%;
}


[b-czvgb63m23] .btn-leftmenu-active {
    color: #0898D7;
    height: 59px;
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

[b-czvgb63m23] .btn-leftmenu-comp-active {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

[b-czvgb63m23] .imgstyle {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

[b-czvgb63m23] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 12, 2018, 11:19:24 AM
    Author     : raghda.marzouk
*/
.content-frame-prop[b-czvgb63m23] {
    overflow-y: hidden !important;
    overflow-x: hidden;
}

.newTop[b-czvgb63m23] {
    margin-top: 130px !important;
}

.cadre[b-czvgb63m23] {
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0), inset 1px 1px 3px rgba(0, 0, 0, 0.17);
    padding-right: 0px !important;
    height: auto !important;
    margin-right: auto;
    margin-top: 3px !important;
    margin-left: 0px !important;
    width: 100% !important;
}

.left_menu_timesheet[b-czvgb63m23] {
    padding: 0px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(0, 0, 0, 0) !important;
    /*height: 555px !important;*/
    width: 277px !important;
    background: transparent url(../../../images/Icons/Absence/leftPartAbsence.svg) no-repeat;
    background-position: 22% 44% !important;
    background-size: 646px !important;
    margin-top: 0px !important;
    color: transparent !important;
    height: 615px !important;
}

.formLabel[b-czvgb63m23] {
    color: #024662;
    opacity: 0.65;
    font-family: Gravity-bold;
    font-size: 12px;
    position: absolute;
}

.currentUserName[b-czvgb63m23] {
    margin-top: 15px;
    margin-left: -2px;
    background-color: transparent !important;
    font-size: 12px !important;
    color: #4C4C4C !important;
    opacity: 0.70;
    font-family: Gravity-bold;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    width: 100%;
    border-bottom: 1px solid #989caf;
}

.selectAbsenceType[b-czvgb63m23] {
    background: transparent !important;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

select.selectAbsenceType[b-czvgb63m23] {
    -webkit-appearance: none;
    background: url(../../../images/Icons/CRM/select.svg) no-repeat right transparent !important;
    -moz-appearance: none !important;
    background-size: 12px !important;
    background-position: 99% 77% !important;
    padding-right: 108px !important;
    margin-top: 16px;
    color: #024662 !important;
    opacity: 0.80;
    font-size: 12px !important;
}

.formAbsence[b-czvgb63m23] {
}

.listUsers .select[b-czvgb63m23] {
    margin-top: -6px;
}

.UserActiviteSelect[b-czvgb63m23] {
    padding-left: 5px !important;
    border: 1px solid #989caf !important;
    border-radius: 45px !important;
    height: 28px;
    line-height: 29px;
    margin-top: 12px;
    background: white url(../../../images/Icons/administrationG/flech-select-bleu.svg) right no-repeat !important;
    background-size: 12px !important;
    background-position: 95% 61% !important;
    padding: 0px !important;
}

.select[b-czvgb63m23] {
    z-index: 3;
    opacity: 1 !important;
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 12px !important;
    color: #024662 !important;
    width: 100%;
    height: 38px;
    margin-top: 7px;
    margin-bottom: 5px;
    font-family: Gravity-bold;
    text-align: left;
}

.form-horizontal[b-czvgb63m23] {
    margin-top: 90px !important;
    padding-right: 18px;
    padding-left: 15px;
}

#btnMonth[b-czvgb63m23] {
    font-family: Gravity-Bold;
    font-size: 18px !important;
    color: #024662 !important;
    /*margin: auto;*/
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

.wc-nav[b-czvgb63m23] {
    text-align: right;
    height: 50px;
    width: 100%;
    background: white !important;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
    z-index: 1;
}

.header-calendar-timesheet[b-czvgb63m23] {
    height: 50px !important;
    background-color: white !important;
    box-shadow: none !important;
}

.bottonsHeaderCalendar[b-czvgb63m23] {
    padding-top: 0px;
    background-color: white !important;
    border: 1px solid white !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
    color: #35414c !important;
    letter-spacing: 1px;
    width: auto !important;
    height: 22px !important;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 10px;
}

.cal-header[b-czvgb63m23] {
    height: 27px !important;
    width: 100% !important;
    font-family: Gravity-Regular;
    font-size: 12.5px;
    color: #024662 !important;
    background-color: white !important;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.4) !important;
}

.calendar.cal-big[b-czvgb63m23] {
    background-color: white;
    width: 100% !important;
    height: 423px !important;
}

.calendar .cal-header div[class^="cal-col"][b-czvgb63m23] {
    text-align: left !important;
    padding-left: 5px !important;
}

.todayCercle[b-czvgb63m23] {
    margin-top: 3px;
    border-radius: 20px;
    background-color: white;
    width: 26px;
    height: 26px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    z-index: 2;
    margin-top: -1px;
}

.Datetoday[b-czvgb63m23] {
    border: 1px green solid;
    width: 7px;
    background: green;
    height: 8px;
    border-radius: 50%;
    margin-top: -11px;
    margin-left: 19px !important;
}

.calendar.cal-big .cal-day[b-czvgb63m23] {
    font-size: 12px !important;
    padding-top: 2px !important;
    padding-left: 2px;
}

.cal-col-week.text-label[b-czvgb63m23] {
    letter-spacing: 0.5px !important;
}

.contentDate[b-czvgb63m23] {
    margin-top: 7px !important;
    padding-left: 0px !important;
    margin-left: -2px;
    font-size: 13px !important;
    color: #4C4C4C !important;
    font-family: gravity-bold;
    background: url(../../../images/Icons/Absence/AbsenceCalendar.svg) no-repeat !important;
    background-position: 100% 65% !important;
    background-size: 11px !important;
}

.boutonEnregistrerAbsence[b-czvgb63m23] {
    background: url(../../../images/Icons/administrationG/new-save.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    margin-left: -3px;
    width: 54px !important;
    height: 54px !important;
    border: none !important;
}

    .boutonEnregistrerAbsence:disabled[b-czvgb63m23] {
        cursor: default !important;
    }

.boutonAnnulerAbsence[b-czvgb63m23] {
    background: url(../../../images/Icons/administrationG/new-cancel.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 53px !important;
    height: 53px !important;
    border: none !important;
    margin-left: 0px !important;
}

#HeureActivite[b-czvgb63m23], #NoteActivite[b-czvgb63m23], #NoteInterneActivite[b-czvgb63m23] {
    margin-top: 0px !important;
    font-size: 13px !important;
    color: #4C4C4C !important;
    font-family: Gravity-bold;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-left: 0px !important;
}

#HeureActiviteEdit[b-czvgb63m23], #NoteActiviteEdit[b-czvgb63m23], #NoteInterneActiviteEdit[b-czvgb63m23] {
    margin-top: 4px;
    font-size: 13px !important;
    color: #445566;
    font-family: Gravity-bold;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-left: 0px !important;
}

.HeureActiviteEdit[b-czvgb63m23], .NoteActiviteEdit[b-czvgb63m23], .NoteInterneActiviteEdit[b-czvgb63m23] {
    margin-top: 4px;
    font-size: 13px !important;
    color: #4C4C4C !important;
    font-family: Gravity-bold;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-left: 0px !important;
}

.Myinput[b-czvgb63m23], .Myinput:focus[b-czvgb63m23] {
    color: #4C4C4C !important;
    font-size: 14px;
    border-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #989caf !important;
    cursor: pointer;
    -webkit-appearance: none;
    font-weight: bold;
}

.select-styled[b-czvgb63m23] {
    padding-left: 0px !important;
    opacity: 1;
    color: #4C4C4C !important;
    font-family: gravity-bold;
}

    .select-styled.UserActiviteSelect[b-czvgb63m23] {
        padding-left: 10px !important;
        opacity: 0.80;
    }

.select-options-User[b-czvgb63m23] {
    margin-top: 5px !important;
    max-height: 315px !important;
}

.select-styled:active[b-czvgb63m23], .select-styled.active[b-czvgb63m23] {
    background-color: transparent !important;
    border-bottom: none;
}

.select-options li[b-czvgb63m23] {
    opacity: 1;
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    /* border-bottom: 1px solid #ccc; */
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
    height: 27px !important;
    letter-spacing: 0.5px;
    font-family: Gravity-regular;
    font-size: 13px;
    padding-top: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.MyAbsence[b-czvgb63m23] {
    height: 66px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    color: #024662;
    font-size: 16px;
    font-family: gravity-bold;
    margin: auto;
    vertical-align: middle;
    text-align: left;
    line-height: 66px;
}

.listUsers[b-czvgb63m23] {
    height: 41px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    /* color: #35414C; */
    /* font-size: 16px; */
    /* font-family: gravity-bold; */
    margin: auto;
    vertical-align: middle;
    /* text-align: center; */
    /* line-height: 66px; */
    /* background-color: white; */
    /* opacity: 0.55; */
    margin-bottom: 5px;
}

.calendar_body_timeshet[b-czvgb63m23] {
    /* filter: drop-shadow(2px 2px 4px rgba(131, 131, 132, 0.65)); */
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(0, 0, 0, 0);
    /* -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(0, 0, 0, 0); */
    /* box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(0, 0, 0, 0); */
    margin-top: 0px !important;
    height: 504px;
    max-width: calc(100% - 277px) !important;
    width: calc(100% - 277px) !important;
}

.holiday[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/holidayCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-top: -35px;
    margin-bottom: -14px;
    margin-left: 67px;
    margin-right: -35px;
}

.holidayLong[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/holidayCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 44px !important;
    margin-top: -4px;
    margin-bottom: -43px;
    margin-left: -8px;
    margin-right: -35px;
    padding-top: 44px !important;
    z-index: 1;
}

.holidaypop[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/holidayCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-top: 3px;
    /*margin-bottom: -14px;*/
    margin-left: 10px;
    /*margin-right: -35px;*/
}

.other[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/otherCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-top: -35px;
    margin-bottom: -14px;
    margin-left: 67px;
    margin-right: -35px;
}

.otherLong[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/otherCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 44px !important;
    margin-top: -4px;
    margin-bottom: -43px;
    margin-left: -8px;
    margin-right: -35px;
    padding-top: 44px !important;
    z-index: 1;
}

.otherpop[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/otherCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-top: 3px;
    /*margin-bottom: -14px;*/
    margin-left: 10px;
    /*margin-right: -35px;*/
}

.sickness[b-czvgb63m23] {
    background: url(Icons/Absence/sicknessCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-top: -35px;
    margin-bottom: -14px;
    margin-left: 67px;
    margin-right: -35px;
}

.sicknessLong[b-czvgb63m23] {
    background: url(Icons/Absence/sicknessCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 44px !important;
    margin-top: -4px;
    margin-bottom: -43px;
    margin-left: -8px;
    margin-right: -35px;
    padding-top: 44px !important;
    z-index: 1;
}

.sicknesspop[b-czvgb63m23] {
    background: url(Icons/Absence/sicknessCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-top: 5px;
    /*margin-bottom: -14px;*/
    margin-left: 10px;
    /*margin-right: -35px;*/
}

.draft[b-czvgb63m23] {
    background: url(Icons/Absence/draftCalendar.svg) no-repeat !important;
    background-position: 37% 0% !important;
    background-size: 100% !important;
    width: 15px !important;
    height: 15px !important;
    margin-left: 24px;
    z-index: 2;
    margin-top: -48px;
}

.approved[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/approveCalendar.svg) no-repeat !important;
    background-position: 37% 0% !important;
    background-size: 100% !important;
    width: 15px !important;
    height: 15px !important;
    margin-left: 24px;
    z-index: 2;
    margin-top: -48px;
}

.refused[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/refuseCalendar.svg) no-repeat !important;
    background-position: 37% 0% !important;
    background-size: 100% !important;
    width: 15px !important;
    height: 15px !important;
    margin-left: 24px;
    z-index: 2;
    margin-top: -48px;
}

.draftList[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/draft.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 50% !important;
    width: 15px !important;
    height: 19px !important;
    margin-top: 0px;
    margin-left: -9px;
    color: #99a3a9;
    padding-left: 29px;
    font-size: 12px;
}

.approveList[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/accept.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 50% !important;
    width: 15px !important;
    height: 19px !important;
    margin-top: 0px;
    margin-left: -9px;
    color: #2a982f;
    padding-left: 29px;
    font-size: 12px;
}

.refuseList[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/refuse.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 50% !important;
    width: 15px !important;
    height: 19px !important;
    margin-top: 0px;
    margin-left: -9px;
    color: #ed1c24;
    padding-left: 29px;
    font-size: 12px;
}

.otherList[b-czvgb63m23] {
    background: url(Icons/Absence/otherList.svg) no-repeat !important;
    background-position: 39% 51% !important;
    background-size: 22px !important;
    height: 20px;
    margin-top: -67px;
}

.siknessList[b-czvgb63m23] {
    background: url(Icons/Absence/sickness.svg) no-repeat !important;
    background-position: 39% 51% !important;
    background-size: 22px !important;
    height: 20px;
    margin-top: -67px;
}

.draftList[b-czvgb63m23]::first-letter {
    text-transform: uppercase;
}

.UserDetail[b-czvgb63m23]::first-letter {
    text-transform: uppercase;
}

.btn-New-Absence[b-czvgb63m23] {
    background: white url(../../../images/Icons/Absence/plus.svg) no-repeat;
    background-position: 4% 50%;
    background-size: 25px;
    border-radius: 0px !important;
    margin-top: 2px;
    position: absolute;
    height: 41px;
    width: 276px !important;
    margin-left: -139px;
    cursor: pointer;
    padding-left: 20px;
    font-size: 14px;
    font-family: gravity-regular;
    color: #33A02C;
    z-index: 2;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}

.listeInfoActivite[b-czvgb63m23] {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 52px !important;
    padding-top: 0px !important;
    /*height: 375px !important;*/
    max-height: 407px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: transparent !important;
    margin-left: -15px;
    width: 273px;
}

.listeInfoActiviteAdmin[b-czvgb63m23] {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 52px !important;
    padding-top: 0px !important;
    height: 450px !important;
    max-height: 407px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: transparent !important;
    margin-left: -15px;
    width: 273px;
}

.ListeActiviteJour[b-czvgb63m23] {
    background: transparent !important;
}

.ListDateAbsence[b-czvgb63m23] {
    /* height: 110px; */
    padding-top: 5px;
}

.DetailAbsence[b-czvgb63m23] {
    height: 122px;
    padding: 0;
}

.ListDetailAbsence[b-czvgb63m23] {
    height: 100px;
}

.badgemulti[b-czvgb63m23] {
    position: absolute;
}
.div-dates[b-czvgb63m23] {
    display: inline-table;
    width: 100%;
}
@media (max-width:1511px) {

    .div-dates[b-czvgb63m23] {
        display: grid;
        width: 100%;
    }
    .absenceAdminAction[b-czvgb63m23] {
        position: relative;
        left: -51px;
    }
}
.badge[b-czvgb63m23] {
    /* border-radius: 100px; */
    color: white;
    font-size: 13.5px;
    height: 40px;
    width: 50px;
    padding: 7px 4px 0 4px;
    text-align: center;
    font-family: 'Franklin Gothic Medium Regular';
    font-weight: 700;
    z-index: 1;
    margin-left: -4px;
    margin-top: 0px;
}

.AbsenceTitle[b-czvgb63m23] {
    font-size: 16px;
    font-family: gravity-bold;
    color: #35414C;
    width: 120px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

    .AbsenceTitle[b-czvgb63m23]::first-letter {
        text-transform: uppercase;
    }

.css-shapes-form[b-czvgb63m23] {
    position: relative;
    height: 100px;
    background-color: #91B1CA;
    border-radius: 150px;
    width: 51px;
    margin-left: -4px;
}

.css-shapes-multiform[b-czvgb63m23] {
    position: relative;
    height: 32px;
    background-color: #91B1CA;
    width: 112px;
    margin-top: -10px;
    margin-right: -31px;
    margin-bottom: -19px;
    margin-left: 5px;
    opacity: 0.6;
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
}

.css-shapes-multiformEnd[b-czvgb63m23] {
    position: relative;
    height: 32px;
    background-color: #91B1CA;
    width: 87px;
    margin-top: -3px;
    margin-bottom: -30px;
    margin-left: -4px;
    opacity: 0.6;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
}

.css-shapes-multiformNotEnd[b-czvgb63m23] {
    position: relative;
    height: 32px;
    background-color: #91B1CA;
    width: 121px;
    margin-right: -26px;
    margin-top: -3px;
    margin-bottom: -30px;
    margin-left: -4px;
    opacity: 0.6;
}

.badgeFooter[b-czvgb63m23] {
    border-radius: 100px;
    color: white;
    font-family: Gravity-Bold, Gravity;
    font-size: 15px;
    font-weight: 700;
    height: 40px;
    width: 40px;
    padding: 7px 4px 0 4px;
    text-align: center;
    top: -40px;
}

.badgemonthmulti[b-czvgb63m23] {
    text-align: center;
    font-size: 8px;
    font-family: Gravity-Regular, Gravity;
    color: white;
    position: absolute;
    z-index: 1;
    margin-top: 127px;
    margin-left: 13px;
}

.listSiknessStatus[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/seaknessList.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: -41px;
    margin-bottom: -14px;
    margin-left: -4px;
    margin-right: -43px;
}

.listotherStatus[b-czvgb63m23] {
    background: url(/Icons/Absence/other.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: -41px;
    margin-bottom: -14px;
    margin-left: -4px;
    margin-right: -43px;
}

.listholidayStatus[b-czvgb63m23] {
    background: url(Icons/Absence/holiday.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: -41px;
    margin-bottom: -14px;
    margin-left: -4px;
    margin-right: -43px;
}

.listLeaveStatus[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/seaknessList.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: -41px;
    margin-bottom: -14px;
    margin-left: -4px;
    margin-right: -43px;
}

.ApprovedIconTab[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/accept.svg) no-repeat !important;
    background-position: 34% 95% !important;
    /* background-size: 100% !important; */
    width: 12px !important;
    height: 12px !important;
    margin-top: -3px;
    /* margin-bottom: -14px; */
    margin-left: -25px;
    /* float: right; */
    /* margin-right: -8px; */
    /* padding-left: 20px; */
    /* display:  inline-block; */
}

.ApprovedIconTabText[b-czvgb63m23] {
    color: #2a982f;
    font-size: 12px;
    font-family: gravity-bold;
    display: inline-block;
    float: right;
    margin-top: -15px;
}

.dateList[b-czvgb63m23] {
    background: url(/Icons/Absence/AbsenceCalendar.svg) no-repeat !important;
    background-position: 0% 56% !important;
    background-size: 13px !important;
    
    /*margin-right: -18px;*/
}

.dateTextList[b-czvgb63m23] {
    padding-left: 15px !important;
 
    color: #67809F !important;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
}

.NoteText[b-czvgb63m23] {
    float: left;
    margin-left: -16px;
    margin-top: -3px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 204px;
    text-overflow: ellipsis;
    text-align: left;
}

.badgemonth[b-czvgb63m23] {
 
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13.5px;
    text-align: center;
    padding-left: 3px;
    padding-top: 5px;
}

.holidayList[b-czvgb63m23] {
    background: url(Icons/Absence/holidayListLong.svg) no-repeat !important;
    background-position: 29% 56% !important;
    background-size: 28px !important;
    height: 28px;
    margin-top: -70px;
}

.showMore[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/showMore.svg) no-repeat !important;
    background-position: 88% 63% !important;
    background-size: 9px !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
    width: 100%;
    height: 22px;
    /* padding-bottom: 10px; */
    /* margin-top: 520px; */
    border-radius: 10px;
    margin-left: 0px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 30px;
}

a.showMoreText[b-czvgb63m23] {
    color: #024662;
    font-family: gravity-bold;
    font-size: 12.5px;
    /*padding-right: 35px;*/
    text-decoration: none;
    cursor: pointer;
}

.cal-row[b-czvgb63m23] {
    /* height: 30px !important; */
    min-height: 68.5px !important;
    max-height: 64.5px !important;
}

.ListDetailAbsence[b-czvgb63m23] {
    margin-left: -15px;
    margin-top: 10px;
}

.ListDetailAbsenceAdmin[b-czvgb63m23] {
    /* margin-left: -15px; */
    margin-top: 0px;
    height: 110px;
    padding: 0px;
}

.deleteButton[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/deleteAbsence.svg) no-repeat !important;
    background-position: 86% 84% !important;
    background-size: 35px !important;
    width: 35px;
    height: 35px;
    margin-left: 80px;
    margin-top: -36px;
    cursor: pointer;
}

.editButton[b-czvgb63m23] {
    background: url(../../../images/Icons/Absence/editAbsence.svg) no-repeat !important;
    background-position: 86% 84% !important;
    background-size: 35px !important;
    width: 39px;
    height: 39px;
    margin-top: -6px;
    margin-left: 45px;
    cursor: pointer;
}

.refuseButton[b-czvgb63m23] {
    background: url(Icons/Absence/RefuseIcon.svg) no-repeat !important;
    background-position: 86% 84% !important;
    background-size: 35px !important;
    width: 35px;
    height: 35px;
    margin-left: -9px;
    cursor: pointer;
}

.approveButton[b-czvgb63m23] {
    background: url(Icons/Absence/ApproveIcon.svg) no-repeat !important;
    background-position: 86% 84% !important;
    background-size: 35px !important;
    width: 39px;
    height: 39px;
    margin-top: -38px;
    margin-left: 28px;
    cursor: pointer;
}

.DetailAbsence:hover[b-czvgb63m23] {
    background-color: white;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
}

.ActiviteHover[b-czvgb63m23] {
    background-color: white;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
}

.DetailAbsence:hover .absenceAction[b-czvgb63m23] {
    display: block;
}

.absenceAction[b-czvgb63m23] {
    display: none;
}

.DetailAbsence:hover .absenceAdminAction[b-czvgb63m23] {
    display: block;
    /* Firefox */
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    /* Safari and Chrome */
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /* W3C */
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    /* IE10 -Doesn't work yet! */
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -ms-box-orient: horizontal;
}
.img-deletabs[b-czvgb63m23] {
    padding-left: 13px;
}
.div-action[b-czvgb63m23]{
    cursor:pointer;
}
.absenceAdminAction[b-czvgb63m23] {
    display: none;
}

.absenceAdminAction[b-czvgb63m23] {
    margin-top: -77px;
    margin-left: 71%;
 
}

.PublicHoliday[b-czvgb63m23] {
    background: #AC92EC url(Icons/Absence/PublicHoliday.svg) no-repeat !important;
    background-position: 5% 50% !important;
    background-size: 16px !important;
    height: 24px;
    width: 120px;
    margin-bottom: -30px;
    margin-right: -17px;
    margin-top: 8px;
    margin-left: -4px;
    z-index: 2;
    position: absolute;
}

.PublicHolidayText[b-czvgb63m23] {
    color: white;
    font-family: gravity-regular;
    font-size: 13px;
    padding-left: 25px;
    padding-top: 3px;
    width: 106px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendar .cal-row div[class^="cal-col"]:hover[b-czvgb63m23], .calendar .cal-row div[class^="cal-col"]:focus[b-czvgb63m23] {
    /* border: 1px solid #0086C5; */
    border: 1px solid transparent !important;
    border-left: 1px solid #F0F0F0 !important;
    border-bottom: 1px solid #F0F0F0 !important;
}

.countAbsence:hover + div.popDetailWithTriangle[b-czvgb63m23] {
    display: block;
}

.popDetailWithTriangle:hover[b-czvgb63m23], .popDetailWithTriangle:focus[b-czvgb63m23] {
    display: block;
}

.popDetailWithTriangle[b-czvgb63m23] {
    display: none;
}

.countCircle:hover + div.popAll[b-czvgb63m23] {
    display: block;
}

.popAll:hover[b-czvgb63m23], .popAll:focus[b-czvgb63m23] {
    display: block;
}

.popAll[b-czvgb63m23] {
    display: none;
}

.popDetailLong[b-czvgb63m23] {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 63px;
    max-height: 216px;
    height: auto;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.4) !important;
    /* max-height: 60px; */
    border-radius: 10px;
    /* overflow: hidden; */
    width: 290px;
    background-color: white;
    z-index: 130;
    position: fixed !important;
    margin-left: -130px;
    top: 45px;
}

.popDetail[b-czvgb63m23] {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 63px;
    max-height: 216px;
    height: auto;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
    /* max-height: 60px; */
    border-radius: 10px;
    /* overflow: hidden; */
    width: 290px;
    background-color: white;
    z-index: 130;
    position: fixed;
    margin-left: -130px;
    top: 26px;
}

.positionChange[b-czvgb63m23] {
    /* top: 27px !important; */
    margin-top: -16px;
    margin-left: -195px !important;
}

.positionChangeTriangle[b-czvgb63m23] {
    margin-left: 7px !important;
    margin-top: -16px !important;
}

.popDetailMulti[b-czvgb63m23] {
    /*    display: none;*/
    /* min-height: 40px; */
    height: 56px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
    max-height: 60px;
    border-radius: 10px;
    overflow: hidden;
    width: 230px;
    background-color: white;
    z-index: 130;
    position: absolute !important;
    margin-left: -69px;
    top: 18px;
}

.AbContainer[b-czvgb63m23] {
    /* overflow: hidden; */
    /* min-height: 116px; */
    /* max-height: 216px; */
    height: 60px;
    border-bottom: 1px solid #ccc;
}

.statusDraft[b-czvgb63m23] {
    position: absolute;
    margin-top: 15px;
    height: 12px;
    width: 12px;
    border-radius: 17px !important;
    background: url(../../../images/Icons/Absence/draftCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 15px !important;
    height: 24px !important;
    margin-left: 30px;
}

.statusDraftPop[b-czvgb63m23] {
    position: absolute;
    margin-top: 2px;
    height: 12px;
    width: 12px;
    border-radius: 17px !important;
    background: url(../../../images/Icons/Absence/draftCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 15px !important;
    height: 24px !important;
    margin-left: 41px;
}

.statusapprovePop[b-czvgb63m23] {
    position: absolute;
    margin-top: 2px;
    height: 12px;
    width: 12px;
    border-radius: 17px !important;
    background: url(../../../images/Icons/Absence/approveCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 15px !important;
    height: 24px !important;
    margin-left: 41px;
}

.statusrefusePop[b-czvgb63m23] {
    position: absolute;
    margin-top: 2px;
    height: 12px;
    width: 12px;
    border-radius: 17px !important;
    background: url(../../../images/Icons/Absence/refuseCalendar.svg) no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 100% !important;
    width: 15px !important;
    height: 24px !important;
    margin-left: 41px;
}

.Titrepopup[b-czvgb63m23] {
    font-family: gravity-bold;
    font-size: 16px;
    color: #576574;
    margin-left: 70px;
    margin-top: -55px;
}

.triangle-pop[b-czvgb63m23] {
    background: transparent;
    width: 0;
    margin-left: 81px;
    /* margin-top: 16px; */
    z-index: 90;
    position: fixed;
    border-right: solid 10px transparent;
    border-bottom: solid 10px white;
    border-left: solid 10px transparent;
    -webkit-filter: drop-shadow(0 -5px 2px rgba(0,0,0,0.2));
}

.triangle-popLong[b-czvgb63m23] {
    background: transparent;
    width: 0;
    margin-left: 87px;
    z-index: 90;
    position: fixed;
    border-right: solid 10px transparent;
    border-bottom: solid 10px white;
    border-left: solid 10px transparent;
    -webkit-filter: drop-shadow(0 -5px 2px rgba(0,0,0,0.2));
}

.triangle-popLongInverse[b-czvgb63m23] {
    background: transparent;
    width: 0;
    margin-left: 87px;
    z-index: 90;
    position: fixed;
    border-right: solid 10px transparent;
    border-top: solid 10px white;
    border-left: solid 10px transparent;
    -webkit-filter: drop-shadow(0 0px rgba(0,0,0,0.2));
}

.triangle-popInverse[b-czvgb63m23] {
    background: transparent;
    width: 0;
    margin-left: 79px;
    z-index: 90;
    position: fixed;
    border-right: solid 10px transparent;
    border-top: solid 10px white;
    border-left: solid 10px transparent;
    -webkit-filter: drop-shadow(0 1px rgba(0,0,0,0.2));
}

.triangle-popMulti[b-czvgb63m23] {
    background: transparent;
    width: 0;
    margin-left: 9px;
    margin-top: 7px !important;
    z-index: 90;
    position: absolute;
    border-right: solid 10px transparent;
    border-bottom: solid 10px white;
    border-left: solid 10px transparent;
    -webkit-filter: drop-shadow(0 -5px 2px rgba(0,0,0,0.2));
}

.wc-navigation_buttons[b-czvgb63m23] {
    float: left;
    margin-top: 11px !important;
    margin-left: -25px !important;
    display: flex;
    width: 28%;
}

.tabAdmin[b-czvgb63m23] {
    top: 50px;
    left: -15px;
    /*margin-left: -15px;*/
    margin-bottom: 5px;
    /*margin-top: 50px;*/
    height: 31px;
    width: 276px !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    background-color: white;
    color: #35414C;
    font-size: 16px;
    font-family: gravity-bold;
    margin: auto;
    vertical-align: middle;
    text-align: center;
    line-height: 66px;
}

.tabAdminText[b-czvgb63m23] {
    font-family: gravity-bold;
    vertical-align: middle;
    font-size: 12px;
    margin-left: -14px;
    line-height: 31px;
}

    .tabAdminText a[b-czvgb63m23] {
        color: #024662;
        opacity: 0.55;
        font-family: gravity-bold;
        vertical-align: middle;
        font-size: 12px;
        margin-left: -31px;
        line-height: 31px;
        text-decoration: none;
        margin-top: 3px;
    }

.clicked a[b-czvgb63m23] {
    color: #024662 !important;
    opacity: 1 !important;
    display: inline-block;
    line-height: 18px;
    text-decoration: none;
    border-bottom: 2px solid #00AEEF;
}
.select-entry-style[b-czvgb63m23] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 15px;
    color: #35414C;
    width: 82%;
    margin-top: 10px;
    padding-left: 16px;
    margin-left: 29px;
    outline: none !important;
}
/*
.select-entry-style:hover {
        border: 1px solid #E6E6E6
    } 
 */ 

    .UserDetail[b-czvgb63m23] {
        font-size: 15.5px;
        font-family: 'Franklin Gothic Medium Regular';
        color: #024662;
        float: left;
        max-width: 193px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

.absenceTypeText[b-czvgb63m23] {
    float: left;
     font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 136px; */
    width: 188px;
    text-overflow: ellipsis;
    text-align: left;
}

.modalRef[b-czvgb63m23] {
    position: fixed;
    background-color: transparent;
    width: 390px;
    height: 160px;
    /* margin-top: 193px; */
    margin-left: 139px;
    padding-left: 2px;
    /* box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px; */
    z-index: 100000;
    overflow-y: hidden !important;
}

    .modalRef[b-czvgb63m23]:after {
        margin-left: 168px;
        margin-top: -44px;
        content: "";
        position: absolute;
        border-style: solid;
        border-width: 25px 25px 0;
        /* border-color: transparent #FFFFFF; */
        border-right: solid 10px transparent;
        border-bottom: solid 10px white;
        border-left: solid 10px transparent;
        display: block;
        width: 0;
        z-index: 100000;
        /*-webkit-filter: drop-shadow(0 -3px 2px rgba(0,0,0,0.2));*/
        -webkit-filter: drop-shadow(0 -1px rgba(0,0,0,0.2));
    }

    .modalRef.active[b-czvgb63m23]:after {
        margin-left: 168px;
        margin-top: 111px;
        content: "";
        position: absolute;
        border-style: solid;
        border-width: 25px 25px 0;
        /* border-color: transparent #FFFFFF; */
        border-right: solid 10px transparent;
        border-top: solid 10px white;
        border-left: solid 10px transparent;
        display: block;
        width: 0;
        z-index: 100000;
        /*-webkit-filter: drop-shadow(0 -3px 2px rgba(0,0,0,0.2));*/
        -webkit-filter: drop-shadow(0px 1px rgba(0,0,0,0.2));
    }

.triangle-before[b-czvgb63m23] {
    background: url(../../../images/Icons/boite/iconedanslepopoveragauche24.9pxx25px.svg) 50% 50% no-repeat #F2F1F8;
    background-size: 25px !important;
    background-position: 50% 45% !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    /* background-position: center; */
    margin-top: -6px;
    float: left;
    width: 59px;
    height: 108px;
    /* background-color: #007bc5!important; */
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
}

.Popdroite[b-czvgb63m23] {
    float: left;
    width: 380px;
    height: 120px;
    background-color: white;
    margin-top: -9px;
    border-radius: 65px;
    /*border-bottom-right-radius: 50px;*/
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}

.modal-bodyComp[b-czvgb63m23] {
    position: relative;
    color: black;
    font-family: Gravity-Regular;
    margin-top: 8px;
    margin-left: 12px;
}

.titreModal[b-czvgb63m23] {
    color: #024662;
    font-size: 14.75px;
    font-family: gravity-bold;
    text-align: left;
    margin-top: 10px;
}

.bodyModal[b-czvgb63m23] {
    color: #638D99;
    text-align: left;
    font-size: 12px;
    font-family: gravity-bold;
    margin-top: 2px;
    padding-left: 42px;
    width: 100%;
}

.link-non[b-czvgb63m23], .link-non:hover[b-czvgb63m23], .link-non:focus[b-czvgb63m23] {
    background: white;
    /* background-position: 15px 50%; */
    /* background-size: 11px; */
    border: none;
    color: #E51A2F;
    padding: 2px;
    text-decoration: none;
    width: auto;
    height: 22px;
    /* font-weight: bold; */
    font-size: 12px;
    text-align: center;
    font-family: Gravity-bold;
    border-radius: 11px;
    box-shadow: 0 0px 7px rgba(0,0,0,0.3);
    padding-left: 23px;
    padding-right: 23px;
    margin-right: 7px;
}

.buttons-oui[b-czvgb63m23] {
    background: #87C631;
    width: auto;
    height: 22px;
    border: none;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    font-family: Gravity-bold;
    border-radius: 11px;
    margin-bottom: 11px;
    box-shadow: 0 0px 7px rgba(0,0,0,0.3);
    padding-right: 23px;
    padding-left: 23px;
}

.noteRefuse[b-czvgb63m23] {
    font-family: Gravity-Regular;
    font-size: 13px;
    width: 90%;
    height: 22px !important;
    background-color: #FFFFFF;
    border-color: transparent transparent #BFBFBF transparent;
    border-width: 1pt;
    margin-left: 0px;
    margin-top: 0px;
    padding: 0px;
    margin-bottom: 6px;
}

.select-options-User[b-czvgb63m23] {
    width: 280px;
}

    .select-options-User li[b-czvgb63m23] {
        height: 35px !important;
        font-family: gravity-bold !important;
        font-size: 13px !important;
        color: #024662 !important;
        padding-top: 7px !important;
    }

.textLi[b-czvgb63m23] {
    margin-top: -35px;
    font-family: gravity-bold !important;
    font-size: 13px !important;
    color: #024662 !important;
    width: 257px;
    float: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 7px !important;
}

.IconLi[b-czvgb63m23] {
    height: 100%;
    width: 41px;
    float: left;
    background: url(../../../images/Icons/Absence/allUsersIcon.svg) 50% 50% no-repeat;
    background-size: 35px !important;
    background-position: 50% 45% !important;
    margin-left: 5px;
    margin-right: -11px;
}

.select-styled:hover[b-czvgb63m23] {
    background-color: transparent !important;
    border-bottom: 1px solid #989caf;
}

.select-options[b-czvgb63m23] {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: white;
    font-family: Gravity-book;
    -moz-box-shadow: 0 0 10px rgba(131, 131, 132, 0.65) !important;
    -webkit-box-shadow: 0 0 10px rgba(131, 131, 132, 0.65) !important;
    box-shadow: 0 0 10px rgba(131, 131, 132, 0.65) !important;
    max-height: 195px;
    overflow: auto;
    /* height: 84px; */
    width: 300px !important;
}

.style-3[b-czvgb63m23]::-webkit-scrollbar-track {
    border-radius: 20px;
    height: 50px;
}

.style-3[b-czvgb63m23]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
    -webkit-background-color: transparent;
    height: 50px;
    border-radius: 20px;
}

.style-3[b-czvgb63m23]::-webkit-scrollbar-thumb {
    background-color: transparent;
    -webkit-background-color: transparent;
    height: 50px;
    border-radius: 20px;
}

.positionStatus[b-czvgb63m23] {
    margin-left: 100px !important;
    margin-right: -24px !important;
    margin-top: -53px !important;
}

.intial-cercle[b-czvgb63m23] {
    height: 36px;
    width: 37px;
    background-color: #e25cd8;
    border-radius: 38px;
    float: left;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 6px;
    color: #fff;
    text-align: center;
    padding-top: 9px;
    padding-left: 0px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: gravity-regular;
}

.calendar .cal-col-week[b-czvgb63m23] {
    padding: 3px !important;
}

    .calendar .cal-col-week div ul.countAbsence:nth-child(2)[b-czvgb63m23] {
        margin-left: -44px;
        margin-top: 13px;
    }

.popDetailWithTriangle + .countAbsence[b-czvgb63m23] {
    margin-left: -39px;
    margin-top: 13px;
}

    .popDetailWithTriangle + .countAbsence + .popDetailWithTriangle > .popDetail[b-czvgb63m23] {
        margin-left: -175px !important;
        margin-top: 10px;
    }

    .popDetailWithTriangle + .countAbsence + .popDetailWithTriangle > .triangle-pop[b-czvgb63m23] {
        margin-left: 42px !important;
    }

.Namepopup[b-czvgb63m23] {
    font-family: gravity-bold;
    font-size: 16px;
    color: #576574;
    margin-left: 65px;
    margin-top: -4px;
    width: 169px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Typepopup[b-czvgb63m23] {
    font-family: gravity-bold;
    font-size: 16px;
    color: #576574;
    margin-left: 65px;
    margin-top: -4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 115px;
    float: left;
    display: inline-block;
}

.numberDays[b-czvgb63m23] {
    color: #67809F;
    font-size: 12px;
    font-family: gravity-regular;
    width: 110px;
    float: right;
    padding-left: 14px;
}

.numberDaysAbsence[b-czvgb63m23] {
    color: #67809F;
    font-size: 12px;
    font-family: gravity-regular;
    width: 110px;
    float: left;
    padding-left: 14px;
    margin-left: 68px;
}

.countCircle[b-czvgb63m23] {
    height: 23px;
    position: absolute;
    width: 23px;
    border-radius: 27px;
    background-color: #024662;
    opacity: 0.65;
    float: right;
    margin-top: 9px;
    margin-bottom: -20px;
    margin-left: 86px;
    /* margin-right: -83px; */
    z-index: 1;
}

.countText[b-czvgb63m23] {
    font-family: gravity-regular;
    font-size: 9.5px;
    color: white;
    display: block;
    text-align: center;
    padding-top: 3px;
}

.countCircle:hover + div.popDetailWithTriangle[b-czvgb63m23] {
    display: block;
}

.timeText[b-czvgb63m23] {
    background: transparent url(../../../images/Icons/productionDescription/hours.svg) no-repeat;
    background-size: 10px;
    background-position: 1% 61%;
    background-size: 10%;
}

.errorInputHoverStyle[b-czvgb63m23] {
    border-bottom-color: #BD0A09 !important;
}

.col-div[b-czvgb63m23] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 18px;
}
.div-row[b-czvgb63m23] {
    display: flex;
}
.span-show-more[b-czvgb63m23] {
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}
.fa-angle-double-down[b-czvgb63m23]{

}
.div-more[b-czvgb63m23] {
    text-align: center;
}
/* /Components/Absence/NewAbsenceModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.select-entry-style[b-aopzqpdubr] {
    font-family: 'GravityRegular' !important;
    font-size:14px;
}

.input-nrn[b-aopzqpdubr] {
    border: none !important;
    /* margin-left: 18px !important;*/
    background-size: 3% !important;
    width: 243px !important;
    font-family: 'GravityRegular';
}
    [b-aopzqpdubr] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

[b-aopzqpdubr] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-aopzqpdubr] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-aopzqpdubr] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-aopzqpdubr] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
.text-entry-style[b-aopzqpdubr] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-aopzqpdubr] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
        ::deep .select-entry-style:hover {
        border: 1px solid #E6E6E6;
    }
   */
    :: deep .btn-confirm[b-aopzqpdubr] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-aopzqpdubr] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 28px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-aopzqpdubr] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-aopzqpdubr] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-aopzqpdubr] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-aopzqpdubr] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-aopzqpdubr] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-aopzqpdubr] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-aopzqpdubr] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-aopzqpdubr] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-aopzqpdubr] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-aopzqpdubr] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-aopzqpdubr] .column-3:hover, .column-3:focus[b-aopzqpdubr] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-aopzqpdubr] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-aopzqpdubr] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-aopzqpdubr] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-aopzqpdubr] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-aopzqpdubr] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-aopzqpdubr] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-aopzqpdubr] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-aopzqpdubr] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-aopzqpdubr] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-aopzqpdubr] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-aopzqpdubr] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-aopzqpdubr] {
    margin-left: 110px;
    width: 333px;
    margin-top: 62px;
    background: white;
    height:533px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-aopzqpdubr] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-aopzqpdubr] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-aopzqpdubr] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height:430px;
}

.note-ts-pos[b-aopzqpdubr] {
    margin-left: 14px;
}

.modal-ts-footer[b-aopzqpdubr] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-aopzqpdubr] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-aopzqpdubr] {
    background-color: #00b665;
}

    .switch input:checked + label[b-aopzqpdubr]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-aopzqpdubr]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-aopzqpdubr] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-aopzqpdubr] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-aopzqpdubr] {
    width: 100%;
}

    .switch input[type=checkbox][b-aopzqpdubr] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-aopzqpdubr] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-aopzqpdubr] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-aopzqpdubr] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}
input[type="date"][b-aopzqpdubr]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 170px;
    margin-left: -28px;
    position: absolute;
    cursor:pointer;
}
.input-date[b-aopzqpdubr] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
.form-control:disabled[b-aopzqpdubr], .form-control[readonly][b-aopzqpdubr] {
    background-color: transparent;
    opacity: 1;
}
/* /Components/Absence/ShowEditAbsenceModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-uwjm2f50xw] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

[b-uwjm2f50xw] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}
.form-control:disabled[b-uwjm2f50xw] {
    background-color: white !important;
    opacity: 1;
}
    :: deep .div-item-entry-p[b-uwjm2f50xw] {
    padding-top: 7px;
    padding-right: 11px;
}

[b-uwjm2f50xw] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-uwjm2f50xw] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-uwjm2f50xw] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-uwjm2f50xw] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
        ::deep .select-entry-style:hover {
        border: 1px solid #E6E6E6;
    }
   */
    :: deep .btn-confirm[b-uwjm2f50xw] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-uwjm2f50xw] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-uwjm2f50xw] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-uwjm2f50xw] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-uwjm2f50xw] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-uwjm2f50xw] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-uwjm2f50xw] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-uwjm2f50xw] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-uwjm2f50xw] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-uwjm2f50xw] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-uwjm2f50xw] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-uwjm2f50xw] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-uwjm2f50xw] .column-3:hover, .column-3:focus[b-uwjm2f50xw] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-uwjm2f50xw] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-uwjm2f50xw] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-uwjm2f50xw] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-uwjm2f50xw] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-uwjm2f50xw] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-uwjm2f50xw] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-uwjm2f50xw] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-uwjm2f50xw] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-uwjm2f50xw] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-uwjm2f50xw] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-uwjm2f50xw] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-uwjm2f50xw] {
    margin-left: 110px;
    width: 333px;
    margin-top: 62px;
    background: white;
    height: 533px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-uwjm2f50xw] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-uwjm2f50xw] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-uwjm2f50xw] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 430px;
}

.note-ts-pos[b-uwjm2f50xw] {
    margin-left: 14px;
}

.modal-ts-footer[b-uwjm2f50xw] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-uwjm2f50xw] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-uwjm2f50xw] {
    background-color: #00b665;
}

    .switch input:checked + label[b-uwjm2f50xw]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-uwjm2f50xw]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-uwjm2f50xw] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-uwjm2f50xw] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-uwjm2f50xw] {
    width: 100%;
}

    .switch input[type=checkbox][b-uwjm2f50xw] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-uwjm2f50xw] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-uwjm2f50xw] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-uwjm2f50xw] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

input[type="date"][b-uwjm2f50xw]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 170px;
    margin-left: -28px;
    position: absolute;
    cursor: pointer;
}

[b-uwjm2f50xw] .input-date-f {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
    outline:none !important;
}
/* /Components/Absence/Tooltip.razor.rz.scp.css */

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.tooltip-wrapper[b-88fiomxwjr] {
   /* cursor: help;*/
    cursor: pointer;
}
.div-span[b-88fiomxwjr] {
    height: 30px;
}

.div-conta[b-88fiomxwjr] {
    border-bottom: 1px solid #ccc;
    max-width: 100%;
    padding-top: 5px;
    padding-bottom: 6px;
    height: 100px;
    line-height: 52px;
}

.arrow-up[b-88fiomxwjr] {
    width: 0;
    height: 0;
    border-left: solid 13px transparent;
    border-right: solid 13px transparent;
    border-bottom: solid 13px white;
    filter: drop-shadow(-4px 2px 2px #02171E33);
}
.span-tooltip[b-88fiomxwjr] {
    visibility: hidden;
    position: absolute;
    width: 258px;
    margin-top: -16px;
    margin-left: 6px;
    /* height: 40px; */
    /*  bottom: 75%;
    left: 8%;*/
    height: calc(200px - 100px);
    overflow-y: scroll;
    background-color: white;
    color: #576574;
    text-align: center;
    border-radius: 6px;
    z-index: 1;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
    /* max-height: 60px; */
    border-radius: 10px;
}

    .span-tooltip[b-88fiomxwjr]::-webkit-scrollbar:vertical {
      
        width: 6px;
    }
    .span-tooltip[b-88fiomxwjr]::-webkit-scrollbar-thumb {
        background-color: #9ea2a3cf;
        border-radius: 7px;
    }
    .span-tooltip[b-88fiomxwjr]::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    }
    .span-tooltip[span][b-88fiomxwjr]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }
.img-vac[b-88fiomxwjr] {
    width: 60px;
    height: 60px;
}
.tooltip-wrapper:hover .span-tooltip[b-88fiomxwjr] {
    visibility: visible;
}





.UserDetail[b-88fiomxwjr] {
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #024662;
    float: left;
    text-align: left;
}

.absenceTypeText[b-88fiomxwjr] {
    float: left;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 136px; */
    width: 188px;
    text-overflow: ellipsis;
    text-align: left;
}

.contentDate[b-88fiomxwjr] {
    margin-top: 7px !important;
    padding-left: 0px !important;
    margin-left: -2px;
    font-size: 13px !important;
    color: #4C4C4C !important;
    font-family: gravity-bold;
    background: url(../../../images/Icons/Absence/AbsenceCalendar.svg) no-repeat !important;
    background-position: 100% 65% !important;
    background-size: 11px !important;
}
/* /Components/ACPComponents/AgeComptesComponents/AgeCompteElementComponent.razor.rz.scp.css */
[b-byr0p47a58] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}
[b-byr0p47a58] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}
[b-byr0p47a58] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}
.table-nrn[b-byr0p47a58] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}
[b-byr0p47a58] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 10px !important;
}
[b-byr0p47a58] td {
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 40px;
    padding-bottom:0px;
}
[b-byr0p47a58] .div-group {
    display: flex;
    padding-top: 4px;
}
[b-byr0p47a58] .div-group-center {
    display: flex;
    padding-top: 13px;
}
.tr-list-nrn[b-byr0p47a58] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}
.container-table[b-byr0p47a58] {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

@media screen and (max-width: 1700px) {
    .td3[b-byr0p47a58] {
        padding-left: 3px;
    }
    .td4[b-byr0p47a58] {
        padding-left: 15px;
    }
    .td5[b-byr0p47a58] {
        padding-left: 30px;
    }
    .td6[b-byr0p47a58] {
        padding-left: 50px;
    }
    .td7[b-byr0p47a58] {
        padding-left: 50px;
    }
    .td8[b-byr0p47a58] {
        padding-left: 40px;
    }
    .div-montant[b-byr0p47a58] {
        width: 100%;
    }
    .div-montant-en[b-byr0p47a58] {
        width: 90%
    }
    .div-date[b-byr0p47a58] {
        padding-left: 35px;
    }
    .div-date-en[b-byr0p47a58] {
        padding-left: 8px;
    }
}
@media screen and (min-width: 1701px) {
    .div-montant[b-byr0p47a58]{
        width:78%;
    }
    .div-montant-en[b-byr0p47a58] {
        width: 69%
    }
    .div-date[b-byr0p47a58]{
        padding-left:29px;
    }
    .div-date-en[b-byr0p47a58] {
        padding-left: 0px;
    }
}
/* /Components/ACPComponents/PaiementComponents/FilterModalPaiement.razor.rz.scp.css */

.modal-dialog-filter[b-3fc63frvvy] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-3fc63frvvy] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-3fc63frvvy] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-3fc63frvvy] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-3fc63frvvy] {
    margin-top: 17px;
}

.closepop-entrerheure[b-3fc63frvvy] {
    float: right;
}

.modal-body-filter[b-3fc63frvvy] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-3fc63frvvy] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-3fc63frvvy] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-3fc63frvvy] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-3fc63frvvy] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-3fc63frvvy] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ACPComponents/PaiementComponents/HeaderPaiementComponent.razor.rz.scp.css */
.line-header[b-kvvxvaztpz] {
    background-color: #F7F7F7;
    border-radius: 3px;
    height: 93px;
    flex-wrap: nowrap !important;
    justify-content: end;
    margin-bottom: 1px;
    display: flex;
}

.icon-header[b-kvvxvaztpz] {
    width: 42px;
    height: 42px;
    margin-left: 23px;
    margin-top: 21px;
}
.somme-card[b-kvvxvaztpz] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 506px;
    height: 103px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

.somme-triang[b-kvvxvaztpz] {
    margin-top: -15px;
    margin-left: 43px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}

.somme-solde[b-kvvxvaztpz] {
    font-family: GravityRegular;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
}

.somme-devise[b-kvvxvaztpz] {
    font-family: GravityBold;
    font-size: 10px;
    text-align: left;
    letter-spacing: 0px;
}

.somme-valeur[b-kvvxvaztpz] {
    font-family: GravityBold;
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
}

.somme:hover[b-kvvxvaztpz] {
    cursor: pointer;
}
.pdate[b-kvvxvaztpz] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}
.modepay[b-kvvxvaztpz] {
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACPComponents/PaiementComponents/PaiementPopUp.razor.rz.scp.css */
.modal-back[b-bhpj37smzs] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-bhpj37smzs] {
    max-width: 100%;
    width:100%;
    position: fixed;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
    height: 100vh;
}

.popup-footer[b-bhpj37smzs] {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-bhpj37smzs] {
    width: 100%;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-bhpj37smzs] {
    width: 100%;
    margin-left: 0px;
    background: #024D6C 0% 0% no-repeat padding-box;
    height: 39px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
    justify-content: space-between;
}

.modal-title-popup[b-bhpj37smzs] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-bhpj37smzs] {
    margin-left: 0px;
}

.modal-body-filter[b-bhpj37smzs] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-bhpj37smzs] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACPComponents/Parametrage/CategDepenseComponents/FilterModalCategDepense.razor.rz.scp.css */

.modal-dialog-filter[b-8vd4nhixuu] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-8vd4nhixuu] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-8vd4nhixuu] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-8vd4nhixuu] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-8vd4nhixuu] {
    margin-top: 17px;
}

.closepop-entrerheure[b-8vd4nhixuu] {
    float: right;
}

.modal-body-filter[b-8vd4nhixuu] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-8vd4nhixuu] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-8vd4nhixuu] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-8vd4nhixuu] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-8vd4nhixuu] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-8vd4nhixuu] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/FilterModalFactClient.razor.rz.scp.css */

.modal-dialog-filter[b-5rpe5wi3rn] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-5rpe5wi3rn] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-5rpe5wi3rn] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-5rpe5wi3rn] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-5rpe5wi3rn] {
    margin-top: 17px;
}

.closepop-entrerheure[b-5rpe5wi3rn] {
    float: right;
}

.modal-body-filter[b-5rpe5wi3rn] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-5rpe5wi3rn] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-5rpe5wi3rn] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-5rpe5wi3rn] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-5rpe5wi3rn] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-5rpe5wi3rn] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/FilterModalVendorInvoice.razor.rz.scp.css */

.modal-dialog-filter[b-zok2u3ex1z] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-zok2u3ex1z] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-zok2u3ex1z] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-zok2u3ex1z] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-zok2u3ex1z] {
    margin-top: 17px;
}

.closepop-entrerheure[b-zok2u3ex1z] {
    float: right;
}

.modal-body-filter[b-zok2u3ex1z] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-zok2u3ex1z] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-zok2u3ex1z] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-zok2u3ex1z] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-zok2u3ex1z] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-zok2u3ex1z] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/PaiementComponents/FilterModalPaiement.razor.rz.scp.css */

.modal-dialog-filter[b-quy8deiryu] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-quy8deiryu] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-quy8deiryu] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-quy8deiryu] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-quy8deiryu] {
    margin-top: 17px;
}

.closepop-entrerheure[b-quy8deiryu] {
    float: right;
}

.modal-body-filter[b-quy8deiryu] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-quy8deiryu] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-quy8deiryu] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-quy8deiryu] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-quy8deiryu] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-quy8deiryu] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/PaiementComponents/HeaderPaiementComponent.razor.rz.scp.css */
.line-header[b-j89xy8o6xy] {
    background-color: #F7F7F7;
    border-radius: 3px;
    height: 93px;
    flex-wrap: nowrap !important;
    justify-content: end;
    margin-bottom: 1px;
    display: flex;
}

.icon-header[b-j89xy8o6xy] {
    width: 42px;
    height: 42px;
    margin-left: 23px;
    margin-top: 21px;
}
.somme-card[b-j89xy8o6xy] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 506px;
    height: 103px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

.somme-triang[b-j89xy8o6xy] {
    margin-top: -15px;
    margin-left: 43px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}

.somme-solde[b-j89xy8o6xy] {
    font-family: GravityRegular;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
}

.somme-devise[b-j89xy8o6xy] {
    font-family: GravityBold;
    font-size: 10px;
    text-align: left;
    letter-spacing: 0px;
}

.somme-valeur[b-j89xy8o6xy] {
    font-family: GravityBold;
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
}

.somme:hover[b-j89xy8o6xy] {
    cursor: pointer;
}
.pdate[b-j89xy8o6xy] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}
.modepay[b-j89xy8o6xy] {
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/PaiementComponents/PaiementComponent.razor.rz.scp.css */
@media only screen and (max-height: 720px) {
    .body-pay[b-c79m99h1om] {
        height: 400px;
    }
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/PaiementComponents/PaiementNegativeComponent.razor.rz.scp.css */
@media only screen and (max-height: 720px) {
    .body-pay[b-9hz1bqv6md] {
        height: 400px;
    }
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/PaiementComponents/PaiementPopUp.razor.rz.scp.css */
.modal-back[b-naj4z1asg9] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-naj4z1asg9] {
    max-width: 100%;
    width:100%;
    position: fixed;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
    height: 100vh;
}

.popup-footer[b-naj4z1asg9] {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-naj4z1asg9] {
    width: 100%;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-naj4z1asg9] {
    width: 100%;
    margin-left: 0px;
    background: #024D6C 0% 0% no-repeat padding-box;
    height: 39px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
    justify-content: space-between;
}

.modal-title-popup[b-naj4z1asg9] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-naj4z1asg9] {
    margin-left: 0px;
}

.modal-body-filter[b-naj4z1asg9] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-naj4z1asg9] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/PaiementComponents/PaiementReturnBrsPopUp.razor.rz.scp.css */
.modal-back[b-jlvs9g7esx] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-jlvs9g7esx] {
    max-width: 100%;
    width:100%;
    position: fixed;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
    
}

.popup-footer[b-jlvs9g7esx] {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-jlvs9g7esx] {
    width: 100%;
    
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-jlvs9g7esx] {
    width: 100%;
    margin-left: 0px;
    background: #024D6C 0% 0% no-repeat padding-box;
    height: 39px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
    justify-content: space-between;
}

.modal-title-popup[b-jlvs9g7esx] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-jlvs9g7esx] {
    margin-left: 0px;
}

.modal-body-filter[b-jlvs9g7esx] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-jlvs9g7esx] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/PaiementComponents/PaiementReturnComponent.razor.rz.scp.css */
@media only screen and (max-height: 720px) {
    .body-pay[b-ux70uzsi3v] {
        height: 400px;
    }
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/PaiementComponents/PaiementReturnPopUp.razor.rz.scp.css */
.modal-back[b-xnn1ov21s0] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-xnn1ov21s0] {
    max-width: 100%;
    width:100%;
    position: fixed;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
    height: 100vh;
}

.popup-footer[b-xnn1ov21s0] {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-xnn1ov21s0] {
    width: 100%;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-xnn1ov21s0] {
    width: 100%;
    margin-left: 0px;
    background: #024D6C 0% 0% no-repeat padding-box;
    height: 39px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
    justify-content: space-between;
}

.modal-title-popup[b-xnn1ov21s0] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-xnn1ov21s0] {
    margin-left: 0px;
}

.modal-body-filter[b-xnn1ov21s0] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-xnn1ov21s0] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/RelatedInfoComponent.razor.rz.scp.css */
.div-box-action[b-c4pyeotjfc] {
    width: 51px;
    height: 45px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    z-index: 1;
    background: rgba(230,234,237,.2);
}

.img-action[b-c4pyeotjfc] {
    width: 28px;
    height: 28px;
    margin-left: 10px;
    margin-top: 10px;
}

.ul-action[b-c4pyeotjfc] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #40414240;
    border-radius: 5px;
    opacity: 1;
    width: 387px;
    height: 100vh;
    z-index: 1;
    box-shadow: 3px 3px 6px #0000008c;
}

.li-action[b-c4pyeotjfc] {
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
}
p[b-c4pyeotjfc] {
    color: #024662;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    font-family: 'GravityBold';
    margin-left: 110px;
}
.relatedInfo[b-c4pyeotjfc] {
    float: left;
    width: 233px;
    height: 133px;
    background-position: 50% 50%;
    background-size: 27%;
    margin-top: -14px;
    margin-left: 15px;
    margin-bottom: 25px;
}
.span-name[b-c4pyeotjfc] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    margin-left: 35px;
}
.span-num:hover[b-c4pyeotjfc] {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/VendorInvoiceLineComponents/BoxLine.razor.rz.scp.css */
.box-lab[b-h3l01xwspq] {
    margin-left: 7px;
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    opacity: 1;
}

.icon-div[b-h3l01xwspq] {
    margin-top: -3px;
}

.box-p[b-h3l01xwspq] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #4C4C4C;
    opacity: 1;
    margin-top: -4px;
}

.iconShow[b-h3l01xwspq] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
}

.opened[b-h3l01xwspq] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/VendorInvoiceLineComponents/BoxMoreInfo.razor.rz.scp.css */
.IDmvt[b-u5eqn8bj6v] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}

.datecss:disabled[b-u5eqn8bj6v], .datecss[readonly][b-u5eqn8bj6v] {
    background-color: transparent;
    opacity: 1;
}
.datecss:enabled:hover[b-u5eqn8bj6v] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
.datecss[b-u5eqn8bj6v] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto;
    height: 32px !important;
}

    .datecss:focus[b-u5eqn8bj6v] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: url('/icons/icon calnedrier.svg') no-repeat, white;
        background-position: bottom 9px right 10px;
    }
/* /Components/ACPComponents/PRCVendorInvoiceComponents/VendorInvoiceLineComponents/DivDetailComponents/BtnHeaderDetailsFactClient.razor.rz.scp.css */
.left-btn[b-2da1pbr8mj] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/VendorInvoiceLineComponents/DivDetailComponents/FormTextFactClient.razor.rz.scp.css */
textarea[b-rouz5hrq9x] {
    background-color: transparent;
    border: none;
    border-radius: 9px;
    height: 100%;
    margin-top: 2px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    margin-right: 20px;
    padding: 9px;
    padding-left: 15px;
}

.form-control:focus[b-rouz5hrq9x] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.champTra[b-rouz5hrq9x] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-rouz5hrq9x] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-rouz5hrq9x] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/VendorInvoiceLineComponents/DivDetailComponents/TRDetailFactClient.razor.rz.scp.css */
.left-btn[b-v6br436hjd] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}

a[b-v6br436hjd] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/VendorInvoiceLineComponents/ListLine.razor.rz.scp.css */
.somme-card[b-4x2gr37kil] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 301px;
    height: 382px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

td[b-4x2gr37kil] {
    border-bottom: 1px solid #E6E6E6 !important;
}

.arrow-span[b-4x2gr37kil] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -19px;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
    z-index:1;
}

.imgProduit[b-4x2gr37kil] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 6px;
}


.imgSwitch[b-4x2gr37kil] {
    transition-duration: 0.4s;
    transition-property: transform;
}

.th-jrnl[b-4x2gr37kil] {
    padding-left: 7px;
    padding-bottom: 11px;
}

.popover-lab[b-4x2gr37kil] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}

.popover-p[b-4x2gr37kil] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}

.rotate[b-4x2gr37kil] {
    transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}

.opened[b-4x2gr37kil] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/VendorInvoiceLineComponents/MoreInfoDetail.razor.rz.scp.css */
.detail[b-jszuj60k21] {
    border-bottom: 1px solid #F3EEEE;
    display: flex;
    flex-direction: row;
    padding-bottom: 18px;
}

.body-detail[b-jszuj60k21] {
    display: flex;
    flex-direction: row;
    margin-top: 14px;
}

.det[b-jszuj60k21] {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}

.box-lab[b-jszuj60k21] {
    margin-left: 7px;
    font-family: 'GravityBold';
    float: left;
    color: #024662;
    font-size: 14px;
    opacity: 1;
}

.box-p[b-jszuj60k21] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: right;
    color: #4C4C4C;
    opacity: 1;
    margin-bottom: 10px px;
}

.box[b-jszuj60k21] {
    margin-left: 20px;
    margin-top: 20px;
}

.div-group-child-short[b-jszuj60k21] {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.span-name[b-jszuj60k21] {
    padding-top: 8px;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #35414C;
    opacity: 1;
}

.btnDiv:focus[b-jszuj60k21], .btnDiv:focus-visible[b-jszuj60k21], .btnDiv:active[b-jszuj60k21] {
    border: none;
    background: none;
    outline: none;
    height: 54px;
    width: 88px;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
    opacity: 1;
}

.btnDiv[b-jszuj60k21] {
    border: none;
    background: none;
    outline: none;
    color: #024662;
    font-size: 14px;
    font-family: 'GravityBold';
    opacity: 1;
    height: 60px;
    width: 88px;
}

.SubDiv[b-jszuj60k21] {
    margin-left: 7px;
}

.opened[b-jszuj60k21] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/ACPComponents/PRCVendorInvoiceComponents/VendorInvoicePageComponent.razor.rz.scp.css */
.IDmvt[b-4vyi3fgzxg] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}
.datecss:disabled[b-4vyi3fgzxg], .datecss[readonly][b-4vyi3fgzxg] {
    background-color: transparent;
    opacity: 1;
}
.datecss:enabled:hover[b-4vyi3fgzxg] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.datecss[b-4vyi3fgzxg] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto;
    height: 32px !important;
}

    .datecss:focus[b-4vyi3fgzxg] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: url('/icons/icon calnedrier.svg') no-repeat, white;
        background-position: bottom 9px right 10px;
    }
/* /Components/ACPComponents/VendorInvoiceComponents/FilterModalVendorInvoice.razor.rz.scp.css */

.modal-dialog-filter[b-yhq0hukpys] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-yhq0hukpys] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-yhq0hukpys] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-yhq0hukpys] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-yhq0hukpys] {
    margin-top: 17px;
}

.closepop-entrerheure[b-yhq0hukpys] {
    float: right;
}

.modal-body-filter[b-yhq0hukpys] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-yhq0hukpys] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-yhq0hukpys] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-yhq0hukpys] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-yhq0hukpys] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-yhq0hukpys] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ACPComponents/VendorInvoiceComponents/HeaderViewComponents/FactDepSmallForms/FactDepAddress.razor.rz.scp.css */
.div-item-prj-p[b-70qy8rykqv] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.span-prj-title[b-70qy8rykqv] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 45%;
}

.address-body[b-70qy8rykqv] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: 20px;
}

.input-row[b-70qy8rykqv] {
    display: flex;
    flex-direction: row;
    align-items: center;
}


input[b-70qy8rykqv] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto; /* Adjust the width as needed */
    margin-right: 10px;
    height: 32px !important;
}

.form-control:focus[b-70qy8rykqv] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-70qy8rykqv] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-70qy8rykqv], .form-control[readonly][b-70qy8rykqv] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-70qy8rykqv] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}
/* /Components/ACPComponents/VendorInvoiceComponents/LineViewComponents/BoxLineFactDep.razor.rz.scp.css */
.box-lab[b-114xenym9b] {
    margin-left: 7px;
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    opacity: 1;
}

.icon-div[b-114xenym9b] {
    margin-top: -3px;
}

.box-p[b-114xenym9b] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #4C4C4C;
    opacity: 1;
    margin-top: -4px;
}

.iconShow[b-114xenym9b] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
}

.opened[b-114xenym9b] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/ACPComponents/VendorInvoiceComponents/LineViewComponents/BtnHeaderDetails.razor.rz.scp.css */
.left-btn[b-iq468b1ah5] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}

a[b-iq468b1ah5] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}

img[b-iq468b1ah5] {
    width: 20px;
    height: 20px;
}
/* /Components/ACPComponents/VendorInvoiceComponents/LineViewComponents/FormProjet.razor.rz.scp.css */
.champTra[b-s2z6sb1nku] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-s2z6sb1nku] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-s2z6sb1nku] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/ACPComponents/VendorInvoiceComponents/LineViewComponents/ListLineFactDep.razor.rz.scp.css */
.somme-card[b-49d262zle5] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 301px;
    height: 382px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

td[b-49d262zle5] {
    border-bottom: 1px solid #E6E6E6 !important;
}

.arrow-span[b-49d262zle5] {
    position: absolute;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -2px;
    margin-left: 24px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
    z-index: 1;
}

.imgProduit[b-49d262zle5] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 6px;
}


.imgSwitch[b-49d262zle5] {
    transition-duration: 0.4s;
    transition-property: transform;
}

.th-jrnl[b-49d262zle5] {
    padding-left: 7px;
    padding-bottom: 11px;
}

.popover-lab[b-49d262zle5] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}

.popover-p[b-49d262zle5] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}

.rotate[b-49d262zle5] {
    transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}

.opened[b-49d262zle5] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/ACPComponents/VendorInvoiceComponents/LineViewComponents/MoreInfoBoxComponent.razor.rz.scp.css */
.IDmvt[b-bhzhy1hhjx] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}
/* /Components/ACPComponents/VendorInvoiceComponents/LineViewComponents/MoreInfoBoxDetail.razor.rz.scp.css */
.detail[b-0nh0kqz64c] {
    border-bottom: 1px solid #F3EEEE;
    display: flex;
    flex-direction: row;
    padding-bottom: 18px;
}

.body-detail[b-0nh0kqz64c] {
    display: flex;
    flex-direction: row;
    margin-top: 14px;
}

.det[b-0nh0kqz64c] {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}

.box-lab[b-0nh0kqz64c] {
    margin-left: 7px;
    font-family: 'GravityBold';
    float: left;
    color: #024662;
    font-size: 14px;
    opacity: 1;
}

.box-p[b-0nh0kqz64c] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: right;
    color: #4C4C4C;
    opacity: 1;
    margin-bottom: 10px px;
}

.box[b-0nh0kqz64c] {
    margin-left: 20px;
    margin-top: 20px;
}

.div-group-child-short[b-0nh0kqz64c] {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.span-name[b-0nh0kqz64c] {
    padding-top: 8px;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #35414C;
    opacity: 1;
}

.btnDiv:focus[b-0nh0kqz64c], .btnDiv:focus-visible[b-0nh0kqz64c], .btnDiv:active[b-0nh0kqz64c] {
    border: none;
    background: none;
    outline: none;
    height: 54px;
    width: 88px;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
    opacity: 1;
}

.btnDiv[b-0nh0kqz64c] {
    border: none;
    background: none;
    outline: none;
    color: #024662;
    font-size: 14px;
    font-family: 'GravityBold';
    opacity: 1;
    height: 60px;
    width: 88px;
}

.SubDiv[b-0nh0kqz64c] {
    margin-left: 7px;
}

.opened[b-0nh0kqz64c] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/ACPComponents/VendorInvoiceComponents/LineViewComponents/SmallPopoverFactDepComponent.razor.rz.scp.css */
.css-shapes-formplus[b-vbkb08isk9] {
    filter: drop-shadow(2px 1px 2px #838384);
    margin-top: -3px;
    margin-right: 10px;
    margin-bottom: -10px;
    margin-left: 10px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 33px;
    width: 33px;
    background-color: #007bc5;
    border-radius: 150px;
    cursor: pointer;
}
.hide[b-vbkb08isk9]{
    display:none !important;
}
.listsegment1[b-vbkb08isk9] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    filter: drop-shadow(2px 1px 2px #838384);
    background-color: #fff;
    position: absolute;
    z-index: 1003;
    min-width: 282px;
    margin-left: 83px;
    min-height: 336px;
    margin-top: -115px;
}
.somme-triang[b-vbkb08isk9] {
    margin-top: -23px;
    margin-left: 70px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    transform: rotate(-90deg);
    font-size: 20px;
}

.container1[b-vbkb08isk9] {
    text-align: left;
    height: 264px;
    overflow-y: scroll;
    line-height: 36px;
}

.spansegment[b-vbkb08isk9] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'GravityBold';
    color: #FFFFFF;
    text-align: left;
    margin-top: -11px;
    background-color: #F7931E;
    height: 42px;
    padding-top: 10px;
    padding-left: 20px;
}

.css-shapes-form-plus[b-vbkb08isk9] {
    margin-top: 23px;
    margin-right: 138px;
    margin-bottom: 10px;
    margin-left: 10px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    position: absolute;
    height: 43px;
    border-radius: 150px;
}
.search[b-vbkb08isk9] {
    background-color: #EFEFEF;
    width: 280px;
    border: none;
    padding-left: 20px;
    height: 41px;
}

    .search:focus[b-vbkb08isk9] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    }
.pourcent[b-vbkb08isk9] {
    margin-left: 74px;
}
/* /Components/ACPComponents/VendorInvoiceComponents/LineViewComponents/TRDetailFactDep.razor.rz.scp.css */
.left-btn[b-2od64fp2f1] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}

a[b-2od64fp2f1] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}
/* /Components/ACPComponents/VendorInvoiceComponents/PaiementComponents/FilterModalPaiement.razor.rz.scp.css */

.modal-dialog-filter[b-20uxz92pi5] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-20uxz92pi5] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-20uxz92pi5] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-20uxz92pi5] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-20uxz92pi5] {
    margin-top: 17px;
}

.closepop-entrerheure[b-20uxz92pi5] {
    float: right;
}

.modal-body-filter[b-20uxz92pi5] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-20uxz92pi5] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-20uxz92pi5] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-20uxz92pi5] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-20uxz92pi5] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-20uxz92pi5] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ACPComponents/VendorInvoiceComponents/PaiementComponents/HeaderPaiementComponent.razor.rz.scp.css */
.line-header[b-ac80spkvi2] {
    background-color: #F7F7F7;
    border-radius: 3px;
    height: 93px;
    flex-wrap: nowrap !important;
    justify-content: end;
    margin-bottom: 1px;
    display: flex;
}

.icon-header[b-ac80spkvi2] {
    width: 42px;
    height: 42px;
    margin-left: 23px;
    margin-top: 21px;
}
.somme-card[b-ac80spkvi2] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 506px;
    height: 103px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

.somme-triang[b-ac80spkvi2] {
    margin-top: -15px;
    margin-left: 43px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}

.somme-solde[b-ac80spkvi2] {
    font-family: GravityRegular;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
}

.somme-devise[b-ac80spkvi2] {
    font-family: GravityBold;
    font-size: 10px;
    text-align: left;
    letter-spacing: 0px;
}

.somme-valeur[b-ac80spkvi2] {
    font-family: GravityBold;
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
}

.somme:hover[b-ac80spkvi2] {
    cursor: pointer;
}
.pdate[b-ac80spkvi2] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}
.modepay[b-ac80spkvi2] {
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACPComponents/VendorInvoiceComponents/PaiementComponents/PaiementComponent.razor.rz.scp.css */
@media only screen and (max-height: 720px) {
    .body-pay[b-a8p1uqwx7b] {
        height: 400px;
    }
}
/* /Components/ACPComponents/VendorInvoiceComponents/PaiementComponents/PaiementPopUp.razor.rz.scp.css */
.modal-back[b-q0oo96uhl2] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-q0oo96uhl2] {
    max-width: 100%;
    width:100%;
    position: fixed;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
    height: 100vh;
}

.popup-footer[b-q0oo96uhl2] {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-q0oo96uhl2] {
    width: 100%;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-q0oo96uhl2] {
    width: 100%;
    margin-left: 0px;
    background: #024D6C 0% 0% no-repeat padding-box;
    height: 39px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
    justify-content: space-between;
}

.modal-title-popup[b-q0oo96uhl2] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-q0oo96uhl2] {
    margin-left: 0px;
}

.modal-body-filter[b-q0oo96uhl2] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-q0oo96uhl2] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACPComponents/VendorInvoiceComponents/PrintVendorInvoiceComponentPage.razor.rz.scp.css */

.info-facturation[b-djz34lp894] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 20px;
}

.plus-information[b-djz34lp894] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin: 0.5rem;
}

.info[b-djz34lp894] {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
}

.sp[b-djz34lp894] {
    display: grid;
    grid-template-columns: 3fr 2fr;
    margin: 0 0.5em;
}

.info-entreprise[b-djz34lp894] {
    flex-direction: column;
    display: flex;
    text-align: left;
    align-items: end;
}

.jourhead[b-djz34lp894] {
    height: 195px;
    border-radius: 0px 0px 72px 0px;
    box-shadow: 0px 3px 6px #00000029;
    background: #F5F7F9 0% 0% no-repeat padding-box;
}

.span-code[b-djz34lp894] {
    text-align: left;
    font-family: GravityRegular;
    letter-spacing: 0px;
    color: #7A91AA;
    font-size: 12px;
}
.span-sous_code[b-djz34lp894] {
    text-align: left;
    font-family: GravityRegular;
    letter-spacing: 0px;
    color: #7A91AA;
    font-size: 10.5px;
}

.span-name[b-djz34lp894] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    line-height: 1.5;
    font-family: GravityRegular;
    font-size: 12px;
}
.span-name-td[b-djz34lp894] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    line-height: 1.5;
    font-family: GravityRegular;
    font-size: 11.5px;
}

.jourfoot[b-djz34lp894] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
}

.th-jrnl[b-djz34lp894] {
    font-size: 11.5px;
    font-family: 'GravityBold';
}

.pagenum[b-djz34lp894] {
    width: 75px;
    height: 33px;
    background: #268BFD 0% 0% no-repeat padding-box;
    border-radius: 22px 0px 0px 0px;
    opacity: 1;
    display: flex;
}

.menu:hover[b-djz34lp894] {
    cursor: pointer;
}

.hr[b-djz34lp894] {
    align-items: center;
    display: flex;
    text-align: center;
    text-align: center;
    letter-spacing: 0px;
    color: #024662;
    font-family: 'GravityBold';
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 25px;
}

    .hr[b-djz34lp894]::before,
    .hr[b-djz34lp894]::after {
        background: currentColor;
        content: "";
        flex: 1;
        height: 1px;
        margin: 0.5em;
        color: #E4E4E4;
    }
/* /Components/ACPComponents/VendorInvoiceComponents/ValiderBtn.razor.rz.scp.css */
.img-icon1[b-pleyty16a5] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-pleyty16a5] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}

.btn-style-tran-dis[b-pleyty16a5] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #2488ff;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px 0 13px;
}

    .btn-style-tran-dis:hover[b-pleyty16a5] {
        cursor: not-allowed;
    }

    .btn-style-tran-dis:focus[b-pleyty16a5] {
        outline: none;
    }

.btn-style-tran[b-pleyty16a5] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #2488ff;
    display: grid;
    justify-items: center;
    min-width: 103px;
}



    .btn-style-tran:hover[b-pleyty16a5] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #2488ff 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-tran:hover .img-icon1[b-pleyty16a5] {
            display: none;
        }

        .btn-style-tran:hover .img-icon2[b-pleyty16a5] {
            display: block;
        }

    .btn-style-tran:focus[b-pleyty16a5] {
        outline: none;
    }
/* /Components/ACPComponents/VendorInvoiceComponents/VendorInvoiceComponentPage.razor.rz.scp.css */
.IDmvt[b-4yengw45gi] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}
/* /Components/ACRComponents/AgeOfComptes/AgeCompteElementComponent.razor.rz.scp.css */
[b-1t7j74z8xs] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}
[b-1t7j74z8xs] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}
[b-1t7j74z8xs] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}
.table-nrn[b-1t7j74z8xs] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}
[b-1t7j74z8xs] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 10px !important;
}
[b-1t7j74z8xs] td {
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 40px;
    padding-bottom:0px;
}
[b-1t7j74z8xs] .div-group {
    display: flex;
    padding-top: 4px;
}
[b-1t7j74z8xs] .div-group-center {
    display: flex;
    padding-top: 13px;
}
.tr-list-nrn[b-1t7j74z8xs] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}
.container-table[b-1t7j74z8xs] {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

@media screen and (max-width: 1700px) {
    .td3[b-1t7j74z8xs] {
        padding-left: 3px;
    }

    .td4[b-1t7j74z8xs] {
        padding-left: 15px;
    }

    .td5[b-1t7j74z8xs] {
        padding-left: 30px;
    }

    .td6[b-1t7j74z8xs] {
        padding-left: 50px;
    }

    .td7[b-1t7j74z8xs] {
        padding-left: 50px;
    }

    .td8[b-1t7j74z8xs] {
        padding-left: 40px;
    }

    .div-montant[b-1t7j74z8xs] {
        width: 100%;
    }
    .div-montant-en[b-1t7j74z8xs]{
        width:90%
    }
    .div-date[b-1t7j74z8xs] {
        padding-left: 35px;
    }
    .div-date-en[b-1t7j74z8xs] {
        padding-left: 8px;
    }
}

@media screen and (min-width: 1701px) {
    .div-montant[b-1t7j74z8xs] {
        width: 78%;
    }
    .div-montant-en[b-1t7j74z8xs] {
        width: 69%
    }
    .div-date[b-1t7j74z8xs] {
        padding-left: 29px;
    }
    .div-date-en[b-1t7j74z8xs] {
        padding-left: 0px;
    }
}
/* /Components/ACRComponents/FactClientComponents/FactClientLineComponents/BoxLineFactClient.razor.rz.scp.css */
.box-lab[b-wuf4ls1y5t] {
    margin-left: 7px;
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    opacity: 1;
}

.icon-div[b-wuf4ls1y5t] {
    margin-top: -3px;
}

.box-p[b-wuf4ls1y5t] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #4C4C4C;
    opacity: 1;
    margin-top: -4px;
}

.iconShow[b-wuf4ls1y5t] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
}

.opened[b-wuf4ls1y5t] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/ACRComponents/FactClientComponents/FactClientLineComponents/BoxMoreInfoFactClient.razor.rz.scp.css */
.IDmvt[b-p3qjc1bqx2] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}

.datecss:disabled[b-p3qjc1bqx2], .datecss[readonly][b-p3qjc1bqx2] {
    background-color: transparent;
    opacity: 1;
}
.datecss:enabled:hover[b-p3qjc1bqx2] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.datecss[b-p3qjc1bqx2] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto;
    height: 32px !important;
}

    .datecss:focus[b-p3qjc1bqx2] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: url('/icons/icon calnedrier.svg') no-repeat, white;
        background-position: bottom 9px right 10px;
    }
/* /Components/ACRComponents/FactClientComponents/FactClientLineComponents/DivDetailComponents/BtnHeaderDetailsFactClient.razor.rz.scp.css */
.left-btn[b-rw84o2dlrx] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}
/* /Components/ACRComponents/FactClientComponents/FactClientLineComponents/DivDetailComponents/FormTextFactClient.razor.rz.scp.css */
textarea[b-za428wna09] {
    background-color: transparent;
    border: none;
    border-radius: 9px;
    height: 100%;
    margin-top: 2px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    margin-right: 20px;
    padding: 9px;
    padding-left: 15px;
}

.form-control:focus[b-za428wna09] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.champTra[b-za428wna09] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-za428wna09] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-za428wna09] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/ACRComponents/FactClientComponents/FactClientLineComponents/DivDetailComponents/TRDetailFactClient.razor.rz.scp.css */
.left-btn[b-spslrwrtu4] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}

a[b-spslrwrtu4] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}
/* /Components/ACRComponents/FactClientComponents/FactClientLineComponents/ListLineFactClient.razor.rz.scp.css */
.somme-card[b-eucew1xmb1] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 301px;
    height: 382px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

td[b-eucew1xmb1] {
    border-bottom: 1px solid #E6E6E6 !important;
}

.arrow-span[b-eucew1xmb1] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -19px;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
    z-index:1;
}

.imgProduit[b-eucew1xmb1] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 6px;
}


.imgSwitch[b-eucew1xmb1] {
    transition-duration: 0.4s;
    transition-property: transform;
}

.th-jrnl[b-eucew1xmb1] {
    padding-left: 7px;
    padding-bottom: 11px;
}

.popover-lab[b-eucew1xmb1] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}

.popover-p[b-eucew1xmb1] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}

.rotate[b-eucew1xmb1] {
    transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}

.opened[b-eucew1xmb1] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/ACRComponents/FactClientComponents/FactClientLineComponents/MoreInfoDetailFactClient.razor.rz.scp.css */
.detail[b-qpv5z39riw] {
    border-bottom: 1px solid #F3EEEE;
    display: flex;
    flex-direction: row;
    padding-bottom: 18px;
}

.body-detail[b-qpv5z39riw] {
    display: flex;
    flex-direction: row;
    margin-top: 14px;
}

.det[b-qpv5z39riw] {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}

.box-lab[b-qpv5z39riw] {
    margin-left: 7px;
    font-family: 'GravityBold';
    float: left;
    color: #024662;
    font-size: 14px;
    opacity: 1;
}

.box-p[b-qpv5z39riw] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: right;
    color: #4C4C4C;
    opacity: 1;
    margin-bottom: 10px px;
}

.box[b-qpv5z39riw] {
    margin-left: 20px;
    margin-top: 20px;
}

.div-group-child-short[b-qpv5z39riw] {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.span-name[b-qpv5z39riw] {
    padding-top: 8px;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #35414C;
    opacity: 1;
}

.btnDiv:focus[b-qpv5z39riw], .btnDiv:focus-visible[b-qpv5z39riw], .btnDiv:active[b-qpv5z39riw] {
    border: none;
    background: none;
    outline: none;
    height: 54px;
    width: 88px;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
    opacity: 1;
}

.btnDiv[b-qpv5z39riw] {
    border: none;
    background: none;
    outline: none;
    color: #024662;
    font-size: 14px;
    font-family: 'GravityBold';
    opacity: 1;
    height: 60px;
    width: 88px;
}

.SubDiv[b-qpv5z39riw] {
    margin-left: 7px;
}

.opened[b-qpv5z39riw] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/ACRComponents/FactClientComponents/FactClientPageComponent.razor.rz.scp.css */
.IDmvt[b-asqqpgl6dm] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}
.datecss:disabled[b-asqqpgl6dm], .datecss[readonly][b-asqqpgl6dm] {
    background-color: transparent;
    opacity: 1;
}
.datecss:enabled:hover[b-asqqpgl6dm] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.datecss[b-asqqpgl6dm] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto;
    height: 32px !important;
}

    .datecss:focus[b-asqqpgl6dm] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: url('/icons/icon calnedrier.svg') no-repeat, white;
        background-position: bottom 9px right 10px;
    }

.info-facturation[b-asqqpgl6dm] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 20px;
}

.plus-information[b-asqqpgl6dm] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin: 0.5rem;
}

.info[b-asqqpgl6dm] {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
}

.sp[b-asqqpgl6dm] {
    display: grid;
    grid-template-columns: 3fr 2fr;
    margin: 0 0.5em;
}

.info-entreprise[b-asqqpgl6dm] {
    flex-direction: column;
    display: flex;
    text-align: left;
    align-items: end;
}

.jourhead[b-asqqpgl6dm] {
    height: 195px;
    border-radius: 0px 0px 72px 0px;
    box-shadow: 0px 3px 6px #00000029;
    background: #F5F7F9 0% 0% no-repeat padding-box;
}

.span-code[b-asqqpgl6dm] {
    text-align: left;
    font-family: GravityRegular;
    letter-spacing: 0px;
    color: #7A91AA;
    font-size: 12px;
}

.span-sous_code[b-asqqpgl6dm] {
    text-align: left;
    font-family: GravityRegular;
    letter-spacing: 0px;
    color: #7A91AA;
    font-size: 10.5px;
}

.span-name[b-asqqpgl6dm] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    line-height: 1.5;
    font-family: GravityRegular;
    font-size: 12px;
}

.span-name-td[b-asqqpgl6dm] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    line-height: 1.5;
    font-family: GravityRegular;
    font-size: 11.5px;
}

.jourfoot[b-asqqpgl6dm] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
}

.th-jrnl[b-asqqpgl6dm] {
    font-size: 11.5px;
    font-family: 'GravityBold';
}

.pagenum[b-asqqpgl6dm] {
    width: 75px;
    height: 33px;
    background: #268BFD 0% 0% no-repeat padding-box;
    border-radius: 22px 0px 0px 0px;
    opacity: 1;
    display: flex;
}

.menu:hover[b-asqqpgl6dm] {
    cursor: pointer;
}

.hr[b-asqqpgl6dm] {
    align-items: center;
    display: flex;
    text-align: center;
    text-align: center;
    letter-spacing: 0px;
    color: #024662;
    font-family: 'GravityBold';
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 25px;
}

    .hr[b-asqqpgl6dm]::before,
    .hr[b-asqqpgl6dm]::after {
        background: currentColor;
        content: "";
        flex: 1;
        height: 1px;
        margin: 0.5em;
        color: #E4E4E4;
    }
/* /Components/ACRComponents/FactClientComponents/FilterModalFactClient.razor.rz.scp.css */

.modal-dialog-filter[b-37r7e2l9pi] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-37r7e2l9pi] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-37r7e2l9pi] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-37r7e2l9pi] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-37r7e2l9pi] {
    margin-top: 17px;
}

.closepop-entrerheure[b-37r7e2l9pi] {
    float: right;
}

.modal-body-filter[b-37r7e2l9pi] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-37r7e2l9pi] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-37r7e2l9pi] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-37r7e2l9pi] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-37r7e2l9pi] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-37r7e2l9pi] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ACRComponents/FactClientComponents/PaiementComponents/FilterModalPaiement.razor.rz.scp.css */

.modal-dialog-filter[b-uxm8iszsj9] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-uxm8iszsj9] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-uxm8iszsj9] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-uxm8iszsj9] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-uxm8iszsj9] {
    margin-top: 17px;
}

.closepop-entrerheure[b-uxm8iszsj9] {
    float: right;
}

.modal-body-filter[b-uxm8iszsj9] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-uxm8iszsj9] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-uxm8iszsj9] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-uxm8iszsj9] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-uxm8iszsj9] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-uxm8iszsj9] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ACRComponents/FactClientComponents/PaiementComponents/HeaderPaiementComponent.razor.rz.scp.css */
.line-header[b-d2no9iygqa] {
    background-color: #F7F7F7;
    box-shadow: 1px 1px 1px #3F464940;
    border-radius: 3px;
    height: 93px;
    flex-wrap: nowrap !important;
    justify-content: end;
    margin-bottom: 1px;
    display: flex;
}

.icon-header[b-d2no9iygqa] {
    width: 42px;
    height: 42px;
    margin-left: 23px;
    margin-top: 21px;
}
.somme-card[b-d2no9iygqa] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 506px;
    height: 103px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

.somme-triang[b-d2no9iygqa] {
    margin-top: -15px;
    margin-left: 43px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}

.somme-solde[b-d2no9iygqa] {
    font-family: GravityRegular;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
}

.somme-devise[b-d2no9iygqa] {
    font-family: GravityBold;
    font-size: 10px;
    text-align: left;
    letter-spacing: 0px;
}

.somme-valeur[b-d2no9iygqa] {
    font-family: GravityBold;
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
}

.somme:hover[b-d2no9iygqa] {
    cursor: pointer;
}
.pdate[b-d2no9iygqa] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}
.modepay[b-d2no9iygqa] {
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACRComponents/FactClientComponents/PaiementComponents/PaiementComponent.razor.rz.scp.css */
@media only screen and (max-height: 720px) {
    .body-pay[b-c36avpgnno] {
        height: 400px;
    }
}
/* /Components/ACRComponents/FactClientComponents/PaiementComponents/PaiementNegativeComponent.razor.rz.scp.css */
@media only screen and (max-height: 720px) {
    .body-pay[b-srbzzn9cij] {
        height: 400px;
    }
}
/* /Components/ACRComponents/FactClientComponents/PaiementComponents/PaiementPopUp.razor.rz.scp.css */
.modal-back[b-q31p3aer72] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-q31p3aer72] {
    max-width: 100%;
    width:100%;
    position: fixed;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
    height: 100vh;
}

.popup-footer[b-q31p3aer72] {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-q31p3aer72] {
    width: 100%;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-q31p3aer72] {
    width: 100%;
    margin-left: 0px;
    background: #024D6C 0% 0% no-repeat padding-box;
    height: 39px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
    justify-content: space-between;
}

.modal-title-popup[b-q31p3aer72] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-q31p3aer72] {
    margin-left: 0px;
}

.modal-body-filter[b-q31p3aer72] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-q31p3aer72] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACRComponents/FactClientComponents/PaiementComponents/PaiementReturnBrsPopUp.razor.rz.scp.css */
.modal-back[b-q9ith2n0r5] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-q9ith2n0r5] {
    max-width: 100%;
    width:100%;
    position: fixed;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
    
}

.popup-footer[b-q9ith2n0r5] {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-q9ith2n0r5] {
    width: 100%;
    
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-q9ith2n0r5] {
    width: 100%;
    margin-left: 0px;
    background: #024D6C 0% 0% no-repeat padding-box;
    height: 39px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
    justify-content: space-between;
}

.modal-title-popup[b-q9ith2n0r5] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-q9ith2n0r5] {
    margin-left: 0px;
}

.modal-body-filter[b-q9ith2n0r5] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-q9ith2n0r5] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACRComponents/FactClientComponents/PaiementComponents/PaiementReturnComponent.razor.rz.scp.css */
@media only screen and (max-height: 720px) {
    .body-pay[b-93wahsp9d4] {
        height: 400px;
    }
}
/* /Components/ACRComponents/FactClientComponents/PaiementComponents/PaiementReturnPopUp.razor.rz.scp.css */
.modal-back[b-9t0n6rxo0j] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-9t0n6rxo0j] {
    max-width: 100%;
    width:100%;
    position: fixed;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
    height: 100vh;
}

.popup-footer[b-9t0n6rxo0j] {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-9t0n6rxo0j] {
    width: 100%;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-9t0n6rxo0j] {
    width: 100%;
    margin-left: 0px;
    background: #024D6C 0% 0% no-repeat padding-box;
    height: 39px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
    justify-content: space-between;
}

.modal-title-popup[b-9t0n6rxo0j] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-9t0n6rxo0j] {
    margin-left: 0px;
}

.modal-body-filter[b-9t0n6rxo0j] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-9t0n6rxo0j] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACRComponents/FactClientComponents/PaiementComponents/PaiementWriteComponent.razor.rz.scp.css */
.modal-back[b-0w0hfca8ef] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-0w0hfca8ef] {
    max-width: 100%;
    width: 100%;
    position: fixed;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
    height: 100vh;
}

.popup-footer[b-0w0hfca8ef] {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-0w0hfca8ef] {
    width: 100%;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-0w0hfca8ef] {
    width: 100%;
    margin-left: 0px;
    background: #024D6C 0% 0% no-repeat padding-box;
    height: 39px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
    justify-content: space-between;
}

.modal-title-popup[b-0w0hfca8ef] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-0w0hfca8ef] {
    margin-left: 0px;
}

.modal-body-filter[b-0w0hfca8ef] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-0w0hfca8ef] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACRComponents/FactClientComponents/PaiementComponents/WriteOffeComponent.razor.rz.scp.css */
.modal-back[b-j0ks57rk6n] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-j0ks57rk6n] {
    max-width: 100%;
    width: 100%;
    position: fixed;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
    height: 100vh;
}

.popup-footer[b-j0ks57rk6n] {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-j0ks57rk6n] {
    width: 100%;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-j0ks57rk6n] {
    width: 100%;
    margin-left: 0px;
    background: #024D6C 0% 0% no-repeat padding-box;
    height: 39px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
    justify-content: space-between;
}

.modal-title-popup[b-j0ks57rk6n] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-j0ks57rk6n] {
    margin-left: 0px;
}

.modal-body-filter[b-j0ks57rk6n] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-j0ks57rk6n] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACRComponents/FactClientComponents/RelatedInfoComponent.razor.rz.scp.css */
.div-box-action[b-1npikebyir] {
    width: 51px;
    height: 45px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    z-index: 1;
    background: rgba(230,234,237,.2);
}

.img-action[b-1npikebyir] {
    width: 28px;
    height: 28px;
    margin-left: 10px;
    margin-top: 10px;
}

.ul-action[b-1npikebyir] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #40414240;
    border-radius: 5px;
    opacity: 1;
    width: 387px;
    height: 100vh;
    z-index: 1;
    box-shadow: 3px 3px 6px #0000008c;
}

.li-action[b-1npikebyir] {
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
}
p[b-1npikebyir] {
    color: #024662;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    font-family: 'GravityBold';
    margin-left: 110px;
}
.relatedInfo[b-1npikebyir] {
    float: left;
    width: 233px;
    height: 133px;
    background-position: 50% 50%;
    background-size: 27%;
    margin-top: -14px;
    margin-left: 15px;
    margin-bottom: 25px;
}
.span-name[b-1npikebyir] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    margin-left: 35px;
}
.span-num:hover[b-1npikebyir] {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}
/* /Components/ACRComponents/FactFinanciereComponents/EnterBtn.razor.rz.scp.css */
.img-icon1[b-idzf37j7o0] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-idzf37j7o0] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}

.btn-style-tran-dis[b-idzf37j7o0] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #509613;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px;
}

    .btn-style-tran-dis:hover[b-idzf37j7o0] {
        cursor: not-allowed;
    }

    .btn-style-tran-dis:focus[b-idzf37j7o0] {
        outline: none;
    }

.btn-style-tran[b-idzf37j7o0] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #509613;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px;
}



    .btn-style-tran:hover[b-idzf37j7o0] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #509613 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-tran:hover .img-icon1[b-idzf37j7o0] {
            display: none;
        }

        .btn-style-tran:hover .img-icon2[b-idzf37j7o0] {
            display: block;
        }

    .btn-style-tran:focus[b-idzf37j7o0] {
        outline: none;
    }
/* /Components/ACRComponents/FactFinanciereComponents/EnterBtnBlue.razor.rz.scp.css */
.img-icon1[b-lg8lzstoee] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-lg8lzstoee] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}

.btn-style-tran-dis[b-lg8lzstoee] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #509613;
    display: grid;
    justify-items: center;
    min-width: 103px;
}

    .btn-style-tran-dis:hover[b-lg8lzstoee] {
        cursor: not-allowed;
    }

    .btn-style-tran-dis:focus[b-lg8lzstoee] {
        outline: none;
    }

.btn-style-tran[b-lg8lzstoee] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #0D98E4;
    display: grid;
    justify-items: center;
    min-width: 103px;
}



    .btn-style-tran:hover[b-lg8lzstoee] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #0D98E4 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #0d98e4;
        height: 54px;
    }

        .btn-style-tran:hover .img-icon1[b-lg8lzstoee] {
            display: none;
        }

        .btn-style-tran:hover .img-icon2[b-lg8lzstoee] {
            display: block;
        }

    .btn-style-tran:focus[b-lg8lzstoee] {
        outline: none;
    }
/* /Components/ACRComponents/FactFinanciereComponents/EnterBtnWriteComponent.razor.rz.scp.css */
.img-icon1[b-tnu3uqsg0k] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-tnu3uqsg0k] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}

.btn-style-tran-dis[b-tnu3uqsg0k] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #fc5c65;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0px 13px;
    margin: 0 3px;
    padding: 0 13px 0 10px;
    margin: 0 3px;
}

    .btn-style-tran-dis:hover[b-tnu3uqsg0k] {
        cursor: not-allowed;
    }

    .btn-style-tran-dis:focus[b-tnu3uqsg0k] {
        outline: none;
    }

.btn-style-tran[b-tnu3uqsg0k] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #fc5c65;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px 0 10px;
    margin: 0 3px;
}



    .btn-style-tran:hover[b-tnu3uqsg0k] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #fc5c65 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-tran:hover .img-icon1[b-tnu3uqsg0k] {
            display: none;
        }

        .btn-style-tran:hover .img-icon2[b-tnu3uqsg0k] {
            display: block;
        }

    .btn-style-tran:focus[b-tnu3uqsg0k] {
        outline: none;
    }
/* /Components/ACRComponents/FactFinanciereComponents/FactFinanciereComponentPage.razor.rz.scp.css */
.IDmvt[b-ghhnc5f7lv] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}


.info-facturation[b-ghhnc5f7lv] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 20px;
}

.plus-information[b-ghhnc5f7lv] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin: 0.5rem;
}

.info[b-ghhnc5f7lv] {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
}

.sp[b-ghhnc5f7lv] {
    display: grid;
    grid-template-columns: 3fr 2fr;
    margin: 0 0.5em;
}

.info-entreprise[b-ghhnc5f7lv] {
    flex-direction: column;
    display: flex;
    text-align: left;
    align-items: end;
}

.jourhead[b-ghhnc5f7lv] {
    height: 195px;
    border-radius: 0px 0px 72px 0px;
    box-shadow: 0px 3px 6px #00000029;
    background: #F5F7F9 0% 0% no-repeat padding-box;
}

.span-code[b-ghhnc5f7lv] {
    text-align: left;
    font-family: GravityRegular;
    letter-spacing: 0px;
    color: #7A91AA;
    font-size: 12px;
}

.span-sous_code[b-ghhnc5f7lv] {
    text-align: left;
    font-family: GravityRegular;
    letter-spacing: 0px;
    color: #7A91AA;
    font-size: 10.5px;
}

.span-name[b-ghhnc5f7lv] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    line-height: 1.5;
    font-family: GravityRegular;
    font-size: 12px;
}

.span-name-td[b-ghhnc5f7lv] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    line-height: 1.5;
    font-family: GravityRegular;
    font-size: 11.5px;
}

.jourfoot[b-ghhnc5f7lv] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
}

.th-jrnl[b-ghhnc5f7lv] {
    font-size: 11.5px;
    font-family: 'GravityBold';
}

.pagenum[b-ghhnc5f7lv] {
    width: 75px;
    height: 33px;
    background: #268BFD 0% 0% no-repeat padding-box;
    border-radius: 22px 0px 0px 0px;
    opacity: 1;
    display: flex;
}

.menu:hover[b-ghhnc5f7lv] {
    cursor: pointer;
}

.hr[b-ghhnc5f7lv] {
    align-items: center;
    display: flex;
    text-align: center;
    text-align: center;
    letter-spacing: 0px;
    color: #024662;
    font-family: 'GravityBold';
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 25px;
}

    .hr[b-ghhnc5f7lv]::before,
    .hr[b-ghhnc5f7lv]::after {
        background: currentColor;
        content: "";
        flex: 1;
        height: 1px;
        margin: 0.5em;
        color: #E4E4E4;
    }
/* /Components/ACRComponents/FactFinanciereComponents/FilterModalFactFinanciere.razor.rz.scp.css */

.modal-dialog-filter[b-2l3e5449uk] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-2l3e5449uk] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-2l3e5449uk] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-2l3e5449uk] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-2l3e5449uk] {
    margin-top: 17px;
}

.closepop-entrerheure[b-2l3e5449uk] {
    float: right;
}

.modal-body-filter[b-2l3e5449uk] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-2l3e5449uk] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-2l3e5449uk] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-2l3e5449uk] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-2l3e5449uk] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-2l3e5449uk] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ACRComponents/FactFinanciereComponents/GenInvoiceBtn.razor.rz.scp.css */
.img-icon1[b-twgvma80pr] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-twgvma80pr] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}

.btn-style-tran-dis[b-twgvma80pr] {
    padding: 0 13px 0 0;
    margin: 0 3px;
}

    .btn-style-tran-dis:hover[b-twgvma80pr] {
        cursor: not-allowed;
    }

    .btn-style-tran-dis:focus[b-twgvma80pr] {
        outline: none;
    }

.btn-style-tran[b-twgvma80pr] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #ef7911;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px 0 0;
    margin: 0 3px;
}



    .btn-style-tran:hover[b-twgvma80pr] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #ef7911 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-tran:hover .img-icon1[b-twgvma80pr] {
            display: none;
        }

        .btn-style-tran:hover .img-icon2[b-twgvma80pr] {
            display: block;
        }

    .btn-style-tran:focus[b-twgvma80pr] {
        outline: none;
    }
/* /Components/ACRComponents/FactFinanciereComponents/HeaderViewComponents/FactFinSmallForms/FactFinAddress.razor.rz.scp.css */
.div-item-prj-p[b-khhbo0olnj] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.span-prj-title[b-khhbo0olnj] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 45%;
}

.address-body[b-khhbo0olnj] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: 20px;
}

.input-row[b-khhbo0olnj] {
    display: flex;
    flex-direction: row;
    align-items: center;
}


input[b-khhbo0olnj] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto; /* Adjust the width as needed */
    margin-right: 10px;
    height: 32px !important;
}

.form-control:focus[b-khhbo0olnj] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-khhbo0olnj] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-khhbo0olnj], .form-control[readonly][b-khhbo0olnj] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-khhbo0olnj] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}
/* /Components/ACRComponents/FactFinanciereComponents/LineViewComponents/BoxLineFactFin.razor.rz.scp.css */
.box-lab[b-pidutc399k] {
    margin-left: 7px;
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    opacity: 1;
}

.icon-div[b-pidutc399k] {
    margin-top: -3px;
}

.box-p[b-pidutc399k] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #4C4C4C;
    opacity: 1;
    margin-top: -4px;
}

.iconShow[b-pidutc399k] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
}

.opened[b-pidutc399k] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/ACRComponents/FactFinanciereComponents/LineViewComponents/BtnHeaderDetails.razor.rz.scp.css */
.left-btn[b-nnggmhl8sf] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}

a[b-nnggmhl8sf] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}

img[b-nnggmhl8sf] {
    width: 20px;
    height: 20px;
}
/* /Components/ACRComponents/FactFinanciereComponents/LineViewComponents/FormProjet.razor.rz.scp.css */
.champTra[b-q5cfbcabou] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-q5cfbcabou] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-q5cfbcabou] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/ACRComponents/FactFinanciereComponents/LineViewComponents/ListLineFactFin.razor.rz.scp.css */
.somme-card[b-q9x83gdwtr] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 301px;
    height: 382px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

td[b-q9x83gdwtr] {
    border-bottom: 1px solid #E6E6E6 !important;
}

.arrow-span[b-q9x83gdwtr] {
    position: absolute;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -2px;
    margin-left: 24px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
    z-index:1;
}

.imgProduit[b-q9x83gdwtr] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 6px;
}


.imgSwitch[b-q9x83gdwtr] {
    transition-duration: 0.4s;
    transition-property: transform;
}

.th-jrnl[b-q9x83gdwtr] {
    padding-left: 7px;
    padding-bottom: 11px;
}

.popover-lab[b-q9x83gdwtr] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}

.popover-p[b-q9x83gdwtr] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}

.rotate[b-q9x83gdwtr] {
    transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}

.opened[b-q9x83gdwtr] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/ACRComponents/FactFinanciereComponents/LineViewComponents/MoreInfoBoxComponent.razor.rz.scp.css */
.IDmvt[b-31kdsl3fhi] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}
/* /Components/ACRComponents/FactFinanciereComponents/LineViewComponents/MoreInfoBoxDetail.razor.rz.scp.css */
.detail[b-gpnzauk0lq] {
    border-bottom: 1px solid #F3EEEE;
    display: flex;
    flex-direction: row;
    padding-bottom: 18px;
}

.body-detail[b-gpnzauk0lq] {
    display: flex;
    flex-direction: row;
    margin-top: 14px;
}

.det[b-gpnzauk0lq] {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}

.box-lab[b-gpnzauk0lq] {
    margin-left: 7px;
    font-family: 'GravityBold';
    float: left;
    color: #024662;
    font-size: 14px;
    opacity: 1;
}

.box-p[b-gpnzauk0lq] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: right;
    color: #4C4C4C;
    opacity: 1;
    margin-bottom: 10px px;
}

.box[b-gpnzauk0lq] {
    margin-left: 20px;
    margin-top: 20px;
}

.div-group-child-short[b-gpnzauk0lq] {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.span-name[b-gpnzauk0lq] {
    padding-top: 8px;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #35414C;
    opacity: 1;
}

.btnDiv:focus[b-gpnzauk0lq], .btnDiv:focus-visible[b-gpnzauk0lq], .btnDiv:active[b-gpnzauk0lq] {
    border: none;
    background: none;
    outline: none;
    height: 54px;
    width: 88px;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
    opacity: 1;
}

.btnDiv[b-gpnzauk0lq] {
    border: none;
    background: none;
    outline: none;
    color: #024662;
    font-size: 14px;
    font-family: 'GravityBold';
    opacity: 1;
    height: 60px;
    width: 88px;
}

.SubDiv[b-gpnzauk0lq] {
    margin-left: 7px;
}

.opened[b-gpnzauk0lq] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/ACRComponents/FactFinanciereComponents/LineViewComponents/SmallPopoverFactFinComponent.razor.rz.scp.css */
.css-shapes-formplus[b-okk04r4315] {
    filter: drop-shadow(2px 1px 2px #838384);
    margin-top: -3px;
    margin-right: 10px;
    margin-bottom: -10px;
    margin-left: 10px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 33px;
    width: 33px;
    background-color: #007bc5;
    border-radius: 150px;
    cursor: pointer;
}
.hide[b-okk04r4315]{
    display:none !important;
}
.listsegment1[b-okk04r4315] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    filter: drop-shadow(2px 1px 2px #838384);
    background-color: #fff;
    position: absolute;
    z-index: 1003;
    min-width: 282px;
    margin-left: 83px;
    min-height: 336px;
    margin-top: -115px;
}
.somme-triang[b-okk04r4315] {
    margin-top: -23px;
    margin-left: 70px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    transform: rotate(-90deg);
    font-size: 20px;
}

.container1[b-okk04r4315] {
    text-align: left;
    height: 264px;
    overflow-y: scroll;
    line-height: 36px;
}

.spansegment[b-okk04r4315] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'GravityBold';
    color: #FFFFFF;
    text-align: left;
    margin-top: -11px;
    background-color: #F7931E;
    height: 42px;
    padding-top: 10px;
    padding-left: 20px;
}

.css-shapes-form-plus[b-okk04r4315] {
    margin-top: 23px;
    margin-right: 138px;
    margin-bottom: 10px;
    margin-left: 10px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    position: absolute;
    height: 43px;
    border-radius: 150px;
}
.search[b-okk04r4315] {
    background-color: #EFEFEF;
    width: 280px;
    border: none;
    padding-left: 20px;
    height: 41px;
}

    .search:focus[b-okk04r4315] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    }
.pourcent[b-okk04r4315] {
    margin-left: 74px;
}
/* /Components/ACRComponents/FactFinanciereComponents/LineViewComponents/TRDetailFactFin.razor.rz.scp.css */
.left-btn[b-rwivoyus9p] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}

a[b-rwivoyus9p] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}
/* /Components/ACRComponents/FactFinanciereComponents/PaiementComponents/HeaderPaiementComponent.razor.rz.scp.css */
.line-header[b-t9z34f7co9] {
    background-color: #F7F7F7;
    border-radius: 3px;
    height: 93px;
    flex-wrap: nowrap !important;
    justify-content: end;
    margin-bottom: 1px;
    display: flex;
}

.icon-header[b-t9z34f7co9] {
    width: 42px;
    height: 42px;
    margin-left: 23px;
    margin-top: 21px;
}
.somme-card[b-t9z34f7co9] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 506px;
    height: 103px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

.somme-triang[b-t9z34f7co9] {
    margin-top: -15px;
    margin-left: 43px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}

.somme-solde[b-t9z34f7co9] {
    font-family: GravityRegular;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
}

.somme-devise[b-t9z34f7co9] {
    font-family: GravityBold;
    font-size: 10px;
    text-align: left;
    letter-spacing: 0px;
}

.somme-valeur[b-t9z34f7co9] {
    font-family: GravityBold;
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
}

.somme:hover[b-t9z34f7co9] {
    cursor: pointer;
}
.pdate[b-t9z34f7co9] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}
.modepay[b-t9z34f7co9] {
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACRComponents/FactFinanciereComponents/PaiementComponents/HeaderPaiementWriteComponent.razor.rz.scp.css */
.line-header[b-b9emm2nhr4] {
    background-color: #F7F7F7;
    border-radius: 3px;
    height: 93px;
    flex-wrap: nowrap !important;
    justify-content: end;
    margin-bottom: 1px;
    display: flex;
}

.icon-header[b-b9emm2nhr4] {
    width: 42px;
    height: 42px;
    margin-left: 23px;
    margin-top: 21px;
}

.somme-card[b-b9emm2nhr4] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 506px;
    height: 103px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

.somme-triang[b-b9emm2nhr4] {
    margin-top: -15px;
    margin-left: 43px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}

.somme-solde[b-b9emm2nhr4] {
    font-family: GravityRegular;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
}

.somme-devise[b-b9emm2nhr4] {
    font-family: GravityBold;
    font-size: 10px;
    text-align: left;
    letter-spacing: 0px;
}

.somme-valeur[b-b9emm2nhr4] {
    font-family: GravityBold;
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
}

.somme:hover[b-b9emm2nhr4] {
    cursor: pointer;
}

.pdate[b-b9emm2nhr4] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.modepay[b-b9emm2nhr4] {
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACRComponents/FactFinanciereComponents/PaiementComponents/PaiementPopUp.razor.rz.scp.css */
.modal-back[b-3n8wjdlkvl] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-3n8wjdlkvl] {
    max-width: 100%;
    width:100%;
    position: fixed;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
    height: 100vh;
}

.popup-footer[b-3n8wjdlkvl] {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-3n8wjdlkvl] {
    width: 100%;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-3n8wjdlkvl] {
    width: 100%;
    margin-left: 0px;
    background: #024D6C 0% 0% no-repeat padding-box;
    height: 39px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
    justify-content: space-between;
}

.modal-title-popup[b-3n8wjdlkvl] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-3n8wjdlkvl] {
    margin-left: 0px;
}

.modal-body-filter[b-3n8wjdlkvl] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-3n8wjdlkvl] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACRComponents/FactFinanciereComponents/PaiementComponents/WriteOffComponent.razor.rz.scp.css */
.modal-back[b-zxqf1pu3jr] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-zxqf1pu3jr] {
    max-width: 100%;
    width: 100%;
    position: fixed;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
    height: 100vh;
}

.popup-footer[b-zxqf1pu3jr] {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-zxqf1pu3jr] {
    width: 100%;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-zxqf1pu3jr] {
    width: 100%;
    margin-left: 0px;
    background: #024D6C 0% 0% no-repeat padding-box;
    height: 39px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
    justify-content: space-between;
}

.modal-title-popup[b-zxqf1pu3jr] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-zxqf1pu3jr] {
    margin-left: 0px;
}

.modal-body-filter[b-zxqf1pu3jr] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-zxqf1pu3jr] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACRComponents/FactRadiationComponents/FilterModalFactRadiation.razor.rz.scp.css */

.modal-dialog-filter[b-78jzv4tj6e] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-78jzv4tj6e] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-78jzv4tj6e] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-78jzv4tj6e] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-78jzv4tj6e] {
    margin-top: 17px;
}

.closepop-entrerheure[b-78jzv4tj6e] {
    float: right;
}

.modal-body-filter[b-78jzv4tj6e] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-78jzv4tj6e] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-78jzv4tj6e] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-78jzv4tj6e] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-78jzv4tj6e] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-78jzv4tj6e] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ACRComponents/FactRadiationComponents/HeaderFactRadiationComponent.razor.rz.scp.css */
.line-header[b-nj80vpx067] {
    background-color: #F7F7F7;
    border-radius: 3px;
    height: 93px;
    flex-wrap: nowrap !important;
    justify-content: end;
    margin-bottom: 1px;
    display: flex;
}

.icon-header[b-nj80vpx067] {
    width: 42px;
    height: 42px;
    margin-left: 23px;
    margin-top: 21px;
}

.somme-card[b-nj80vpx067] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 506px;
    height: 103px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

.somme-triang[b-nj80vpx067] {
    margin-top: -15px;
    margin-left: 43px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}

.somme-solde[b-nj80vpx067] {
    font-family: GravityRegular;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
}

.somme-devise[b-nj80vpx067] {
    font-family: GravityBold;
    font-size: 10px;
    text-align: left;
    letter-spacing: 0px;
}

.somme-valeur[b-nj80vpx067] {
    font-family: GravityBold;
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
}

.somme:hover[b-nj80vpx067] {
    cursor: pointer;
}

.pdate[b-nj80vpx067] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.modepay[b-nj80vpx067] {
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACRComponents/PaiementComponents/FilterModalPaiement.razor.rz.scp.css */

.modal-dialog-filter[b-38jawou8d2] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-38jawou8d2] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-38jawou8d2] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-38jawou8d2] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-38jawou8d2] {
    margin-top: 17px;
}

.closepop-entrerheure[b-38jawou8d2] {
    float: right;
}

.modal-body-filter[b-38jawou8d2] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-38jawou8d2] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-38jawou8d2] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-38jawou8d2] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-38jawou8d2] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-38jawou8d2] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ACRComponents/PaiementComponents/HeaderPaiementComponent.razor.rz.scp.css */
.line-header[b-xwfzzkut80] {
    background-color: #F7F7F7;
    border-radius: 3px;
    height: 93px;
    flex-wrap: nowrap !important;
    justify-content: end;
    margin-bottom: 1px;
    display: flex;
}

    .line-header:last-child[b-xwfzzkut80] {
        border-right: none;
    }


.icon-header[b-xwfzzkut80] {
    width: 42px;
    height: 42px;
    margin-left: 23px;
    margin-top: 21px;
}

.somme-card[b-xwfzzkut80] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 506px;
    height: 103px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

.somme-triang[b-xwfzzkut80] {
    margin-top: -15px;
    margin-left: 43px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}

.somme-solde[b-xwfzzkut80] {
    font-family: GravityRegular;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
}

.somme-devise[b-xwfzzkut80] {
    font-family: GravityBold;
    font-size: 10px;
    text-align: left;
    letter-spacing: 0px;
}

.somme-valeur[b-xwfzzkut80] {
    font-family: GravityBold;
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
}

.somme:hover[b-xwfzzkut80] {
    cursor: pointer;
}

.pdate[b-xwfzzkut80] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.modepay[b-xwfzzkut80] {
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ACRComponents/Parametrage/RaisonRadComponents/FilterRaisonRad.razor.rz.scp.css */

.modal-dialog-filter[b-m6hnmm3st1] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-m6hnmm3st1] {
    width: 442px;
    height: auto;
}

.modal-header-filter[b-m6hnmm3st1] {
    width: 442px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-m6hnmm3st1] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-m6hnmm3st1] {
    margin-top: 17px;
}

.closepop-entrerheure[b-m6hnmm3st1] {
    float: right;
}

.modal-body-filter[b-m6hnmm3st1] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-m6hnmm3st1] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-m6hnmm3st1] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-m6hnmm3st1] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-m6hnmm3st1] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-m6hnmm3st1] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/AdjustJournalComponents/AdjustPageComponents/AdjustJournalDetailsPageComponent.razor.rz.scp.css */

.IDmvt[b-ocociw04mz] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}
.datecss:disabled[b-ocociw04mz], .datecss[readonly][b-ocociw04mz] {
    background-color: transparent;
    opacity: 1;
}
.datecss:enabled:hover[b-ocociw04mz] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
.datecss[b-ocociw04mz] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto;
    height: 32px !important;
}

    .datecss:focus[b-ocociw04mz] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: url('/icons/icon calnedrier.svg') no-repeat, white;
        background-position: bottom 9px right 10px;
    }
/* /Components/AdjustJournalComponents/AdjustPopUp.razor.rz.scp.css */

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-fuc5i8575n] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-dialog[b-fuc5i8575n] {
    max-width: 100% !important;
    margin: 1.75rem auto !important;
    width: 100%;
}

.img-enterh[b-fuc5i8575n] {
    margin-left: 16px;
}

.styletitle[b-fuc5i8575n] {
    margin-top: 0 !important;
    margin-left: 13px !important;
    display: flex;
    align-items: center;
}

.modal-title[b-fuc5i8575n] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-fuc5i8575n] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 17px;
    margin-left: 25px;
    margin-top: 10px;
}

@media screen and (max-width: 1400px) {
    .modal-title-prog[b-fuc5i8575n] {
        margin-top:0px;
    }
}


.closepop[b-fuc5i8575n] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-fuc5i8575n] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -10px;
    position: absolute;
    right: 19px;
}




.modal-body-revue[b-fuc5i8575n] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}


.modal-footer > :not(:first-child)[b-fuc5i8575n] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-fuc5i8575n] {
    margin-right: 0px;
}


/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content1[b-fuc5i8575n] {
    width: auto;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 1px 1px 1px 1px;
    margin-top: 51px;
    left: 0;
}

.modal-header-accepter1[b-fuc5i8575n] {
    width: 100%;
    height: 39px;
    background: #3399FF 0% 0% no-repeat padding-box;
    border-radius: 1px 1px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-fuc5i8575n] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}





/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-fuc5i8575n] {
    width: 100%;
    height: 42px;
    background: #3399FF 0% 0% no-repeat padding-box;
    border-radius: 1px 1px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

@media screen and (min-width: 771px) and (max-width: 1699px) {
    .img-enterh[b-fuc5i8575n] {
        display: flex;
        flex-direction: row;
        align-content: center;
    }
}

.modal-body-prog[b-fuc5i8575n] {
    width: auto;
    height: auto;
    line-height: 15px;
}

.icon-popup[b-fuc5i8575n] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}



.label-pers[b-fuc5i8575n] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}




.span-prog-title[b-fuc5i8575n] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}




.div-footer[b-fuc5i8575n] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/

@media screen and (min-width: 771px) and (max-width: 1699px) {
    .img-enterh[b-fuc5i8575n] {
        margin-left: 16px;
        width: 15px;
        height: 15px;
    }
}



@media(max-height:657px) {
    .body-entry-time1[b-fuc5i8575n] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}




.btn-confirm[b-fuc5i8575n] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}


.modal-menu-content[b-fuc5i8575n] {
    width: 100%;
    height: 342px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border-radius: 3px;
    opacity: 1;
    position: fixed;
    bottom: 0;
}

.modal-body-menu[b-fuc5i8575n] {
}

.modal-div[b-fuc5i8575n] {
    background-color: rgb(34,47,62,.75);
    display: block;
}
/* /Components/AdjustJournalComponents/AdjustViews/AdjustDetailsHeaderMore.razor.rz.scp.css */
.headmore[b-nuetl1mlt9] {
    background-color: rgba(199, 207, 216, 0.2);
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    height: 93px;
    padding-left: 22px;
    padding-right: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.IDmvtmore[b-nuetl1mlt9] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}

.champmore[b-nuetl1mlt9] {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    height: 100%;
    margin-top: 0px;
}

    .champmore:last-child[b-nuetl1mlt9] {
        border: none;
    }
/* /Components/AdjustJournalComponents/AdjustViews/BoxDetailComponent.razor.rz.scp.css */
.detail[b-afu8i8af4m] {
    border-bottom: 1px solid #F3EEEE;
    display: flex;
    flex-direction: row;
    padding-bottom: 18px;
}
.body-detail[b-afu8i8af4m] {
    display: flex;
    flex-direction: row;
    margin-top: 14px;
}
.det[b-afu8i8af4m] {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}
.box-lab[b-afu8i8af4m] {
    margin-left: 7px;
    font-family: 'GravityBold';
    float: left;
    color: #024662;
    font-size: 14px;
    opacity: 1;
}

.box-p[b-afu8i8af4m] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: right;
    color: #4C4C4C;
    opacity:1;
}
.box[b-afu8i8af4m] {
    margin-left: 20px;
    margin-top: 20px;
}
.div-group-child-short[b-afu8i8af4m]{
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}
.span-name[b-afu8i8af4m] {
    padding-top: 8px;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #35414C;
    opacity:1;
}
.btnDiv:focus[b-afu8i8af4m], .btnDiv:focus-visible[b-afu8i8af4m], .btnDiv:active[b-afu8i8af4m] {
    border: none;
    background: none;
    outline: none;
    height: 54px;
    width:88px;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
    opacity: 1;
}
.btnDiv[b-afu8i8af4m] {
    border: none;
    background: none;
    outline: none;
    color: #024662;
    font-size: 14px;
    font-family: 'GravityBold';
    opacity: 1;
    height: 60px;
    width: 88px;
}
.SubDiv[b-afu8i8af4m] {
    margin-left: 7px;
}
.btnDiv:focus[b-afu8i8af4m] {
    outline: none;
    border: none;
    outline: none;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
}

.btnDiv[b-afu8i8af4m] {
    height: 52px;
    width: 88px;
    background: none;
    border: none;
    color: #024662;
}

.champDet[b-afu8i8af4m] {
    display: flex;
    flex-direction: column;
}

.lineDet[b-afu8i8af4m] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelDet[b-afu8i8af4m] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}

.champTra[b-afu8i8af4m] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-afu8i8af4m] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-afu8i8af4m] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/AdjustJournalComponents/AdjustViews/BoxJournal.razor.rz.scp.css */
.box-lab[b-02ifo185rj] {
    margin-left: 7px;
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    opacity:1;
}

.box-p[b-02ifo185rj] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #4C4C4C;
    opacity:1;
}

.iconShow[b-02ifo185rj] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
}
.btnDiv:focus[b-02ifo185rj] {
    outline: none;
    border: none;
    outline: none;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
}

.btnDiv[b-02ifo185rj] {
    height: 52px;
    width: 88px;
    background: none;
    border: none;
    color: #024662;
}

.champDet[b-02ifo185rj] {
    display: flex;
    flex-direction: column;
}

.lineDet[b-02ifo185rj] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelDet[b-02ifo185rj] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}

.champTra[b-02ifo185rj] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-02ifo185rj] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-02ifo185rj] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
.iconDelete:hover[b-02ifo185rj]{
   cursor:pointer;
}
/* /Components/AdjustJournalComponents/AdjustViews/ListJournal.razor.rz.scp.css */
td[b-1x3m4ffiyu] {
    width: 12.5%;
}

[b-1x3m4ffiyu] .inputDouble {
    width: 100% !important;
}

[b-1x3m4ffiyu] .selectClass {
    width: 100% !important;
}

.div-edit-delete[b-1x3m4ffiyu] {
    margin-right: 32px;
    margin-top: 8px;
}

.somme-card[b-1x3m4ffiyu] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 301px;
    height: 382px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}
.arrow-span[b-1x3m4ffiyu] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -19px;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
    z-index:1;
}
.imgProduit[b-1x3m4ffiyu] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 6px;
}


.imgSwitch[b-1x3m4ffiyu] {
    transition-duration: 0.4s;
    transition-property: transform;
}
.th-jrnl[b-1x3m4ffiyu]{
    padding-left:7px;
}
.popover-lab[b-1x3m4ffiyu] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}
.popover-p[b-1x3m4ffiyu] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}

.rotate[b-1x3m4ffiyu] {
    transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}
.champTra[b-1x3m4ffiyu] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-1x3m4ffiyu] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-1x3m4ffiyu] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}

.champDet[b-1x3m4ffiyu] {
    display: flex;
    flex-direction: column;
}

.lineDet[b-1x3m4ffiyu] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelDet[b-1x3m4ffiyu] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/AdjustJournalComponents/AdjustViews/MoreInfoBoxComponent.razor.rz.scp.css */

@media screen and (min-width:500px) /*and (max-width:1200px)*/ {


    .formContent[b-2ahqjyaig1] {
        width: 70% !important;
        margin-left: 0px !important;
        padding-right: 0px !important;
    }
}
/* /Components/AdjustJournalComponents/AdjustViews/SwitchListDiv.razor.rz.scp.css */
.switchBtn[b-0ofx16ej2l] {
    position: fixed;
    top: 76px;
    left: 45%;
    outline: unset;
    background: transparent;
    border: none;
}

.imgSwitch[b-0ofx16ej2l] {
    transition-duration: 0.4s;
    transition-property: transform;
}
/* /Components/AdjustJournalComponents/BtnHeaderDiv.razor.rz.scp.css */

.left-btn[b-b78fpzkers] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}

a[b-b78fpzkers] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}

img[b-b78fpzkers] {
    width: 20px;
    height: 20px;
}
/* /Components/AdjustJournalComponents/DivDetail.razor.rz.scp.css */
.champDet[b-qjn7yeubbx] {
    display: flex;
    flex-direction: column;

}

.lineDet[b-qjn7yeubbx] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelDet[b-qjn7yeubbx] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/AdjustJournalComponents/DivDetailList.razor.rz.scp.css */
.btnDiv:focus[b-ejm5jgofxp] {
    outline: none;
    border: none;
    outline: none;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
}

.btnDiv[b-ejm5jgofxp] {
    height: 52px;
    width: 88px;
    background: none;
    border: none;
    color: #024662;
}

.champDet[b-ejm5jgofxp] {
    display: flex;
    flex-direction: column;
}

.lineDet[b-ejm5jgofxp] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelDet[b-ejm5jgofxp] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
.champTra[b-ejm5jgofxp] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-ejm5jgofxp] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-ejm5jgofxp] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/AdjustJournalComponents/DropdownView.razor.rz.scp.css */
.drop-down-ul[b-jtoy2tg7bp] {
    z-index: 1000;
    position: fixed;
    width: 182px;
    margin-top:10px;
    right: 420px;
}

.div-switch-view[b-jtoy2tg7bp] {
    font-family: 'GravityRegular';
    color: #576574;
    margin: auto;
}
.div-switch-view:hover[b-jtoy2tg7bp] {
    cursor:pointer;
}
.select-switch-view[b-jtoy2tg7bp], .select-switch-view:active[b-jtoy2tg7bp], .select-switch-view:focus[b-jtoy2tg7bp], .select-switch-view:focus-visible[b-jtoy2tg7bp], .select-switch-view:focus-within[b-jtoy2tg7bp] {
    border: none;
    color: #0984E3;
    outline: none;
    height: 4px;
    position: fixed;
    width: 130px;
}

.li-view:hover[b-jtoy2tg7bp] {
    color: #268BFD;
}


.text-span[b-jtoy2tg7bp] {
    text-align: left;
    letter-spacing: 0px;
    color: #00426A;
    opacity: 1;
    font-size: 15px;
    font-family: GravityBold;
}

.list-group-item-li[b-jtoy2tg7bp] {
    border: 0px;
    border-bottom: 1px solid #eaeaea;
    color: #576574;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    width: 182px;
    height: 44px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 2px;
    opacity: 1;
}

.span-view[b-jtoy2tg7bp] {
    padding-right: 16px;
    font-family: 'GravityRegular';
    font-size: 15px;
    float: left;
}
/* /Components/AdjustJournalComponents/FilterModalLines.razor.rz.scp.css */

.modal-dialog-filter[b-r4i2wjzgzd] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-r4i2wjzgzd] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-r4i2wjzgzd] {
        left: -160px;
    }
}
.modal-header-filter[b-r4i2wjzgzd] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-r4i2wjzgzd] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-r4i2wjzgzd] {
    margin-top: 17px;
}

.closepop-entrerheure[b-r4i2wjzgzd] {
    float: right;
}

.modal-body-filter[b-r4i2wjzgzd] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-r4i2wjzgzd] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-r4i2wjzgzd] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-r4i2wjzgzd] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-r4i2wjzgzd] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-r4i2wjzgzd] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/AdjustJournalComponents/INVJournFilterModal.razor.rz.scp.css */
@media only screen and (max-width: 1050px) {

    .modal-dialog-filter[b-n7y78dwrte] {
        left: 15% !important;
    }
}
.modal-dialog-filter[b-n7y78dwrte] {
    max-width: 858px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-n7y78dwrte] {
    width: 858px;
    height: auto;
}

.modal-header-filter[b-n7y78dwrte] {
    width: 858px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-n7y78dwrte] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-n7y78dwrte] {
    margin-top: 17px;
}

.closepop-entrerheure[b-n7y78dwrte] {
    float: right;
    margin-top: 0px;
}

.modal-body-filter[b-n7y78dwrte] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-n7y78dwrte] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-n7y78dwrte] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-n7y78dwrte] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-n7y78dwrte] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-n7y78dwrte] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/AdjustJournalComponents/ValidateBtn.razor.rz.scp.css */
.img-icon1[b-cmr00ccs9y] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 24px;
}

.img-icon2[b-cmr00ccs9y] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 24px;
    display: none;
}

.btn-style-tran-dis[b-cmr00ccs9y] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #2e9cf3;
    display: grid;
    justify-items: center;
    min-width: 103px;
}
.btn-style-tran-dis:hover[b-cmr00ccs9y] {
cursor: not-allowed;
}
    .btn-style-tran-dis:focus[b-cmr00ccs9y] {
   
        outline: none;
    }
.btn-style-tran[b-cmr00ccs9y] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #2e9cf3;
    display: grid;
    justify-items: center;
    min-width: 103px;
}



    .btn-style-tran:hover[b-cmr00ccs9y] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #2e9cf3 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

    .btn-style-tran:hover .img-icon1[b-cmr00ccs9y] {
        display: none;
    }

    .btn-style-tran:hover .img-icon2[b-cmr00ccs9y] {
        display: block;
    }

    .btn-style-tran:focus[b-cmr00ccs9y] {
        outline: none;
    }
/* /Components/AdministrationComponents/BtnAddMapField.razor.rz.scp.css */

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.icon-bookDay[b-zypd14uq52] {
    max-width: 34px;
    max-height: 23px;
    margin-top: 1px;
}
.img-icon[b-zypd14uq52] {
    max-width: 34px;
    max-height: 33px;
}

.img-icon-stand[b-zypd14uq52] {
    max-width: 25px;
    max-height: 25px;
}

.btn-new[b-zypd14uq52] {
    border: none;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #222F3E;
    width: 120px;
    height: 40px;
    margin-left: 45px;
    margin-top: 5px;
    margin-bottom: 7px;
    display: flex;
    flex-direction: column;
}

    .btn-new:hover[b-zypd14uq52] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 120px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

    .btn-new:focus[b-zypd14uq52], .btn-new-task:focus-visible[b-zypd14uq52], .btn-new-task:active[b-zypd14uq52] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 120px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

.img-add[b-zypd14uq52] {
    padding-left: 45px;
    padding-top: 2px;
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-zypd14uq52] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
    min-width: 103px;
}

.btn-action-style[b-zypd14uq52] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-zypd14uq52] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-zypd14uq52] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-zypd14uq52], .btn-style:focus-visible[b-zypd14uq52], .btn-style:active[b-zypd14uq52] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-zypd14uq52] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-zypd14uq52] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/AdministrationComponents/ChargesComponents/FilterCharge.razor.rz.scp.css */

.modal-dialog-filter[b-5zqfkbqq3x] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-5zqfkbqq3x] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-5zqfkbqq3x] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-5zqfkbqq3x] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-5zqfkbqq3x] {
    margin-top: 17px;
}

.closepop-entrerheure[b-5zqfkbqq3x] {
    float: right;
}

.modal-body-filter[b-5zqfkbqq3x] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-5zqfkbqq3x] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-5zqfkbqq3x] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-5zqfkbqq3x] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-5zqfkbqq3x] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-5zqfkbqq3x] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/AdministrationComponents/ConfigDiv.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-info-content[b-reodtg7jbo] {
    max-width: 100%;
    border-radius: 0px;
    /*margin-top: -5px;*/
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
    height: 100%;
}

[b-reodtg7jbo] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-reodtg7jbo] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-reodtg7jbo] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-reodtg7jbo] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-reodtg7jbo] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-reodtg7jbo] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-reodtg7jbo] .div-line-col {
        display: grid;
    }
}

[b-reodtg7jbo] .content-project-div {
    max-width: 1382px;
}

[b-reodtg7jbo] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-reodtg7jbo] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-reodtg7jbo] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-reodtg7jbo] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-reodtg7jbo] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-reodtg7jbo] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-reodtg7jbo] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-reodtg7jbo] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-reodtg7jbo] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-reodtg7jbo] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-reodtg7jbo] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-reodtg7jbo] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-reodtg7jbo] .div-note-content {
        height: unset !important;
    }

    [b-reodtg7jbo] .div-note-content {
        flex-direction: column;
    }

    [b-reodtg7jbo] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-reodtg7jbo] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-reodtg7jbo] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-reodtg7jbo] .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-reodtg7jbo] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-reodtg7jbo] .col-prj {
    padding-left: 0px;
}

[b-reodtg7jbo] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-reodtg7jbo] .input-style, .input-icon[b-reodtg7jbo] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-reodtg7jbo] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-reodtg7jbo] .div-dashboard {
        display: none;
    }
}

[b-reodtg7jbo] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-reodtg7jbo] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-reodtg7jbo] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-reodtg7jbo] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-reodtg7jbo] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-reodtg7jbo] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-reodtg7jbo] .div-hour {
    margin-top: 4px;
}

[b-reodtg7jbo] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-reodtg7jbo] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-reodtg7jbo] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-reodtg7jbo] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-reodtg7jbo] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-reodtg7jbo] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-reodtg7jbo] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-reodtg7jbo] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-reodtg7jbo] check-span {
    content: "\2713";
}

[b-reodtg7jbo] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-reodtg7jbo] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-reodtg7jbo] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-reodtg7jbo] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-reodtg7jbo] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-reodtg7jbo] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-reodtg7jbo] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-reodtg7jbo] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-reodtg7jbo] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-reodtg7jbo] .div-note-content {
        height: unset !important;
    }

    [b-reodtg7jbo] .div-note-content {
        flex-direction: column;
    }

    [b-reodtg7jbo] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-reodtg7jbo] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-reodtg7jbo] .div-text-note {
        margin-top: 0px !important;
    }
}



@media (min-width:550px) and (max-width:900px) {

    .div-prj-container[b-reodtg7jbo] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .card-info-content[b-reodtg7jbo] {
        height: 100vh !important;
    }

    .input-icon[b-reodtg7jbo], .input-prj-style[b-reodtg7jbo], .prj-textarea[b-reodtg7jbo] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}

@media (max-width:550px) {

    .div-prj-container[b-reodtg7jbo] {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .card-info-content[b-reodtg7jbo] {
        height: 100vh !important;
    }

    .input-icon[b-reodtg7jbo], .input-prj-style[b-reodtg7jbo], .prj-textarea[b-reodtg7jbo] {
        box-shadow: 1px 1px 3px #02171e33 !important;
    }
}
/* Styles for the hover state of the custom checkbox */
input[type='checkbox'].check-custom:hover ~ .check-toggle[b-reodtg7jbo] {
    border: 1px solid #2A982F;
}

/* Styles for the focus state of the custom checkbox */
input[type='checkbox'].check-custom:focus ~ .check-toggle[b-reodtg7jbo] {
    box-shadow: 0 0 0 1px rgba(23, 133, 255, 0.25);
}

/* Styles for the checked state of the custom checkbox */
input[type='checkbox'].check-custom:checked ~ .check-toggle[b-reodtg7jbo] {
    border-color: #2A982F !important;
    background: url('/icons/CheckBoxActive.svg') center no-repeat;
    background-size: 75%;
}


/* Styles for hiding the native checkbox */
input[type='checkbox'].check-custom[b-reodtg7jbo] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    /* Styles for the basic appearance of the custom checkbox */
    input[type='checkbox'].check-custom ~ .check-toggle[b-reodtg7jbo] {
        width: 23px;
        height: 23px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%;
    }

.label-select[b-reodtg7jbo] {
    margin-bottom: unset;
}

/*.tr-list:hover input[type='checkbox'].check-custom ~ .check-toggle {
    border-color: #2A982F;
    background: #2A982F url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center no-repeat;
    background-size: 75%;
}
*/
.cen-select[b-reodtg7jbo] {
    margin-top: 10px;
}

.disabledClass[b-reodtg7jbo] {
    cursor: default !important;
    pointer-events: none;
}

.div-item-prj-p[b-reodtg7jbo] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-reodtg7jbo] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

.divCheckBox[b-reodtg7jbo] {
    margin-left: 30px;
    margin-top: 5px;
}
/* /Components/AdministrationComponents/ConfigDivEdit.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-info-content[b-5xoravd5sq] {
    max-width: 100%;
    border-radius: 0px;
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
    height: 100%;
}

[b-5xoravd5sq] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-5xoravd5sq] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-5xoravd5sq] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-5xoravd5sq] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-5xoravd5sq] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-5xoravd5sq] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-5xoravd5sq] .div-line-col {
        display: grid;
    }
}

[b-5xoravd5sq] .content-project-div {
    max-width: 1382px;
}

[b-5xoravd5sq] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-5xoravd5sq] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-5xoravd5sq] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-5xoravd5sq] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-5xoravd5sq] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-5xoravd5sq] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-5xoravd5sq] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-5xoravd5sq] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-5xoravd5sq] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-5xoravd5sq] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-5xoravd5sq] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-5xoravd5sq] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-5xoravd5sq] .div-note-content {
        height: unset !important;
    }

    [b-5xoravd5sq] .div-note-content {
        flex-direction: column;
    }

    [b-5xoravd5sq] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-5xoravd5sq] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-5xoravd5sq] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-5xoravd5sq] .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-5xoravd5sq] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-5xoravd5sq] .col-prj {
    padding-left: 0px;
}

[b-5xoravd5sq] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-5xoravd5sq] .input-style, .input-icon[b-5xoravd5sq] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-5xoravd5sq] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-5xoravd5sq] .div-dashboard {
        display: none;
    }
}

[b-5xoravd5sq] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-5xoravd5sq] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-5xoravd5sq] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-5xoravd5sq] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-5xoravd5sq] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-5xoravd5sq] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-5xoravd5sq] .div-hour {
    margin-top: 4px;
}

[b-5xoravd5sq] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-5xoravd5sq] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-5xoravd5sq] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-5xoravd5sq] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-5xoravd5sq] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-5xoravd5sq] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-5xoravd5sq] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-5xoravd5sq] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-5xoravd5sq] check-span {
    content: "\2713";
}

[b-5xoravd5sq] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-5xoravd5sq] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-5xoravd5sq] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-5xoravd5sq] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-5xoravd5sq] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-5xoravd5sq] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-5xoravd5sq] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-5xoravd5sq] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-5xoravd5sq] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-5xoravd5sq] .div-note-content {
        height: unset !important;
    }

    [b-5xoravd5sq] .div-note-content {
        flex-direction: column;
    }

    [b-5xoravd5sq] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-5xoravd5sq] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-5xoravd5sq] .div-text-note {
        margin-top: 0px !important;
    }
}

/* Styles for the hover state of the custom checkbox */
input[type='checkbox'].check-custom:hover ~ .check-toggle[b-5xoravd5sq] {
    border: 1px solid #2A982F;
}

/* Styles for the focus state of the custom checkbox */
input[type='checkbox'].check-custom:focus ~ .check-toggle[b-5xoravd5sq] {
    box-shadow: 0 0 0 1px rgba(23, 133, 255, 0.25);
}

/* Styles for the checked state of the custom checkbox */
input[type='checkbox'].check-custom:checked ~ .check-toggle[b-5xoravd5sq] {
    border-color: #2A982F !important;
    background: url('/icons/CheckBoxActive.svg') center no-repeat;
    background-size: 75%;
}


/* Styles for hiding the native checkbox */
input[type='checkbox'].check-custom[b-5xoravd5sq] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    /* Styles for the basic appearance of the custom checkbox */
    input[type='checkbox'].check-custom ~ .check-toggle[b-5xoravd5sq] {
        width: 23px;
        height: 23px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%;
    }

.label-select[b-5xoravd5sq] {
    margin-bottom: unset;
}

/*.tr-list:hover input[type='checkbox'].check-custom ~ .check-toggle {
    border-color: #2A982F;
    background: #2A982F url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center no-repeat;
    background-size: 75%;
}
*/
.cen-select[b-5xoravd5sq] {
    margin-top: 10px;
}

.disabledClass[b-5xoravd5sq] {
    cursor: default !important;
    pointer-events: none;
}

.div-item-prj-p[b-5xoravd5sq] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-5xoravd5sq] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

.divCheckBox[b-5xoravd5sq] {
    margin-left: 30px;
    margin-top: 5px;
}
/* /Components/AdministrationComponents/DetailsAdministrationConfigDataArea.razor.rz.scp.css */
.div-item-prj-p[b-m6to8toaen] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-m6to8toaen] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

input[b-m6to8toaen] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.form-control:focus[b-m6to8toaen] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-m6to8toaen] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-m6to8toaen], .form-control[readonly][b-m6to8toaen] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-m6to8toaen] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}

.botlabel[b-m6to8toaen] {
    font-family: GravityRegular;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    margin-left: 15px;
    padding-left: 15px;
}
/* /Components/AdministrationComponents/DetailsAdministrationConfigDataAreaDivEdit.razor.rz.scp.css */
.div-item-prj-p[b-l8u8loayvh] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
    display: flex;
    flex-direction: column;
}

.span-prj-title[b-l8u8loayvh] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    padding-left: 15px;
}

[b-l8u8loayvh] .form-control {
    background-color: transparent;
    border: none;
    border-radius: 9px;
    opacity: 1;
    margin-top: 2px;
    margin-left: 10px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    box-shadow: none;
    height: 34px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: unset;
    padding-left: 20px;
    width:360px;
}


    [b-l8u8loayvh] .form-control:focus {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 95% / 3% no-repeat white !important;
    }

[b-l8u8loayvh] .border-input:hover {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
/* /Components/AdministrationComponents/DetailsAdministrationConfigMap.razor.rz.scp.css */
.div-item-prj-p[b-f0iudlzcqv] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-f0iudlzcqv] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

input[b-f0iudlzcqv] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.form-control:focus[b-f0iudlzcqv] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-f0iudlzcqv] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-f0iudlzcqv], .form-control[readonly][b-f0iudlzcqv] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-f0iudlzcqv] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}

.botlabel[b-f0iudlzcqv] {
    font-family: GravityRegular;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    margin-left: 15px;
    padding-left: 15px;
}
/* /Components/AdministrationComponents/DetailsAdministrationConfigTimeEntryDiv.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-info-content[b-hziayhps0c] {
    max-width: 100%;
    border-radius: 0px;
    /*margin-top: -5px;*/
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
    height: 100%;
}

[b-hziayhps0c] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-hziayhps0c] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-hziayhps0c] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-hziayhps0c] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-hziayhps0c] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-hziayhps0c] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-hziayhps0c] .div-line-col {
        display: grid;
    }
}

[b-hziayhps0c] .content-project-div {
    max-width: 1382px;
}

[b-hziayhps0c] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-hziayhps0c] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-hziayhps0c] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-hziayhps0c] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-hziayhps0c] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-hziayhps0c] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-hziayhps0c] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-hziayhps0c] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-hziayhps0c] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-hziayhps0c] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-hziayhps0c] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-hziayhps0c] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-hziayhps0c] .div-note-content {
        height: unset !important;
    }

    [b-hziayhps0c] .div-note-content {
        flex-direction: column;
    }

    [b-hziayhps0c] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-hziayhps0c] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-hziayhps0c] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-hziayhps0c] .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-hziayhps0c] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-hziayhps0c] .col-prj {
    padding-left: 0px;
}

[b-hziayhps0c] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-hziayhps0c] .input-style, .input-icon[b-hziayhps0c] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-hziayhps0c] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-hziayhps0c] .div-dashboard {
        display: none;
    }
}

[b-hziayhps0c] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-hziayhps0c] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-hziayhps0c] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-hziayhps0c] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-hziayhps0c] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-hziayhps0c] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-hziayhps0c] .div-hour {
    margin-top: 4px;
}

[b-hziayhps0c] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-hziayhps0c] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-hziayhps0c] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-hziayhps0c] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-hziayhps0c] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-hziayhps0c] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-hziayhps0c] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-hziayhps0c] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-hziayhps0c] check-span {
    content: "\2713";
}

[b-hziayhps0c] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-hziayhps0c] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-hziayhps0c] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-hziayhps0c] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-hziayhps0c] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-hziayhps0c] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-hziayhps0c] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-hziayhps0c] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-hziayhps0c] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-hziayhps0c] .div-note-content {
        height: unset !important;
    }

    [b-hziayhps0c] .div-note-content {
        flex-direction: column;
    }

    [b-hziayhps0c] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-hziayhps0c] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-hziayhps0c] .div-text-note {
        margin-top: 0px !important;
    }
}



@media (min-width:550px) and (max-width:900px) {

    .div-prj-container[b-hziayhps0c] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .card-info-content[b-hziayhps0c] {
        height: 100vh !important;
    }

    .input-icon[b-hziayhps0c], .input-prj-style[b-hziayhps0c], .prj-textarea[b-hziayhps0c] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}

@media (max-width:550px) {

    .div-prj-container[b-hziayhps0c] {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .card-info-content[b-hziayhps0c] {
        height: 100vh !important;
    }

    .input-icon[b-hziayhps0c], .input-prj-style[b-hziayhps0c], .prj-textarea[b-hziayhps0c] {
        box-shadow: 1px 1px 3px #02171e33 !important;
    }
}
/* Styles for the hover state of the custom checkbox */
input[type='checkbox'].check-custom:hover ~ .check-toggle[b-hziayhps0c] {
    border: 1px solid #2A982F;
}

/* Styles for the focus state of the custom checkbox */
input[type='checkbox'].check-custom:focus ~ .check-toggle[b-hziayhps0c] {
    box-shadow: 0 0 0 1px rgba(23, 133, 255, 0.25);
}

/* Styles for the checked state of the custom checkbox */
input[type='checkbox'].check-custom:checked ~ .check-toggle[b-hziayhps0c] {
    border-color: #2A982F !important;
    background: url('/icons/CheckBoxActive.svg') center no-repeat;
    background-size: 75%;
}


/* Styles for hiding the native checkbox */
input[type='checkbox'].check-custom[b-hziayhps0c] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    /* Styles for the basic appearance of the custom checkbox */
    input[type='checkbox'].check-custom ~ .check-toggle[b-hziayhps0c] {
        width: 23px;
        height: 23px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%;
    }

.label-select[b-hziayhps0c] {
    margin-bottom: unset;
}

/*.tr-list:hover input[type='checkbox'].check-custom ~ .check-toggle {
    border-color: #2A982F;
    background: #2A982F url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center no-repeat;
    background-size: 75%;
}
*/
.cen-select[b-hziayhps0c] {
    margin-top: 10px;
}

.disabledClass[b-hziayhps0c] {
    cursor: default !important;
    pointer-events: none;
}

.div-item-prj-p[b-hziayhps0c] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-hziayhps0c] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

.divCheckBox[b-hziayhps0c] {
    margin-left: 30px;
    margin-top: 5px;
}

/* /Components/AdministrationComponents/DetailsAdministrationConfigTimeEntryDivEdit.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-info-content[b-1uehmple1h] {
    max-width: 100%;
    border-radius: 0px;
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
    height: 100%;
}

[b-1uehmple1h] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-1uehmple1h] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-1uehmple1h] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-1uehmple1h] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-1uehmple1h] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-1uehmple1h] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-1uehmple1h] .div-line-col {
        display: grid;
    }
}

[b-1uehmple1h] .content-project-div {
    max-width: 1382px;
}

[b-1uehmple1h] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-1uehmple1h] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-1uehmple1h] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-1uehmple1h] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-1uehmple1h] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-1uehmple1h] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-1uehmple1h] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-1uehmple1h] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-1uehmple1h] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-1uehmple1h] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-1uehmple1h] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-1uehmple1h] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-1uehmple1h] .div-note-content {
        height: unset !important;
    }

    [b-1uehmple1h] .div-note-content {
        flex-direction: column;
    }

    [b-1uehmple1h] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-1uehmple1h] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-1uehmple1h] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-1uehmple1h] .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-1uehmple1h] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-1uehmple1h] .col-prj {
    padding-left: 0px;
}

[b-1uehmple1h] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-1uehmple1h] .input-style, .input-icon[b-1uehmple1h] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-1uehmple1h] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-1uehmple1h] .div-dashboard {
        display: none;
    }
}

[b-1uehmple1h] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-1uehmple1h] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-1uehmple1h] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-1uehmple1h] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-1uehmple1h] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-1uehmple1h] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-1uehmple1h] .div-hour {
    margin-top: 4px;
}

[b-1uehmple1h] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-1uehmple1h] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-1uehmple1h] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-1uehmple1h] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-1uehmple1h] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-1uehmple1h] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-1uehmple1h] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-1uehmple1h] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-1uehmple1h] check-span {
    content: "\2713";
}

[b-1uehmple1h] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-1uehmple1h] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-1uehmple1h] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-1uehmple1h] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-1uehmple1h] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-1uehmple1h] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-1uehmple1h] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-1uehmple1h] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-1uehmple1h] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-1uehmple1h] .div-note-content {
        height: unset !important;
    }

    [b-1uehmple1h] .div-note-content {
        flex-direction: column;
    }

    [b-1uehmple1h] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-1uehmple1h] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-1uehmple1h] .div-text-note {
        margin-top: 0px !important;
    }
}
/* Styles for the hover state of the custom checkbox */
input[type='checkbox'].check-custom:hover ~ .check-toggle[b-1uehmple1h] {
    border: 1px solid #2A982F;
}

/* Styles for the focus state of the custom checkbox */
input[type='checkbox'].check-custom:focus ~ .check-toggle[b-1uehmple1h] {
    box-shadow: 0 0 0 1px rgba(23, 133, 255, 0.25);
}

/* Styles for the checked state of the custom checkbox */
input[type='checkbox'].check-custom:checked ~ .check-toggle[b-1uehmple1h] {
    border-color: #2A982F !important;
    background: url('/icons/CheckBoxActive.svg') center no-repeat;
    background-size: 75%;
}


/* Styles for hiding the native checkbox */
input[type='checkbox'].check-custom[b-1uehmple1h] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    /* Styles for the basic appearance of the custom checkbox */
    input[type='checkbox'].check-custom ~ .check-toggle[b-1uehmple1h] {
        width: 23px;
        height: 23px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%;
    }

.label-select[b-1uehmple1h] {
    margin-bottom: unset;
}

/*.tr-list:hover input[type='checkbox'].check-custom ~ .check-toggle {
    border-color: #2A982F;
    background: #2A982F url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center no-repeat;
    background-size: 75%;
}
*/
.cen-select[b-1uehmple1h] {
    margin-top: 10px;
}

.disabledClass[b-1uehmple1h] {
    cursor: default !important;
    pointer-events: none;
}

.div-item-prj-p[b-1uehmple1h] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-1uehmple1h] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

.divCheckBox[b-1uehmple1h] {
    margin-left: 30px;
    margin-top: 5px;
}
/* /Components/AdministrationComponents/DetailsAdministrationDiv.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.card-info-content[b-v82pnr2uog] {
    max-width: 100%;
    border-radius: 0px;
    /*margin-top: -5px;*/
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
    height: 100%;
}
[b-v82pnr2uog] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-v82pnr2uog] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-v82pnr2uog] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-v82pnr2uog] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-v82pnr2uog] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-v82pnr2uog] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-v82pnr2uog] .div-line-col {
        display: grid;
    }
}

[b-v82pnr2uog] .content-project-div {
    max-width: 1382px;
}

[b-v82pnr2uog] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-v82pnr2uog] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-v82pnr2uog] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-v82pnr2uog] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-v82pnr2uog] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-v82pnr2uog] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-v82pnr2uog] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-v82pnr2uog] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-v82pnr2uog] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-v82pnr2uog] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-v82pnr2uog] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-v82pnr2uog] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-v82pnr2uog] .div-note-content {
        height: unset !important;
    }

    [b-v82pnr2uog] .div-note-content {
        flex-direction: column;
    }

    [b-v82pnr2uog] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-v82pnr2uog] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-v82pnr2uog] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-v82pnr2uog]  .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-v82pnr2uog] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-v82pnr2uog] .col-prj {
    padding-left: 0px;
}

[b-v82pnr2uog] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-v82pnr2uog] .input-style, .input-icon[b-v82pnr2uog] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-v82pnr2uog] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-v82pnr2uog] .div-dashboard {
        display: none;
    }
}

[b-v82pnr2uog] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-v82pnr2uog] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-v82pnr2uog] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-v82pnr2uog] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-v82pnr2uog] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-v82pnr2uog] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-v82pnr2uog] .div-hour {
    margin-top: 4px;
}

[b-v82pnr2uog] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-v82pnr2uog] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-v82pnr2uog] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-v82pnr2uog] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-v82pnr2uog] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-v82pnr2uog] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-v82pnr2uog] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-v82pnr2uog] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-v82pnr2uog] check-span {
    content: "\2713";
}

[b-v82pnr2uog] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-v82pnr2uog] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-v82pnr2uog] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-v82pnr2uog] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-v82pnr2uog] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-v82pnr2uog] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-v82pnr2uog] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-v82pnr2uog] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-v82pnr2uog] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-v82pnr2uog] .div-note-content {
        height: unset !important;
    }

    [b-v82pnr2uog] .div-note-content {
        flex-direction: column;
    }

    [b-v82pnr2uog] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-v82pnr2uog] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-v82pnr2uog] .div-text-note {
        margin-top: 0px !important;
    }
}



@media (min-width:550px) and (max-width:900px) {

    .div-prj-container[b-v82pnr2uog] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .card-info-content[b-v82pnr2uog] {
        height: 100vh !important;
    }

    .input-icon[b-v82pnr2uog], .input-prj-style[b-v82pnr2uog], .prj-textarea[b-v82pnr2uog] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}

@media (max-width:550px) {

    .div-prj-container[b-v82pnr2uog] {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .card-info-content[b-v82pnr2uog] {
        height: 100vh !important;
    }

    .input-icon[b-v82pnr2uog], .input-prj-style[b-v82pnr2uog], .prj-textarea[b-v82pnr2uog] {
        box-shadow: 1px 1px 3px #02171e33 !important;
    }
}
.div-item-prj-p[b-v82pnr2uog] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-v82pnr2uog] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

input[b-v82pnr2uog] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.form-control:focus[b-v82pnr2uog] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-v82pnr2uog] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-v82pnr2uog], .form-control[readonly][b-v82pnr2uog] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-v82pnr2uog] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}

.botlabel[b-v82pnr2uog] {
    font-family: GravityRegular;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    margin-left: 15px;
    padding-left: 15px;
}
/* /Components/AdministrationComponents/DetailsAdministrationDivEdit.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.card-info-content[b-binrrnigi6] {
    max-width: 100%;
    border-radius: 0px;
 
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
 height:100%;
 
}
[b-binrrnigi6] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-binrrnigi6] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-binrrnigi6] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-binrrnigi6] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-binrrnigi6] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-binrrnigi6] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-binrrnigi6] .div-line-col {
        display: grid;
    }
}

[b-binrrnigi6] .content-project-div {
    max-width: 1382px;
}

[b-binrrnigi6] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-binrrnigi6] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-binrrnigi6] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-binrrnigi6] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-binrrnigi6] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-binrrnigi6] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-binrrnigi6] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-binrrnigi6] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-binrrnigi6] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-binrrnigi6] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-binrrnigi6] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-binrrnigi6] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-binrrnigi6] .div-note-content {
        height: unset !important;
    }

    [b-binrrnigi6] .div-note-content {
        flex-direction: column;
    }

    [b-binrrnigi6] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-binrrnigi6] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-binrrnigi6] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-binrrnigi6]  .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-binrrnigi6] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-binrrnigi6] .col-prj {
    padding-left: 0px;
}

[b-binrrnigi6] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-binrrnigi6] .input-style, .input-icon[b-binrrnigi6] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-binrrnigi6] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-binrrnigi6] .div-dashboard {
        display: none;
    }
}

[b-binrrnigi6] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-binrrnigi6] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-binrrnigi6] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-binrrnigi6] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-binrrnigi6] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-binrrnigi6] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-binrrnigi6] .div-hour {
    margin-top: 4px;
}

[b-binrrnigi6] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-binrrnigi6] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-binrrnigi6] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-binrrnigi6] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-binrrnigi6] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-binrrnigi6] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-binrrnigi6] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-binrrnigi6] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-binrrnigi6] check-span {
    content: "\2713";
}

[b-binrrnigi6] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-binrrnigi6] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-binrrnigi6] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-binrrnigi6] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-binrrnigi6] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-binrrnigi6] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-binrrnigi6] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-binrrnigi6] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-binrrnigi6] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-binrrnigi6] .div-note-content {
        height: unset !important;
    }

    [b-binrrnigi6] .div-note-content {
        flex-direction: column;
    }

    [b-binrrnigi6] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-binrrnigi6] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-binrrnigi6] .div-text-note {
        margin-top: 0px !important;
    }
}

.div-item-prj-p[b-binrrnigi6] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-binrrnigi6] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

input[b-binrrnigi6] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.form-control:focus[b-binrrnigi6] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-binrrnigi6] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-binrrnigi6], .form-control[readonly][b-binrrnigi6] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-binrrnigi6] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}

.botlabel[b-binrrnigi6] {
    font-family: GravityRegular;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    margin-left: 15px;
    padding-left: 15px;
}
/* /Components/AdministrationComponents/FeatureManagmentDiv.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-info-content[b-mvnzo8j5xm] {
    max-width: 100%;
    border-radius: 0px;
    /*margin-top: -5px;*/
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
    height: 100%;
}

[b-mvnzo8j5xm] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-mvnzo8j5xm] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-mvnzo8j5xm] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-mvnzo8j5xm] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-mvnzo8j5xm] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-mvnzo8j5xm] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-mvnzo8j5xm] .div-line-col {
        display: grid;
    }
}

[b-mvnzo8j5xm] .content-project-div {
    max-width: 1382px;
}

[b-mvnzo8j5xm] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-mvnzo8j5xm] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-mvnzo8j5xm] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-mvnzo8j5xm] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-mvnzo8j5xm] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-mvnzo8j5xm] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-mvnzo8j5xm] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-mvnzo8j5xm] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-mvnzo8j5xm] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-mvnzo8j5xm] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-mvnzo8j5xm] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-mvnzo8j5xm] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-mvnzo8j5xm] .div-note-content {
        height: unset !important;
    }

    [b-mvnzo8j5xm] .div-note-content {
        flex-direction: column;
    }

    [b-mvnzo8j5xm] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-mvnzo8j5xm] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-mvnzo8j5xm] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-mvnzo8j5xm] .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-mvnzo8j5xm] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-mvnzo8j5xm] .col-prj {
    padding-left: 0px;
}

[b-mvnzo8j5xm] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-mvnzo8j5xm] .input-style, .input-icon[b-mvnzo8j5xm] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-mvnzo8j5xm] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-mvnzo8j5xm] .div-dashboard {
        display: none;
    }
}

[b-mvnzo8j5xm] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-mvnzo8j5xm] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-mvnzo8j5xm] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-mvnzo8j5xm] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-mvnzo8j5xm] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-mvnzo8j5xm] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-mvnzo8j5xm] .div-hour {
    margin-top: 4px;
}

[b-mvnzo8j5xm] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-mvnzo8j5xm] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-mvnzo8j5xm] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-mvnzo8j5xm] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-mvnzo8j5xm] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-mvnzo8j5xm] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-mvnzo8j5xm] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-mvnzo8j5xm] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-mvnzo8j5xm] check-span {
    content: "\2713";
}

[b-mvnzo8j5xm] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-mvnzo8j5xm] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-mvnzo8j5xm] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-mvnzo8j5xm] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-mvnzo8j5xm] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-mvnzo8j5xm] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-mvnzo8j5xm] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-mvnzo8j5xm] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-mvnzo8j5xm] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-mvnzo8j5xm] .div-note-content {
        height: unset !important;
    }

    [b-mvnzo8j5xm] .div-note-content {
        flex-direction: column;
    }

    [b-mvnzo8j5xm] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-mvnzo8j5xm] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-mvnzo8j5xm] .div-text-note {
        margin-top: 0px !important;
    }
}



@media (min-width:550px) and (max-width:900px) {

    .div-prj-container[b-mvnzo8j5xm] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .card-info-content[b-mvnzo8j5xm] {
        height: 100vh !important;
    }

    .input-icon[b-mvnzo8j5xm], .input-prj-style[b-mvnzo8j5xm], .prj-textarea[b-mvnzo8j5xm] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}

@media (max-width:550px) {

    .div-prj-container[b-mvnzo8j5xm] {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .card-info-content[b-mvnzo8j5xm] {
        height: 100vh !important;
    }

    .input-icon[b-mvnzo8j5xm], .input-prj-style[b-mvnzo8j5xm], .prj-textarea[b-mvnzo8j5xm] {
        box-shadow: 1px 1px 3px #02171e33 !important;
    }
}
/* /Components/AdministrationComponents/FeatureManagmentDivDivEdit.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-info-content[b-cat6dve338] {
    max-width: 100%;
    border-radius: 0px;
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
    height: 100%;
}

[b-cat6dve338] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-cat6dve338] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-cat6dve338] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-cat6dve338] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-cat6dve338] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-cat6dve338] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-cat6dve338] .div-line-col {
        display: grid;
    }
}

[b-cat6dve338] .content-project-div {
    max-width: 1382px;
}

[b-cat6dve338] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-cat6dve338] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-cat6dve338] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-cat6dve338] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-cat6dve338] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-cat6dve338] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-cat6dve338] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-cat6dve338] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-cat6dve338] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-cat6dve338] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-cat6dve338] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-cat6dve338] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-cat6dve338] .div-note-content {
        height: unset !important;
    }

    [b-cat6dve338] .div-note-content {
        flex-direction: column;
    }

    [b-cat6dve338] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-cat6dve338] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-cat6dve338] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-cat6dve338] .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-cat6dve338] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-cat6dve338] .col-prj {
    padding-left: 0px;
}

[b-cat6dve338] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-cat6dve338] .input-style, .input-icon[b-cat6dve338] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-cat6dve338] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-cat6dve338] .div-dashboard {
        display: none;
    }
}

[b-cat6dve338] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-cat6dve338] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-cat6dve338] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-cat6dve338] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-cat6dve338] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-cat6dve338] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-cat6dve338] .div-hour {
    margin-top: 4px;
}

[b-cat6dve338] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-cat6dve338] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-cat6dve338] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-cat6dve338] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-cat6dve338] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-cat6dve338] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-cat6dve338] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-cat6dve338] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-cat6dve338] check-span {
    content: "\2713";
}

[b-cat6dve338] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-cat6dve338] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-cat6dve338] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-cat6dve338] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-cat6dve338] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-cat6dve338] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-cat6dve338] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-cat6dve338] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-cat6dve338] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-cat6dve338] .div-note-content {
        height: unset !important;
    }

    [b-cat6dve338] .div-note-content {
        flex-direction: column;
    }

    [b-cat6dve338] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-cat6dve338] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-cat6dve338] .div-text-note {
        margin-top: 0px !important;
    }
}
/* /Components/AdministrationComponents/FilterModalCategory.razor.rz.scp.css */

.modal-dialog-filter[b-e3km62rwtl] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-e3km62rwtl] {
    width: 578px;
    height: auto;
}

.modal-header-filter[b-e3km62rwtl] {
    width: 578px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-e3km62rwtl] {
    margin-top: 20px;
    margin-bottom: 34px;
}
.input-filter[b-e3km62rwtl] {
    width: 258px;
}

.col-filter[b-e3km62rwtl] {
    margin-top: 17px;
}

.closepop-entrerheure[b-e3km62rwtl] {
    float: right;
}

.modal-body-filter[b-e3km62rwtl] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-e3km62rwtl] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-e3km62rwtl] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-e3km62rwtl] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-e3km62rwtl] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-e3km62rwtl] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/AdministrationComponents/FilterModalLabels.razor.rz.scp.css */

.modal-dialog-filter[b-r361kk31o2] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-r361kk31o2] {
    width: 578px;
    height: auto;
}

.modal-header-filter[b-r361kk31o2] {
    width: 578px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}
.label-style[b-r361kk31o2] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}

.icon-filter[b-r361kk31o2] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-r361kk31o2] {
    margin-top: 17px;
}

.closepop-entrerheure[b-r361kk31o2] {
    float: right;
}

.modal-body-filter[b-r361kk31o2] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-r361kk31o2] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-r361kk31o2] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-r361kk31o2] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-r361kk31o2] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-r361kk31o2] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/AdministrationComponents/LegalEntityComponents/FilterLegalEntity.razor.rz.scp.css */

.modal-dialog-filter[b-jbkqma7ma1] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-jbkqma7ma1] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-jbkqma7ma1] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-jbkqma7ma1] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-jbkqma7ma1] {
    margin-top: 17px;
}

.closepop-entrerheure[b-jbkqma7ma1] {
    float: right;
}

.modal-body-filter[b-jbkqma7ma1] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-jbkqma7ma1] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-jbkqma7ma1] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-jbkqma7ma1] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-jbkqma7ma1] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-jbkqma7ma1] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/AdministrationComponents/LegalEntityComponents/LegalEntityPageComponent.razor.rz.scp.css */
*[b-ovela12fz4], [b-ovela12fz4]::after, [b-ovela12fz4]::before {
    box-sizing: border-box;
}

@media screen and (min-width:500px) /*and (max-width:1200px)*/ {
    .formContent[b-ovela12fz4] {
        width: 100%;
        background-color: transparent;
        float: left;
        height: 100%;
    }
}

/* /Components/AdministrationComponents/MapViewTableFieldDefinitionDiv.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-info-content[b-xb9607ohof] {
    max-width: 100%;
    border-radius: 0px;
    /*margin-top: -5px;*/
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
    height: 100%;
}

[b-xb9607ohof] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-xb9607ohof] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-xb9607ohof] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-xb9607ohof] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-xb9607ohof] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-xb9607ohof] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-xb9607ohof] .div-line-col {
        display: grid;
    }
}

[b-xb9607ohof] .content-project-div {
    max-width: 1382px;
}

[b-xb9607ohof] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-xb9607ohof] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-xb9607ohof] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-xb9607ohof] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-xb9607ohof] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-xb9607ohof] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-xb9607ohof] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-xb9607ohof] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-xb9607ohof] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-xb9607ohof] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-xb9607ohof] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-xb9607ohof] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-xb9607ohof] .div-note-content {
        height: unset !important;
    }

    [b-xb9607ohof] .div-note-content {
        flex-direction: column;
    }

    [b-xb9607ohof] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-xb9607ohof] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-xb9607ohof] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-xb9607ohof] .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-xb9607ohof] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-xb9607ohof] .col-prj {
    padding-left: 0px;
}

[b-xb9607ohof] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-xb9607ohof] .input-style, .input-icon[b-xb9607ohof] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-xb9607ohof] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-xb9607ohof] .div-dashboard {
        display: none;
    }
}

[b-xb9607ohof] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-xb9607ohof] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-xb9607ohof] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-xb9607ohof] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-xb9607ohof] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-xb9607ohof] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-xb9607ohof] .div-hour {
    margin-top: 4px;
}

[b-xb9607ohof] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-xb9607ohof] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-xb9607ohof] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-xb9607ohof] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-xb9607ohof] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-xb9607ohof] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-xb9607ohof] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-xb9607ohof] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-xb9607ohof] check-span {
    content: "\2713";
}

[b-xb9607ohof] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-xb9607ohof] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-xb9607ohof] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-xb9607ohof] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-xb9607ohof] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-xb9607ohof] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-xb9607ohof] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-xb9607ohof] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-xb9607ohof] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-xb9607ohof] .div-note-content {
        height: unset !important;
    }

    [b-xb9607ohof] .div-note-content {
        flex-direction: column;
    }

    [b-xb9607ohof] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-xb9607ohof] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-xb9607ohof] .div-text-note {
        margin-top: 0px !important;
    }
}



@media (min-width:550px) and (max-width:900px) {

    .div-prj-container[b-xb9607ohof] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .card-info-content[b-xb9607ohof] {
        height: 100vh !important;
    }

    .input-icon[b-xb9607ohof], .input-prj-style[b-xb9607ohof], .prj-textarea[b-xb9607ohof] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}

@media (max-width:550px) {

    .div-prj-container[b-xb9607ohof] {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .card-info-content[b-xb9607ohof] {
        height: 100vh !important;
    }

    .input-icon[b-xb9607ohof], .input-prj-style[b-xb9607ohof], .prj-textarea[b-xb9607ohof] {
        box-shadow: 1px 1px 3px #02171e33 !important;
    }
}
/* /Components/AdministrationComponents/MapViewTableFieldDefinitionDivEdit.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-info-content[b-wx8vl039lj] {
    max-width: 100%;
    border-radius: 0px;
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
    height: 100%;
}

[b-wx8vl039lj] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-wx8vl039lj] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-wx8vl039lj] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-wx8vl039lj] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-wx8vl039lj] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-wx8vl039lj] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-wx8vl039lj] .div-line-col {
        display: grid;
    }
}

[b-wx8vl039lj] .content-project-div {
    max-width: 1382px;
}

[b-wx8vl039lj] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-wx8vl039lj] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-wx8vl039lj] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-wx8vl039lj] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-wx8vl039lj] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-wx8vl039lj] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-wx8vl039lj] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-wx8vl039lj] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-wx8vl039lj] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-wx8vl039lj] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-wx8vl039lj] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-wx8vl039lj] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-wx8vl039lj] .div-note-content {
        height: unset !important;
    }

    [b-wx8vl039lj] .div-note-content {
        flex-direction: column;
    }

    [b-wx8vl039lj] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-wx8vl039lj] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-wx8vl039lj] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-wx8vl039lj] .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-wx8vl039lj] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-wx8vl039lj] .col-prj {
    padding-left: 0px;
}

[b-wx8vl039lj] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-wx8vl039lj] .input-style, .input-icon[b-wx8vl039lj] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-wx8vl039lj] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-wx8vl039lj] .div-dashboard {
        display: none;
    }
}

[b-wx8vl039lj] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-wx8vl039lj] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-wx8vl039lj] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-wx8vl039lj] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-wx8vl039lj] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-wx8vl039lj] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-wx8vl039lj] .div-hour {
    margin-top: 4px;
}

[b-wx8vl039lj] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-wx8vl039lj] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-wx8vl039lj] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-wx8vl039lj] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-wx8vl039lj] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-wx8vl039lj] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-wx8vl039lj] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-wx8vl039lj] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-wx8vl039lj] check-span {
    content: "\2713";
}

[b-wx8vl039lj] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-wx8vl039lj] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-wx8vl039lj] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-wx8vl039lj] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-wx8vl039lj] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-wx8vl039lj] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-wx8vl039lj] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-wx8vl039lj] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-wx8vl039lj] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-wx8vl039lj] .div-note-content {
        height: unset !important;
    }

    [b-wx8vl039lj] .div-note-content {
        flex-direction: column;
    }

    [b-wx8vl039lj] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-wx8vl039lj] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-wx8vl039lj] .div-text-note {
        margin-top: 0px !important;
    }
}
/* /Components/AdministrationComponents/ModalFilterCalendarTemplate.razor.rz.scp.css */

.modal-dialog-filter[b-phfr8xqt1n] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-phfr8xqt1n] {
    width: 578px;
    height: auto;
}

.modal-header-filter[b-phfr8xqt1n] {
    width: 578px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-phfr8xqt1n] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-phfr8xqt1n] {
    margin-top: 17px;
}

.closepop-entrerheure[b-phfr8xqt1n] {
    float: right;
}

.modal-body-filter[b-phfr8xqt1n] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-phfr8xqt1n] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-phfr8xqt1n] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-phfr8xqt1n] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-phfr8xqt1n] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-phfr8xqt1n] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/AdministrationComponents/ModalFilterMapViewTableDefinition.razor.rz.scp.css */

.modal-dialog-filter[b-bw2mroeu33] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-bw2mroeu33] {
    width: 578px;
    height: auto;
}
.label-style[b-bw2mroeu33] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
.modal-header-filter[b-bw2mroeu33] {
    width: 578px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-bw2mroeu33] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-bw2mroeu33] {
    margin-top: 17px;
}

.closepop-entrerheure[b-bw2mroeu33] {
    float: right;
}

.modal-body-filter[b-bw2mroeu33] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-bw2mroeu33] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-bw2mroeu33] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-bw2mroeu33] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-bw2mroeu33] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-bw2mroeu33] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/AdministrationComponents/ModalFilterWorkingDays.razor.rz.scp.css */

.modal-dialog-filter[b-bc8ay41waz] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-bc8ay41waz] {
    width: 866px;
    height: auto;
}

.modal-header-filter[b-bc8ay41waz] {
    width: 866px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-bc8ay41waz] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-bc8ay41waz] {
    margin-top: 17px;
}

.closepop-entrerheure[b-bc8ay41waz] {
    float: right;
}

.modal-body-filter[b-bc8ay41waz] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-bc8ay41waz] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-bc8ay41waz] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-bc8ay41waz] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-bc8ay41waz] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-bc8ay41waz] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}

.modal-dialog-filter[b-bc8ay41waz] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-bc8ay41waz] {
    width: 578px;
    height: auto;
}

.modal-header-filter[b-bc8ay41waz] {
    width: 578px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-bc8ay41waz] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-bc8ay41waz] {
    margin-top: 17px;
}

.closepop-entrerheure[b-bc8ay41waz] {
    float: right;
}

.modal-body-filter[b-bc8ay41waz] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-bc8ay41waz] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-bc8ay41waz] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-bc8ay41waz] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-bc8ay41waz] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-bc8ay41waz] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/AdministrationComponents/ModalFilterWorkingHours.razor.rz.scp.css */

.modal-dialog-filter[b-vs5v92hih8] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-vs5v92hih8] {
    width: 578px;
    height: auto;
}

.modal-header-filter[b-vs5v92hih8] {
    width: 578px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-vs5v92hih8] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-vs5v92hih8] {
    margin-top: 17px;
}

.closepop-entrerheure[b-vs5v92hih8] {
    float: right;
}

.modal-body-filter[b-vs5v92hih8] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-vs5v92hih8] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-vs5v92hih8] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-vs5v92hih8] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-vs5v92hih8] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-vs5v92hih8] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}

.modal-dialog-filter[b-vs5v92hih8] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-vs5v92hih8] {
    width: 578px;
    height: auto;
}

.modal-header-filter[b-vs5v92hih8] {
    width: 578px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-vs5v92hih8] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-vs5v92hih8] {
    margin-top: 17px;
}

.closepop-entrerheure[b-vs5v92hih8] {
    float: right;
}

.modal-body-filter[b-vs5v92hih8] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-vs5v92hih8] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-vs5v92hih8] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-vs5v92hih8] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-vs5v92hih8] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-vs5v92hih8] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/AdministrationComponents/NewEditCategoryModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.div-types[b-7vfwijjqpn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 15px;
    margin-top: -22px;
}
.div-types-first[b-7vfwijjqpn] {
    display: inline-flex;
    /* grid-template-columns: 1fr 1fr; */
    padding-bottom: 16px;
 
}
.span-types[b-7vfwijjqpn] {
    font-size: 15px;
    font-family: 'Gravity-Regular';
}
[b-7vfwijjqpn] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

[b-7vfwijjqpn] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-7vfwijjqpn] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-7vfwijjqpn] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-7vfwijjqpn] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-7vfwijjqpn] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-7vfwijjqpn] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
        ::deep .select-entry-style:hover {
        border: 1px solid #E6E6E6;
    }
   */
    :: deep .btn-confirm[b-7vfwijjqpn] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-7vfwijjqpn] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-7vfwijjqpn] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-7vfwijjqpn] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-7vfwijjqpn] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-7vfwijjqpn] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-7vfwijjqpn] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-7vfwijjqpn] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-7vfwijjqpn] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-7vfwijjqpn] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-7vfwijjqpn] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-7vfwijjqpn] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-7vfwijjqpn] .column-3:hover, .column-3:focus[b-7vfwijjqpn] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-7vfwijjqpn] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-7vfwijjqpn] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-7vfwijjqpn] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-7vfwijjqpn] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-7vfwijjqpn] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-7vfwijjqpn] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-7vfwijjqpn] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-7vfwijjqpn] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-7vfwijjqpn] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-7vfwijjqpn] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-7vfwijjqpn] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-7vfwijjqpn] {
    margin-left: 110px;
    width: 354px;
    margin-top: 62px;
    background: white;
    height: 376px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-7vfwijjqpn] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-7vfwijjqpn] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-7vfwijjqpn] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 277px;
}

.note-ts-pos[b-7vfwijjqpn] {
    margin-left: 14px;
}

.modal-ts-footer[b-7vfwijjqpn] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-7vfwijjqpn] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-7vfwijjqpn] {
    background-color: #00b665;
}

    .switch input:checked + label[b-7vfwijjqpn]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-7vfwijjqpn]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-7vfwijjqpn] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-7vfwijjqpn] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-7vfwijjqpn] {
    width: 100%;
}

    .switch input[type=checkbox][b-7vfwijjqpn] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-7vfwijjqpn] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-7vfwijjqpn] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-7vfwijjqpn] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

input[type="date"][b-7vfwijjqpn]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 170px;
    margin-left: -28px;
    position: absolute;
    cursor: pointer;
}

.input-date[b-7vfwijjqpn] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
.modal-title-enterhour[b-7vfwijjqpn] {
    flex: auto;
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 11px;
    margin-left: 12px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-7vfwijjqpn] {
    padding-right: 8px;
}


.modal-enterhour-content[b-7vfwijjqpn] {
    width: 679px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    /*    margin-left: -110px;
*/
}

.modal-header-enterhour[b-7vfwijjqpn] {
    height: 55px;
    background: #409c3cd6 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.form-control:focus[b-7vfwijjqpn] {
    box-shadow: 0 0 0 0.09rem rgb(40 167 69 / 25%);
}

.inputtextarea[b-7vfwijjqpn] {
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /* margin-top: 11px; */
    outline: none;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
}

.modal-dialog[b-7vfwijjqpn] {
    position: absolute;
    float: left;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: unset;
    margin: unset;
    width: unset;
}

.input-date[b-7vfwijjqpn] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

[b-7vfwijjqpn] .span-username-res-id {
    margin-top: -9px !important;
}

.div-container-enterhour[b-7vfwijjqpn] {
    display: flex;
    flex-direction: column;
    /*   padding-top: 15px;*/
    /*   padding-top: 15px;*/
    align-items: stretch;
    /*   padding: 5% 18% 5% 18%;*/
}

.div-hours[b-7vfwijjqpn] {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-top: 5px;
}

.span-entrerheure-heure[b-7vfwijjqpn] {
    letter-spacing: 0px;
    color: #2C333A;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    /*margin-left: 77px;*/
}

.div-space[b-7vfwijjqpn] {
    display: grid;
    grid-template-columns: 0fr 1fr 3fr;
    margin-top: 12px;
}

.span-enterhour-title[b-7vfwijjqpn] {
    letter-spacing: 0px;
    color: #2C333A;
    opacity: 1;
    font-size: 16px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Book Regular';
}

.line[b-7vfwijjqpn] {
    border-bottom: 0.5px solid #8d8d8d3b;
}

.div-container[b-7vfwijjqpn] {
    padding-left: 23px;
    padding-right: 20px;
    padding-top: 6px;
}

.div-summary[b-7vfwijjqpn] {
    width: 140px;
    height: 37px;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 19px;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.div-detailss[b-7vfwijjqpn] {
    margin-left: -20px;
    width: 140px;
    height: 37px;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 19px;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.form-div[b-7vfwijjqpn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 13px;
    padding-top: 8px;
}

[b-7vfwijjqpn] .div-item-prj-p {
    margin-left: 0 !important;
}

.div-btn[b-7vfwijjqpn] {
    display: flex;
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 15px
}

.span-btn-title[b-7vfwijjqpn] {
    text-align: left;
    color: #222F3E;
    letter-spacing: 0px;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    opacity: 1;
}

.div-active[b-7vfwijjqpn] {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

.span-active[b-7vfwijjqpn] {
    color: #F2F2F2;
}

[b-7vfwijjqpn] .switch input:checked + label {
    background-color: #00AE9E;
}

.switch label[b-7vfwijjqpn] {
    width: 45px;
    height: 24px;
    margin-left: 6px;
    padding-top: 4px;
}

.switch-div[b-7vfwijjqpn] {
    margin-top: -44px;
}

.span-prj-title[b-7vfwijjqpn] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'Gravity-Bold';
    font-size: 14px;
    margin-left: 0px;
    padding-left: 8px;
}

.input-newsty[b-7vfwijjqpn] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    /*margin-top: 11px;*/
    background: url(/icons/commande_icons/calendar.svg) no-repeat 5px;
    outline: none;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.textarea-note[b-7vfwijjqpn] {
    font-family: 'Gravity-Regular';
    font-size: 14px;
}

.selec[b-7vfwijjqpn] {
    font-family: 'Gravity-Regular';
    font-size: 14px;
}

.form-control:focus[b-7vfwijjqpn] {
    box-shadow: 0 0 0 0.09rem rgba(40, 167, 69, 0.25);
}

.border-input:hover[b-7vfwijjqpn] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-7vfwijjqpn], .form-control[readonly][b-7vfwijjqpn] {
    background-color: transparent;
    opacity: 1;
}

.input-newsty[b-7vfwijjqpn]::-webkit-calendar-picker-indicator {
    height: 34px;
    top: 368px;
    width: 174px;
}

.input-tim[b-7vfwijjqpn] {
    background: url(/icons/commande_icons/hour.svg) no-repeat 5px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    outline: none;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

input[type='time'][b-7vfwijjqpn]::-webkit-calendar-picker-indicator {
    width: 97%;
    height: 31px;
}

.star-red[b-7vfwijjqpn] {
    color: #BD0A09;
    font-weight: bold;
}

.modal-footer-accepter[b-7vfwijjqpn] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.btn-footer[b-7vfwijjqpn] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Gravity-Bold';
    font-size: 13px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}

.img-footer[b-7vfwijjqpn] {
    width: 18px;
    height: 14px;
}

.div-footer[b-7vfwijjqpn] {
    width: 50%;
    text-align: center;
    align-self: center;
}

[b-7vfwijjqpn] .modal-header-log {
    height: 76px !important;
}

[b-7vfwijjqpn] .modal-log-content {
    height: 349px !important;
    margin-left: 0 !important;
}

.div-footer[b-7vfwijjqpn] {
    width: 50%;
    text-align: center;
}


.modal-footer-accepter[b-7vfwijjqpn] {
    width: 100%;
    height: 60px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.img[b-7vfwijjqpn] {
    height: 15px;
    width: 15px;
    display: block;
    margin: auto;
    margin-bottom: 5px
}
/* /Components/AdministrationComponents/Parametrage/BusinessLineComponents/FilterModalBusinessLine.razor.rz.scp.css */

.modal-dialog-filter[b-03whdiyi26] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-03whdiyi26] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-03whdiyi26] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-03whdiyi26] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-03whdiyi26] {
    margin-top: 17px;
}

.closepop-entrerheure[b-03whdiyi26] {
    float: right;
}

.modal-body-filter[b-03whdiyi26] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-03whdiyi26] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-03whdiyi26] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-03whdiyi26] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-03whdiyi26] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-03whdiyi26] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/AdministrationComponents/Parametrage/DefinitionNbSequenceComponents/AddModalSequence.razor.rz.scp.css */
.label-style[b-jenrl5wdke] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}
/* /Components/AdministrationComponents/Parametrage/DefinitionNbSequenceComponents/FilterModalSequence.razor.rz.scp.css */

.modal-dialog-filter[b-ilbiftv8z0] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 22%;
    left: 28%;
}
@media screen and (max-width: 1024px) {
    .modal-dialog-filter[b-ilbiftv8z0] {
        max-width: 850px;
        width: 850px;
        position: fixed;
        top: 20%;
        left: 16%;
    }
}
.modal-filter-content[b-ilbiftv8z0] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-ilbiftv8z0] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-ilbiftv8z0] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-ilbiftv8z0] {
    margin-top: 17px;
}

.closepop-entrerheure[b-ilbiftv8z0] {
    float: right;
}

.modal-body-filter[b-ilbiftv8z0] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-ilbiftv8z0] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-ilbiftv8z0] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-ilbiftv8z0] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-ilbiftv8z0] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-ilbiftv8z0] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}

.inputSelectSimple[b-ilbiftv8z0] {
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    outline: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding-left: 15px;
    color: #35414C;
    font-weight: 400;
    line-height: 1.5;
    height: calc(1.5em + 0.75rem + 2px);
    display: block;
    margin-top: 0px !important;
}
    .inputSelectSimple:hover[b-ilbiftv8z0] {
        box-shadow: 0 0 0 0.09rem rgb(40 167 69 / 25%);
    }
/* /Components/AdministrationComponents/Parametrage/GroupeTaxesComponents/FilterModalGroupeTaxes.razor.rz.scp.css */

.modal-dialog-filter[b-c8d2aeksm2] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-c8d2aeksm2] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-c8d2aeksm2] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-c8d2aeksm2] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-c8d2aeksm2] {
    margin-top: 17px;
}

.closepop-entrerheure[b-c8d2aeksm2] {
    float: right;
}

.modal-body-filter[b-c8d2aeksm2] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-c8d2aeksm2] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-c8d2aeksm2] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-c8d2aeksm2] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-c8d2aeksm2] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-c8d2aeksm2] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/AdministrationComponents/ReservationDiv.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-info-content[b-09mpzc4mud] {
    max-width: 100%;
    border-radius: 0px;
    /*margin-top: -5px;*/
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
    height: 100%;
}

[b-09mpzc4mud] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-09mpzc4mud] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-09mpzc4mud] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-09mpzc4mud] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-09mpzc4mud] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-09mpzc4mud] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-09mpzc4mud] .div-line-col {
        display: grid;
    }
}

[b-09mpzc4mud] .content-project-div {
    max-width: 1382px;
}

[b-09mpzc4mud] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-09mpzc4mud] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-09mpzc4mud] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-09mpzc4mud] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-09mpzc4mud] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-09mpzc4mud] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-09mpzc4mud] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-09mpzc4mud] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-09mpzc4mud] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-09mpzc4mud] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-09mpzc4mud] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-09mpzc4mud] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-09mpzc4mud] .div-note-content {
        height: unset !important;
    }

    [b-09mpzc4mud] .div-note-content {
        flex-direction: column;
    }

    [b-09mpzc4mud] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-09mpzc4mud] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-09mpzc4mud] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-09mpzc4mud] .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-09mpzc4mud] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-09mpzc4mud] .col-prj {
    padding-left: 0px;
}

[b-09mpzc4mud] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-09mpzc4mud] .input-style, .input-icon[b-09mpzc4mud] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-09mpzc4mud] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-09mpzc4mud] .div-dashboard {
        display: none;
    }
}

[b-09mpzc4mud] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-09mpzc4mud] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-09mpzc4mud] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-09mpzc4mud] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-09mpzc4mud] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-09mpzc4mud] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-09mpzc4mud] .div-hour {
    margin-top: 4px;
}

[b-09mpzc4mud] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-09mpzc4mud] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-09mpzc4mud] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-09mpzc4mud] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-09mpzc4mud] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-09mpzc4mud] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-09mpzc4mud] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-09mpzc4mud] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-09mpzc4mud] check-span {
    content: "\2713";
}

[b-09mpzc4mud] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-09mpzc4mud] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-09mpzc4mud] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-09mpzc4mud] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-09mpzc4mud] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-09mpzc4mud] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-09mpzc4mud] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-09mpzc4mud] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-09mpzc4mud] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-09mpzc4mud] .div-note-content {
        height: unset !important;
    }

    [b-09mpzc4mud] .div-note-content {
        flex-direction: column;
    }

    [b-09mpzc4mud] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-09mpzc4mud] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-09mpzc4mud] .div-text-note {
        margin-top: 0px !important;
    }
}



@media (min-width:550px) and (max-width:900px) {

    .div-prj-container[b-09mpzc4mud] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .card-info-content[b-09mpzc4mud] {
        height: 100vh !important;
    }

    .input-icon[b-09mpzc4mud], .input-prj-style[b-09mpzc4mud], .prj-textarea[b-09mpzc4mud] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}

@media (max-width:550px) {

    .div-prj-container[b-09mpzc4mud] {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .card-info-content[b-09mpzc4mud] {
        height: 100vh !important;
    }

    .input-icon[b-09mpzc4mud], .input-prj-style[b-09mpzc4mud], .prj-textarea[b-09mpzc4mud] {
        box-shadow: 1px 1px 3px #02171e33 !important;
    }
}
/* /Components/AdministrationComponents/ReservationDivEdit.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.card-info-content[b-kktddqr3o4] {
    max-width: 100%;
    border-radius: 0px;
 
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
 height:100%;
 
}
[b-kktddqr3o4] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-kktddqr3o4] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-kktddqr3o4] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-kktddqr3o4] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-kktddqr3o4] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-kktddqr3o4] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-kktddqr3o4] .div-line-col {
        display: grid;
    }
}

[b-kktddqr3o4] .content-project-div {
    max-width: 1382px;
}

[b-kktddqr3o4] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-kktddqr3o4] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-kktddqr3o4] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-kktddqr3o4] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-kktddqr3o4] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-kktddqr3o4] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-kktddqr3o4] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-kktddqr3o4] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-kktddqr3o4] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-kktddqr3o4] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-kktddqr3o4] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-kktddqr3o4] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-kktddqr3o4] .div-note-content {
        height: unset !important;
    }

    [b-kktddqr3o4] .div-note-content {
        flex-direction: column;
    }

    [b-kktddqr3o4] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-kktddqr3o4] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-kktddqr3o4] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-kktddqr3o4]  .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-kktddqr3o4] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-kktddqr3o4] .col-prj {
    padding-left: 0px;
}

[b-kktddqr3o4] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-kktddqr3o4] .input-style, .input-icon[b-kktddqr3o4] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-kktddqr3o4] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-kktddqr3o4] .div-dashboard {
        display: none;
    }
}

[b-kktddqr3o4] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-kktddqr3o4] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-kktddqr3o4] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-kktddqr3o4] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-kktddqr3o4] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-kktddqr3o4] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-kktddqr3o4] .div-hour {
    margin-top: 4px;
}

[b-kktddqr3o4] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-kktddqr3o4] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-kktddqr3o4] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-kktddqr3o4] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-kktddqr3o4] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-kktddqr3o4] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-kktddqr3o4] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-kktddqr3o4] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-kktddqr3o4] check-span {
    content: "\2713";
}

[b-kktddqr3o4] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-kktddqr3o4] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-kktddqr3o4] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-kktddqr3o4] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-kktddqr3o4] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-kktddqr3o4] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-kktddqr3o4] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-kktddqr3o4] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-kktddqr3o4] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-kktddqr3o4] .div-note-content {
        height: unset !important;
    }

    [b-kktddqr3o4] .div-note-content {
        flex-direction: column;
    }

    [b-kktddqr3o4] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-kktddqr3o4] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-kktddqr3o4] .div-text-note {
        margin-top: 0px !important;
    }
}


/* /Components/AdministrationComponents/SecondHeaderDetail.razor.rz.scp.css */

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.img-icon[b-3oab9tyrfd] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.btn-new[b-3oab9tyrfd] {
    border: none;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #222F3E;
    width: 120px;
    height: 40px;
    margin-left: 45px;
    margin-top: 5px;
    margin-bottom: 7px;
    display: flex;
    flex-direction: column;
}

    .btn-new:hover[b-3oab9tyrfd] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 120px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

    .btn-new:focus[b-3oab9tyrfd], .btn-new-task:focus-visible[b-3oab9tyrfd], .btn-new-task:active[b-3oab9tyrfd] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 120px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

.img-add[b-3oab9tyrfd] {
    padding-left: 45px;
    padding-top: 2px;
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-3oab9tyrfd] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
    min-width: 103px;
}

.btn-action-style[b-3oab9tyrfd] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-3oab9tyrfd] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-3oab9tyrfd] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-3oab9tyrfd], .btn-style:focus-visible[b-3oab9tyrfd], .btn-style:active[b-3oab9tyrfd] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-3oab9tyrfd] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-3oab9tyrfd] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
.second-header-div[b-3oab9tyrfd] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    width: 100%;
}
/* /Components/AdministrationComponents/TaxesComponents/AddModalTaxes.razor.rz.scp.css */
.label-style[b-vi839hy9f5] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}
/* /Components/AdministrationComponents/TaxesComponents/FilterModalTaxes.razor.rz.scp.css */

.modal-dialog-filter[b-9s8oheg88z] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-9s8oheg88z] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-9s8oheg88z] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-9s8oheg88z] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-9s8oheg88z] {
    margin-top: 17px;
}

.closepop-entrerheure[b-9s8oheg88z] {
    float: right;
}

.modal-body-filter[b-9s8oheg88z] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-9s8oheg88z] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-9s8oheg88z] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-9s8oheg88z] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-9s8oheg88z] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-9s8oheg88z] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/AdministrationComponents/WeatherSettingsDiv.razor.rz.scp.css */
.div-item-prj-p[b-l7cgjlfzcm] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-l7cgjlfzcm] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

input[b-l7cgjlfzcm] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.form-control:focus[b-l7cgjlfzcm] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-l7cgjlfzcm] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-l7cgjlfzcm], .form-control[readonly][b-l7cgjlfzcm] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-l7cgjlfzcm] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}

.botlabel[b-l7cgjlfzcm] {
    font-family: GravityRegular;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    margin-left: 15px;
    padding-left: 15px;
}
/* /Components/Attachment/Attachment.razor.rz.scp.css */
 

/*--------------Attachment & Note Styles-----------------*/
 
[b-xjpk4zvh13] .div-note-col {

	 display:flex;
	 flex-direction:column;
 }

[b-xjpk4zvh13] .textarea-content{

	 text-align: center;
	 border-bottom: 1px solid #eaeaea;
     padding-bottom: 9px;
}
[b-xjpk4zvh13] .textarea-note-style {
	caret-color: #1E90FF ;
	width: 93%;
	height: 58px;
	background: #EFF2F3 0% 0% no-repeat padding-box;
	opacity: 1;
	font-family:'Franklin Book Regular';
	font-size: 12px;
	color: #35414C;
	border: #EFF2F3;
	border-radius: 7px;
	outline: none;
	padding: 8px;

	margin-top: 19px;
}
[b-xjpk4zvh13] .textarea-note-style:focus, .textarea-note-style:active[b-xjpk4zvh13], .textarea-note-style:hover[b-xjpk4zvh13] {
		border: #EFF2F3;
		outline: none;
		border-radius: 7px;
	}

 [b-xjpk4zvh13] .input-ajout {
	background: #EFF2F3 0% 0% no-repeat padding-box;
	opacity: 1;
	width: 113px;
	height: 32px;
	color: #575E62;
	font-family: 'Franklin Gothic Medium Regular';
	border: #EFF2F3;
	margin-top: 2px;
	border-radius: 30px;
	font-size: 15px;
	float: right;
margin-right: 13px;

resize: none;
}

 [b-xjpk4zvh13] .div-text-note {
	width: 100%;
 
}

  [b-xjpk4zvh13] .user-img {
	width: 37px;
	height: 37px;
	border-radius: 50%;
	margin-left: 11px;
	margin-top: 2px;
}
 [b-xjpk4zvh13] .span-user-name {
	text-align: left;
	letter-spacing: 0.72px;
	color: #232627;
	opacity: 1;
	font-size: 16px;
	font-family: 'Franklin Gothic Medium Regular';
	margin-left: 19px;
}
 [b-xjpk4zvh13] icon-calender {
	height: 13px;
	width: 20px;
	margin-top: 2px;
}
 [b-xjpk4zvh13] .span-date {
	font-family: 'Franklin Gothic Medium Regular';
	font-size: 12px;
	text-align: right;
	letter-spacing: 0.32px;
	opacity: 1;
	color: #99A3A9;
}
 [b-xjpk4zvh13] .span-note-content {
	font-family: 'Franklin Book Regular';
	font-size: 13px;
	text-align: left;
	letter-spacing: 0.38px;
	color: #575E62;
	line-height: 1.5em;
	height: 3em;
	overflow: hidden;
	width: 299px;
	height: 15px;

}

 [b-xjpk4zvh13] .a-afficher-plus {
	text-align: left;
	 cursor:pointer;
	letter-spacing: 0.38px;
	color: #268BFD !important;
	font-family: 'Franklin Gothic Medium Regular';
	font-size: 16px;
	text-decoration: underline !important;
}
 [b-xjpk4zvh13] .note-div {
	overflow: scroll;
	height: calc(100vh - 112px);
}

 [b-xjpk4zvh13] .span-title-file {
	font-family: 'Franklin Gothic Demi Regular';
	color: #c61818;
	text-decoration: underline;
	font-size: 15px;
}
[b-xjpk4zvh13] .span-date-file {
	overflow: visible;
	/*	width: 80px;*/
	margin-top: 4px;
	white-space: nowrap;
 
	text-align: left;
	font-family: 'Franklin Gothic Medium Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	color: rgba(87,101,116,1);
	margin-left: 4px;
}
 [b-xjpk4zvh13] .span-note-file {
	font-family: 'Franklin Gothic Medium Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
}
 [b-xjpk4zvh13] .span-note-title-file {
	font-family: 'Franklin Gothic Demi Regular';
	color: #575E62;
	font-size: 14px;
}
 [b-xjpk4zvh13] .div-note-container {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #eaeaea;
	padding-top: 14px;
 }
 [b-xjpk4zvh13]	.div-note-container:hover{
		    box-shadow: 2px 2px 9px #00000040;
	}

 [b-xjpk4zvh13]	.div-note-content {
		display: flex;
		overflow: hidden;
	}
 [b-xjpk4zvh13] .div-notee {
flex:auto;
}

 [b-xjpk4zvh13] .div-espace-note {
	padding-right: 8px;

	padding-left: 19px;
}
 [b-xjpk4zvh13] .div-text-note {
	width: 100%;
padding-left: 67px;
    padding-top: 8px;
    padding-right: 10px;

	padding-bottom: 11px;
}
 [b-xjpk4zvh13].input-ajout {
	margin-bottom: 10px;
}

[b-xjpk4zvh13] .div-hover-call-Attachment {
	position: relative;
	left: 235px;
	top: -45px;
	visibility: hidden;
	opacity: 0;
	transition: visibility, opacity linear 0.3s;
}
 [b-xjpk4zvh13] .div-hover-call-Note {
 padding-right: 16px;
    padding-top: 23px !important;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity linear 0.3s;
}
 [b-xjpk4zvh13] .Files:hover .div-hover-call-Attachment {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}

 [b-xjpk4zvh13] .div-note-container:hover .div-hover-call-Note {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}
 [b-xjpk4zvh13] .div-note {
    display: flex;

	flex:auto;

    flex-direction: column;
}



 [b-xjpk4zvh13] 
    .div-prj-left {
        overflow: hidden;
/*        max-height: calc(100vh - 165px);
*/        height: 100vh;
        border: 1px solid #CAD2E5;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 4px #02171E33;
        border: 1px solid #CAD2E5;
        opacity: 1;
    }
[b-xjpk4zvh13] .card-button {
    width: unset; 
      padding-left: unset;  
   padding-right: unset;  
}
[b-xjpk4zvh13] .right-comp-div {
	max-width: 382px;
/*	margin-top:7px;
*/}

 .right-comp-div[b-xjpk4zvh13] {
/* margin-top: 7px;
*/ }
[b-xjpk4zvh13]  ::-webkit-scrollbar {
	width: 0px;
	background: transparent;
}

/*@media(max-width:1365px) {
	::deep .div-comp {
		max-width: unset !important;
		min-width: unset !important;
	}

	::deep .div-leftmenu-container {
		width: 30%;
		max-width: unset !important;
		min-width: unset !important;
	}
}*/

/*@media(min-width:1366px) {
	::deep .div-comp {
		max-width: unset !important;
		min-width: unset !important;
		width: 394px !important;
	}
}*/

@media screen and (min-width:1700px) {
	

	[b-xjpk4zvh13] .btnstyle, .btn-competence[b-xjpk4zvh13], .btnstyle-note[b-xjpk4zvh13] {
		width: 100% !important;
		justify-items: center !important;
	}
	[b-xjpk4zvh13] .AttachNotes {
		text-align: center;
		letter-spacing: 0px;
		color: #4C4C4C;
		opacity: 1;
		top: 144px;
		width: 85px;
		height: 16px;
		margin-bottom: 12px;
		position: fixed;
	}
	[b-xjpk4zvh13] .attachmentIconStyle {
		width: 10px;
		height: 19px;
		opacity: 1;
		position: fixed;
		margin-bottom: 33.3px;
		margin-top: 16px;
	}
}
/*
@media (max-width:1060px) {
	::deep .div-note-content {
		height: unset !important;
	}

	::deep .div-note-content {
		flex-direction: column;
	}

	::deep .div-espace-note {
		margin-left: 54px !important;
	}

	::deep .div-notee {
		margin-top: -34px;
		margin-left: 48px;
	}

	::deep .div-text-note {
		margin-top: 0px !important;
	}
}*/


[b-xjpk4zvh13] .btnstyle, .btn-competence[b-xjpk4zvh13], .btnstyle-note[b-xjpk4zvh13] {
	border: 1px solid transparent;
	background: none;
	font-size: 13px;
	/*font-family: 'Franklin Gothic Medium Regular';*/
	font: normal normal  13px/16px Gravity-Regular;
	height: 69px !important;
	letter-spacing: 0px;
	color: #2C333A;
	outline: none !important;
}
[b-xjpk4zvh13] .btn-competence {
	width: 100%;
}

@font-face {
	font-family: GraphikBold;
	src: url('../open-iconic/font/fonts/GraphikBold.otf') format('opentype');
}

@font-face {
	font-family: Franklin Gothic Demi Regular;
	src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
	font-family: Franklin Gothic Book Regular;
	src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
	font-family: Franklin Gothic Medium Regular;
	src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-xjpk4zvh13] .div-compentance-card {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #eaeaea;
	padding: 0.5rem;
	padding-left: 1.5rem;
}

[b-xjpk4zvh13] .row-flex {
	display: flex;
	flex-direction: row
}

[b-xjpk4zvh13] .column-flex {
	display: flex;
	flex-direction: column
}

[b-xjpk4zvh13] .projectManagement-icon {
	object-fit: cover;
	border-radius: 50%;
	opacity: 1;
	width: 20px;
	height: 20px;
	margin-top: 5px
}

[b-xjpk4zvh13] .span-title {
	font-size: 18px;
	margin-left: 10px;
	font-family: 'Franklin Gothic Medium Regular';
	font-size: 18px;
	text-align: left;
	letter-spacing: 0px;
	color: #222F3E;
	opacity: 1;
}

[b-xjpk4zvh13] .span-sub-title {
	margin-left: 3px;
	font-size: 15px;
	opacity: 1;
	overflow: visible;
	font-family: 'Franklin Gothic Demi Regular';
	color: #576574;
}

[b-xjpk4zvh13] .span-sub-sub-title {
	opacity: 1;
	overflow: visible;
	font-family: 'Franklin Gothic Medium Regular';
	font-size: 13px;
	padding-left: 5px;
}

[b-xjpk4zvh13] .timeSheet-icon {
	object-fit: cover;
	opacity: 1;
	width: 14px;
	height: 14px;
}

[b-xjpk4zvh13] .level-icon {
	object-fit: cover;
	opacity: 1;
}

[b-xjpk4zvh13] .competance-icon {
	width: 21px;
	height: 16px;
	object-fit: cover;
	border-radius: 50%;
	opacity: 1;
	padding-top: 2px;
}

[b-xjpk4zvh13] .btn-leftmenu-active {
	/*color: #0898D7;*/
	height: 57px;
	border-bottom: 3px solid #0898D7;
	opacity: 1;
	font: normal normal bold 13px/16px Gravity-Regular;
	color: #4c4c4c;
}
[b-xjpk4zvh13] .imgstyle {
	margin-top: -1px;
	margin-right: 5px;
	width: 14.5px;
	height: 20px;
}

[b-xjpk4zvh13] .span-comp-title {
	font-size: 15px;
	opacity: 1;
	overflow: visible;
	font-family: 'Franklin Gothic Demi Regular';
	color: #576574;
}

[b-xjpk4zvh13] .span-comp-sub-title {
	margin-left: 10px;
	color: #576574;
	opacity: 1;
	overflow: visible;
	font-family: 'Franklin Gothic Demi Regular';
	font-size: 13px;
}

[b-xjpk4zvh13] .span-comp-value {
	color: #8395A7;
	opacity: 1;
	overflow: visible;
	font-family: 'Franklin Gothic Demi Regular';
	font-size: 13px;
}

[b-xjpk4zvh13] .div-new-comp {
	border: 0.5px solid #E6E6E6;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 3px 3px 6px #00000029;
	border: 0.5px solid #E6E6E6;
	opacity: 1;
	width: 100%;
}

[b-xjpk4zvh13] .btn-new-comp {
	border: none;
	width: 100%;
	background: none;
	font-family: 'Franklin Gothic Medium Regular';
	letter-spacing: 0.3px;
	color: #576574;
	height: 53px;
	font-size: 14px;
}

[b-xjpk4zvh13] .btn-leftmenu-comp-active {
	color: #1DD1A1;
	border-bottom: 4px solid #1DD1A1;
	opacity: 0.92;
}


/*::deep .prj-img-style {*/
	/*margin-top: 7px !important;*/
	/*margin-bottom: -4px;
}*/

[b-xjpk4zvh13] .prj-btn-style {
	width: 100%;
	display: grid;
	justify-items: center;
}
.div-left-menu[b-xjpk4zvh13] {
	display: flex;
	/*box-shadow: 2px 2px 4px #40414240;*/
	opacity: 1;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	top: 103px;
	left: 980px;
	width: 388px;
	/*height: 69px;*/
}
[b-xjpk4zvh13] .btn_upload {
	margin-top: 23px;
	text-align: center;
	width: 90% !important;
	height: 38px !important;
	border-radius: 6px;
	box-shadow: none;
	margin-bottom: 3px;
	position: static;
	border: 1px dashed #7cbbf9;
	color: #576574;
	font-size: 15px;
	font-family: 'Franklin Gothic Medium Regular';
	background-position: 12% 52% !important;
	margin-left: 21px;
	background: transparent url(/icons/attchement.svg) no-repeat;
	background-position: 24% 50%;
	background-size: 8px 18px;
	width: 46px;
	height: 42px;
	text-decoration: none;
	display: inline-block;
	outline: none;
	cursor: pointer;
	padding-top: 7px;
}

	[b-xjpk4zvh13] .btn_upload:hover {
		box-shadow: 1px 0px 7px #CAD2E5;
		background-color: white;
		border: 1px dashed #1E90FF;
		outline: none;
	}

	[b-xjpk4zvh13] .btn_upload:active, .btn_upload:focus[b-xjpk4zvh13] {
		box-shadow: 1px 0px 7px #CAD2E5;
		background-color: white;
		border: 1px dashed #1E90FF;
		outline: none;
	}


@media (max-width: 1150px) {
	[b-xjpk4zvh13] .div-espace-note {
		margin-left: 0 !important;
	}
}
@media (max-width: 1150px) {
	[b-xjpk4zvh13] .div-notee {
		margin-top: 0 !important;
		margin-left: 0 !important;
	}
}
@media (max-width: 1150px) {
	[b-xjpk4zvh13] .div-note-content {
		flex-direction: row;
	}
}
.top-attach[b-xjpk4zvh13] {
	margin-top: -58px;
	position: fixed;
	width: 389px;
}

[b-xjpk4zvh13] .attchlist {
	width: 324px;
	height: 130px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 3px 3px 6px #00000029;
	z-index: 2;
	position: absolute;
	margin-left: 25px;
}
/* /Components/Attachment/CameraPopup.razor.rz.scp.css */
.modal-back[b-evcnjb2ymi] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-evcnjb2ymi] {
    --width: 600px;
    --max-height: 620px;
    max-width: 600px;
    width: var(--width);
    left: calc(50wv - var(--width)) !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
    top: calc(50% - (var(--max-height) / 2)) !important;
}

[b-evcnjb2ymi] .popup-footer {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-evcnjb2ymi] {
    width: 433px;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-evcnjb2ymi] {
    width: 433px;
    margin-left: 0px;
    background: #359AB4 0% 0% no-repeat padding-box;
    height: 46px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 12px 12px 0px 0px;
}

.modal-title-popup[b-evcnjb2ymi] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-evcnjb2ymi] {
    margin-left: 0px;
}

[b-evcnjb2ymi] .modal-body-add {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-evcnjb2ymi] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}

@media (min-width:1201px) {
    .ipad-media-btn[b-evcnjb2ymi] {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    .ipad-media-close[b-evcnjb2ymi] {
        margin-top: 10px !important;
    }
}

@media(max-width:1200px) and ( min-width:801px) {
    .media-ipad-video[b-evcnjb2ymi] {
        margin-top: 2px !important;
        height: 390px !important;
    }

    .media-ipad-img[b-evcnjb2ymi] {
        margin-top: 2px !important;
        height: 390px !important;
    }

    ..div-item-prj-p[b-evcnjb2ymi] {
        padding-top: 5px !important;
    }

    .ipad-media-btn[b-evcnjb2ymi] {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-around;
        align-items: center;
    }

    .ipad-media-close[b-evcnjb2ymi] {
        margin-top: 0px !important;
    }

    .ipad-bt-media[b-evcnjb2ymi] {
        margin-top: 10px !important;
    }

    .popup-footer-media[b-evcnjb2ymi] {
        height: 50px;
        margin-top: 4px;
    }
}
/* /Components/Attachment/CollapsedAttachement.razor.rz.scp.css */
.circle[b-ni7m9gq4s3] {
    width: 1.5vh;
    height: 1.5vh;
    border-radius: 5vh;
    background-color: #EF7911;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-family: GravityRegular;
    position: absolute;
    right: 1.5vh;
    top: 2.5vh;
    border-style: solid;
    border-color: #fff;
    border-width: 1px;
}

.number[b-ni7m9gq4s3] {
    font-size: 8.75px;
}
.circleNote[b-ni7m9gq4s3] {
    width: 1.5vh;
    height: 1.5vh;
    border-radius: 5vh;
    background-color: #EF7911;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-family: GravityRegular;
    position: absolute;
    right: 1.5vh;
    top: 6.5vh;
    border-style: solid;
    border-color: #fff;
    border-width: 1px;
}
/* /Components/Attachment/ImportComponent.razor.rz.scp.css */

[b-kkez54v429] .import_div {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    height: 110px;
    border-radius: 22px;
    box-shadow: none;
    border: 1.5px dashed #8A9BAC;
    color: #576574;
    font-size: 15px;
    font-family: 'GravityBold';
    background-position: 12% 52%;
    background-position: 24% 50%;
    background-size: 8px 18px;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}
.img-excel[b-kkez54v429] {
    width: 53px;
    height: 50px;
    padding-bottom: 11px;
}

[b-kkez54v429] .import_div:hover {
    box-shadow: 1px 0px 7px #CAD2E5;
    background-color: white;
    border: 1px dashed #8A9BAC;
    outline: none;
}

[b-kkez54v429] .import_div:active, .import_div:focus[b-kkez54v429] {
    box-shadow: 1px 0px 7px #CAD2E5;
    background-color: white;
    border: 1px dashed #8A9BAC;
    outline: none;
}
progress[value][b-kkez54v429]::-webkit-progress-bar {
    background-color: #eee;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
progress[value][b-kkez54v429] {
    width: 100%;
    height: 8px;
    margin-left: 0;
    margin-top: 0;
}
.span-progress[b-kkez54v429] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-size: 14px;
    flex: auto;
    font-family: 'GravityRegular';
}
.div-data[b-kkez54v429] {
    padding-top: 25px;
    padding-bottom: 16px;
}
.span-percent[b-kkez54v429] {
    font-size: 11px;
    font-family: 'GravityBold';
    color: #7A91AA;
}
.span-tatus[b-kkez54v429] {
    color: #F37520;
    font-size: 11px;
    font-family: 'GravityBold';
}
.div-progr[b-kkez54v429] {
    height: 18px;
}

.div-bar[b-kkez54v429] {
    padding-top: 13px;
    padding-bottom: 13px;
}
/* /Components/BANComponents/BANBankComponents/FilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-uapyz7w8uk] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-uapyz7w8uk] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-uapyz7w8uk] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-uapyz7w8uk] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-uapyz7w8uk] {
    margin-top: 17px;
}

.closepop-entrerheure[b-uapyz7w8uk] {
    float: right;
}

.modal-body-filter[b-uapyz7w8uk] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-uapyz7w8uk] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-uapyz7w8uk] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-uapyz7w8uk] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-uapyz7w8uk] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-uapyz7w8uk] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/BANComponents/BANBankComponents/GeneralBankComponent.razor.rz.scp.css */
.produit[b-uuuh1l0441] {
    background-size: 40px;
    width: 200px;
    height: 150px;
    border: 1px dashed #024662;
    box-shadow: 0px 0px 13px rgb(67 74 84 / 50%);
    margin-left: auto;
    color: #024662;
    font-size: 14px;
    text-align: center;
    font-family: Franklin Gothic;
    vertical-align: central;
    opacity: 0.9;
}

.line[b-uuuh1l0441] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    columns: 3;
    place-content: space-between;
}

.line2[b-uuuh1l0441] {
    columns: 2;
}
.span-prj-title1[b-uuuh1l0441] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}
.divFlex[b-uuuh1l0441] {
    height: 98px;
    width: auto;
    display: flex;
    flex-direction: column;
}
.divCheckBox[b-uuuh1l0441]{
    margin-left:30px;
    margin-top:5px;
}
/* /Components/BANComponents/BANBankComponents/RapprochementComponents/ImportationComponent.razor.rz.scp.css */
.modal-back[b-9u7nc1rc9d] {
    background-color: rgb(240 240 244 / 75%);
}
.modal-dialog-popup[b-9u7nc1rc9d] {
    max-width: 100%;
    width: 100%;
    position: fixed;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
}

[b-9u7nc1rc9d] .popup-footer {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-9u7nc1rc9d] {
    width: 433px;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-9u7nc1rc9d] {
    width: 433px;
    margin-left: 0px;
    background: #008058 0% 0% no-repeat padding-box;
    height: 60px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
}
.modal-title-popup[b-9u7nc1rc9d] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 10px;
}


.closepop-entrerheure[b-9u7nc1rc9d] {
    margin-left: 0px;
}

[b-9u7nc1rc9d] .modal-body {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-9u7nc1rc9d] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
.header-impor[b-9u7nc1rc9d] {
    height: 93px;
    background: rgb(230 230 230 / 30%) 0% 0% no-repeat padding-box;
}

.btnsty[b-9u7nc1rc9d] {
    background: #008058 0% 0% no-repeat padding-box;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    margin-left: 20px;
    margin-top: 10px;
}


input[type="date"][b-9u7nc1rc9d]::-webkit-calendar-picker-indicator:hover {
    cursor: pointer;
}

input[type="date"][b-9u7nc1rc9d]::-webkit-calendar-picker-indicator {
    background-image: url("/icons/icon calnedrier.svg");
}

.dtime[b-9u7nc1rc9d] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    height: 32px !important;
}


.dtime:focus[b-9u7nc1rc9d] {
    box-shadow: 0 0 0 0.09rem rgb(204 204 204);
    background-position: bottom 9px right 10px;
}
.inputfile[b-9u7nc1rc9d] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
label[b-9u7nc1rc9d] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 3px #434A5480;
    border: 0.8895488977432251px dashed #1E6D42;
    border-radius: 4px;
    width: 501px;
    height: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}


    .inputfile + label[b-9u7nc1rc9d] {
        cursor: pointer; 
    }
/* /Components/BANComponents/BANBankComponents/RapprochementComponents/ListRapprochementComponent.razor.rz.scp.css */
.list-header[b-tq8gixclm1] {
    background: #F2F1F8 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 2px #0D152633;
    opacity: 1;
    height: 66px;
    width: 100%;
    display: flex;
    justify-content: end;
}
.compte-gi[b-tq8gixclm1] {
    color: #7F8C8D;
    opacity: 1;
    font-family: GravityRegular;
    font-size: 12px;
}
.compte-gi-val[b-tq8gixclm1] {
    color: #35414C;
    opacity: 1;
    font-family: GravityRegular;
    font-size: 14px;
}
.val-col[b-tq8gixclm1] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bmo-op[b-tq8gixclm1] {
    color: #004459;
    opacity: 1;
    font-family: GravityBold;
    font-size: 15px;
}
.n-compte[b-tq8gixclm1] {
    color: #35414C;
    opacity: 1;
    font-family: GravityRegular;
    font-size: 14px;
}
.rapp-btn[b-tq8gixclm1] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 3px #00000059;
    opacity: 1;
    height: 45px;
    width: 45px;
    z-index: 20;
    position: relative;
    border: none;
    border-radius: 50%;
    right: 5px;
    margin-top: 8px;
}
.rapp-btn:focus[b-tq8gixclm1]{
    outline: none;
}
.amount[b-tq8gixclm1] {
    font-size: 12px;
    font-family: gravity-bold;
    padding-left: 10px;
    border-width: 1px;
    border-radius: 5px;
    padding-top: 5px;
    height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    border-color: black;
    background: white;
    color: rgb(2, 70, 98);
    box-shadow: rgb(0 0 0 / 25%) 1px 2px 7px;
    white-space: nowrap;
    width: 120px;
    float: left;
    z-index: 2;
    top: 10px;
    position: absolute;
    left: 390px;
}
/* /Components/BANComponents/BANBankComponents/RapprochementComponents/TransactionsFinComponent.razor.rz.scp.css */
.left-section[b-jzuxo0z248] {
    width: 335px;
    background-color: #f2f1f840;
    height: 100%
}
.left-section-header[b-jzuxo0z248] {
    width: 335px;
    height: 66px;
    background-color: #f2f1f840;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 25%);
    display: flex;
}
.left-section-body[b-jzuxo0z248] {

    width: 335px;
    height: auto;
    background-color: #f2f1f840;
    overflow-y: scroll;
    overflow-x: hidden;
}
    .left-section-body[b-jzuxo0z248]::-webkit-scrollbar {
        width: 10px;
    }
    .left-section-body[b-jzuxo0z248]::-webkit-scrollbar-track {
        background: #f2f1f840;
    }
    .left-section-body[b-jzuxo0z248]::-webkit-scrollbar-thumb {
        background: #7A91AA;
    
        border-radius: 10px;
    }
        .left-section-body[b-jzuxo0z248]::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
    .header-title[b-jzuxo0z248] {
        margin-top: auto;
        margin-bottom: auto;
        margin-left: 25px;
        font-family: GravityBold;
        font-size: 16px;
        text-align: left;
        letter-spacing: 0px;
        color: #024662;
        opacity: 0.85;
    }
.left-section-card[b-jzuxo0z248] {
    width: 335px;
    height: 116px;
    margin-top: 10px;
}
.left-section-card-header-blue[b-jzuxo0z248] {
    width: 284px;
    height: 20px;
    background: #0067AF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 4px #00000040;
    border-radius: 10px;
    opacity: 1;
    position: relative;
    z-index: 8;
    display: flex;
    margin-left: 15px;
}
.left-section-card-header-pink[b-jzuxo0z248] {
    width: 284px;
    height: 20px;
    background: #F07775 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 4px #00000040;
    border-radius: 10px;
    opacity: 1;
    position: relative;
    z-index: 8;
    display: flex;
    margin-left: 15px;
}
.left-section-card-body[b-jzuxo0z248] {
    width: 297px;
    height: 96px;
    display: flex;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000059;
    border-radius: 8px;
    z-index: 1;
    position: relative;
    margin-top: -15px;
    margin-left: 10px;
}
.left-section-card-header-title[b-jzuxo0z248] {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 10px;
    font-family: GravityBold;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.scnd-row-card[b-jzuxo0z248] {
    height: 100%;
    display: flex;
    border-top: 0.3277116119861603px solid rgb(204 204 204 / 65%);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.scnd-row-col[b-jzuxo0z248] {
    width: 100%;
    border-left: 0.3277116119861603px solid rgb(204 204 204 / 65%);
    background: rgb(242 241 248 / 50%) 0% 0% no-repeat padding-box;
    border-bottom-right-radius: 8px;
}
.span-date[b-jzuxo0z248] {
    color: #004459b3;
    font-family: GravityBold;
    font-size: 11px;
    padding-top: 5px;
    padding-left: 10px;
}
.span-devise[b-jzuxo0z248] {
    padding-left: 10px;
    font-family: GravityBold;
    font-size: 11px;
    letter-spacing: 0px;
    color: #004459;
}
.span-desc[b-jzuxo0z248] {
    padding-left: 10px;
    font-family: GravityBold;
    font-size: 10px;
    letter-spacing: 0px;
    color: #004459;
    padding-top: 5px;
}
.span-desc-val[b-jzuxo0z248] {
    padding-left: 10px;
    font-family: GravityBold;
    font-size: 12px;
    letter-spacing: 0px;
    color: #004459;
}
.span-mon[b-jzuxo0z248] {
    padding-left: 10px;
    font-family: GravityBold;
    font-size: 10px;
    letter-spacing: 0px;
    color: #35414C;
    padding-top: 5px;
}

.span-mon-val[b-jzuxo0z248] {
    padding-left: 10px;
    font-family: GravityBold;
    font-size: 11.5px;
    letter-spacing: 0px;
    color: #024662;
    
}
.scnd-row-right[b-jzuxo0z248] {
    width: 135px;
    display: flex;
    flex-direction: column;
    background: #F2F1F8 0% 0% no-repeat padding-box;
    border-left: 0.3277116119861603px solid rgb(204 204 204 / 65%);
    border-radius: 0px 0px 8px 0px ;
}
.div-check[b-jzuxo0z248] {
    width: 19px;
    height: 19px;
    position: relative;
    z-index: 9;
    right: 10px;
    top: 22px;
}

.amount[b-jzuxo0z248] {
    font-size: 12px;
    font-family: gravity-bold;
    padding-left: 10px;
    margin-left: 192px;
    border-width: 1px;
    border-radius: 5px;
    padding-top: 5px;
    height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    border-color: black;
    background: white;
    color: rgb(2, 70, 98);
    box-shadow: rgb(0 0 0 / 25%) 1px 2px 7px;
    white-space: nowrap;
    width: 120px;
    float: left;
    z-index: 2;
    top: 10px;
    position:absolute;
}
/* /Components/BANComponents/BANBankComponents/RecBtn.razor.rz.scp.css */

.img-icon1[b-jo00w2gs7y] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-jo00w2gs7y] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}


.btn-style-rec-dis[b-jo00w2gs7y] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #238dad;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px 0 12px;
    margin: 0 3px 0 0px;
}

    .btn-style-rec-dis:hover[b-jo00w2gs7y] {
        cursor: not-allowed;
    }

    .btn-style-rec-dis:focus[b-jo00w2gs7y] {
        outline: none;
    }

.btn-style-rec[b-jo00w2gs7y] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #238dad;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px 0 13px;
    margin: 0 3px 0 1px;
}



    .btn-style-rec:hover[b-jo00w2gs7y] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #238dad 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-rec:hover .img-icon1[b-jo00w2gs7y] {
            display: none;
        }

        .btn-style-rec:hover .img-icon2[b-jo00w2gs7y] {
            display: block;
        }

    .btn-style-rec:focus[b-jo00w2gs7y] {
        outline: none;
    }
/* /Components/BANComponents/BANBankComponents/RecHisBtn.razor.rz.scp.css */
.img-icon1[b-3xn6ve06ac] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-3xn6ve06ac] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}

.btn-style-rechis-dis[b-3xn6ve06ac] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #88c057;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px 0 15px;
}

    .btn-style-rechis-dis:hover[b-3xn6ve06ac] {
        cursor: not-allowed;
    }

    .btn-style-rechis-dis:focus[b-3xn6ve06ac] {
        outline: none;
    }


.btn-style-rechis[b-3xn6ve06ac] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #88c057;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px 0 15px;
}



    .btn-style-rechis:hover[b-3xn6ve06ac] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #88c057 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-rechis:hover .img-icon1[b-3xn6ve06ac] {
            display: none;
        }

        .btn-style-rechis:hover .img-icon2[b-3xn6ve06ac] {
            display: block;
        }

    .btn-style-rechis:focus[b-3xn6ve06ac] {
        outline: none;
    }
/* /Components/BANComponents/BANBankComponents/TranBtn.razor.rz.scp.css */
.img-icon1[b-h66ls3ldq7] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-h66ls3ldq7] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}

.btn-style-tran-dis[b-h66ls3ldq7] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #bf6ff5;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px;
}
.btn-style-tran-dis:hover[b-h66ls3ldq7] {
cursor: not-allowed;
}
    .btn-style-tran-dis:focus[b-h66ls3ldq7] {
   
        outline: none;
    }
.btn-style-tran[b-h66ls3ldq7] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #bf6ff5;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px;
}



.btn-style-tran:hover[b-h66ls3ldq7] {
    font-family: 'GravityBold';
    font-size: 13px;
    letter-spacing: 0.28px;
    color: #ffffff;
    background: #bf6ff5 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

    .btn-style-tran:hover .img-icon1[b-h66ls3ldq7] {
        display: none;
    }

    .btn-style-tran:hover .img-icon2[b-h66ls3ldq7] {
        display: block;
    }

    .btn-style-tran:focus[b-h66ls3ldq7] {
        outline: none;
    }
/* /Components/BANComponents/BANBankComponents/TransactionsComponents/FilterBankTransaction.razor.rz.scp.css */

.modal-dialog-filter[b-153feyqvpe] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-153feyqvpe] {
    width: 580px;
    height: auto;
}

.modal-header-filter[b-153feyqvpe] {
    width: 580px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-153feyqvpe] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-153feyqvpe] {
    margin-top: 17px;
}

.closepop-entrerheure[b-153feyqvpe] {
    float: right;
}

.modal-body-filter[b-153feyqvpe] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-153feyqvpe] {
    font-family: 'Franklin Gothic Medium Regular';
}

.modal-footer-filter[b-153feyqvpe] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-153feyqvpe] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-153feyqvpe] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-153feyqvpe] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}

@media screen and (max-width: 1024px) {

    .personal-filter-modal[b-153feyqvpe] {
        left: -123px
    }
}

.form-control:hover[b-153feyqvpe] {
    border: 1px solid #CCCCCC;
}
/* /Components/BANComponents/BANBankComponents/TransactionsComponents/GridTransactionsComponents.razor.rz.scp.css */
*[b-8kjx2vvj0q] {
    box-sizing: border-box;
}

.top[b-8kjx2vvj0q] {
    margin-top: -16px;
    margin-bottom: -30px;
}

.img-roundC[b-8kjx2vvj0q] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #268BFD;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 7px;
}

.column[b-8kjx2vvj0q] {
    float: left;
    width: 50%;
    padding: 0 10px;
}

.div-header[b-8kjx2vvj0q] {
    justify-content: space-between;
    display: flex;
    width: 100%;
}
/* /Components/BANComponents/BANBankComponents/TransactionsComponents/SommeComponent.razor.rz.scp.css */
.somme-card[b-gc0ksakjz8] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 506px;
    height: 103px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}
.somme-triang[b-gc0ksakjz8] {
    margin-top: -15px;
    margin-left: 43px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}
.somme-solde[b-gc0ksakjz8] {
    font-family: GravityRegular;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
}
.somme-devise[b-gc0ksakjz8] {
    font-family: GravityBold;
    font-size: 10px;
    text-align: left;
    letter-spacing: 0px;
}
.somme-valeur[b-gc0ksakjz8] {
    font-family: GravityBold;
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
}
.somme:hover[b-gc0ksakjz8]{
    cursor: pointer;
}
/* /Components/BANComponents/BANCashierComponents/AddModalCaisse.razor.rz.scp.css */
.label-style[b-xko59vh88l] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}
/* /Components/BANComponents/BANCashierComponents/CashierTransactionComponents/FilterCashierTransaction.razor.rz.scp.css */

.modal-dialog-filter[b-exznymdj8o] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-exznymdj8o] {
    width: 580px;
    height: auto;
}

.modal-header-filter[b-exznymdj8o] {
    width: 580px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-exznymdj8o] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-exznymdj8o] {
    margin-top: 17px;
}

.closepop-entrerheure[b-exznymdj8o] {
    float: right;
}

.modal-body-filter[b-exznymdj8o] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-exznymdj8o] {
    font-family: 'Franklin Gothic Medium Regular';
}

.modal-footer-filter[b-exznymdj8o] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-exznymdj8o] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-exznymdj8o] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-exznymdj8o] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}

@media screen and (max-width: 1024px) {

    .personal-filter-modal[b-exznymdj8o] {
        left: -123px
    }
}

.form-control:hover[b-exznymdj8o] {
    border: 1px solid #CCCCCC;
}
/* /Components/BANComponents/BANCashierComponents/CashierTransactionComponents/TransactionGridComponent.razor.rz.scp.css */
*[b-hag4w6fcb4] {
    box-sizing: border-box;
}

.top[b-hag4w6fcb4] {
    margin-top: -16px;
    margin-bottom: -30px;
}

.img-roundC[b-hag4w6fcb4] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #268BFD;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 7px;
}

.column[b-hag4w6fcb4] {
    float: left;
    width: 50%;
    padding: 0 10px;
}

.div-header[b-hag4w6fcb4] {
    justify-content: space-between;
    display: flex;
    width: 100%;
}

.span-code[b-hag4w6fcb4] {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

.span-name[b-hag4w6fcb4] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}
/* /Components/BANComponents/BANCashierComponents/ClosingCashierComponents/ClosingFilterModalComponent.razor.rz.scp.css */
.label-style[b-6ht8p6fmke] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

.modal-dialog-filter[b-6ht8p6fmke] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-6ht8p6fmke] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-6ht8p6fmke] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-6ht8p6fmke] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-6ht8p6fmke] {
    margin-top: 17px;
}

.closepop-entrerheure[b-6ht8p6fmke] {
    float: right;
}

.modal-body-filter[b-6ht8p6fmke] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-6ht8p6fmke] {
    font-family: 'GravityRegular';
}


.modal-footer-filter[b-6ht8p6fmke] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-6ht8p6fmke] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-6ht8p6fmke] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-6ht8p6fmke] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/BANComponents/BANCashierComponents/ClosingCashierComponents/ClosMonnaieTypeListComponent.razor.rz.scp.css */
[b-pton2vaoah] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.table-nrn[b-pton2vaoah] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-pton2vaoah] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-pton2vaoah] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-pton2vaoah] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-pton2vaoah] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-pton2vaoah] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-pton2vaoah] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

[b-pton2vaoah] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-pton2vaoah] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-pton2vaoah] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-pton2vaoah] {
        display: block;
    }

[b-pton2vaoah] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-pton2vaoah] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}

[b-pton2vaoah] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-pton2vaoah] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 20px;
}

[b-pton2vaoah] .btn-del {
    height: 15px;
    width: 13px;
}

[b-pton2vaoah] .cen-select {
    margin-top: 15px;
}

[b-pton2vaoah] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-pton2vaoah] .fa {
    padding-left: 8px;
    float: none !important;
}
/* /Components/BANComponents/BANCashierComponents/DepotBtn.razor.rz.scp.css */
.img-icon1[b-zi26lxyf0q] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-zi26lxyf0q] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}

.btn-style-dep-dis[b-zi26lxyf0q] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #badc58;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px;
}

    .btn-style-dep-dis:hover[b-zi26lxyf0q] {
        cursor: not-allowed;
    }

    .btn-style-dep-dis:focus[b-zi26lxyf0q] {
        outline: none;
    }

.btn-style-dep[b-zi26lxyf0q] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #badc58;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px;
}



    .btn-style-dep:hover[b-zi26lxyf0q] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #badc58 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-dep:hover .img-icon1[b-zi26lxyf0q] {
            display: none;
        }

        .btn-style-dep:hover .img-icon2[b-zi26lxyf0q] {
            display: block;
        }

    .btn-style-dep:focus[b-zi26lxyf0q] {
        outline: none;
    }
/* /Components/BANComponents/BANCashierComponents/FermetureBtn.razor.rz.scp.css */
.img-icon1[b-inqeuxg4n6] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-inqeuxg4n6] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}

.btn-style-fer-dis[b-inqeuxg4n6] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #006df0;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px;
}

    .btn-style-fer-dis:hover[b-inqeuxg4n6] {
        cursor: not-allowed;
    }

    .btn-style-fer-dis:focus[b-inqeuxg4n6] {
        outline: none;
    }

.btn-style-fer[b-inqeuxg4n6] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #006df0;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px;
}



    .btn-style-fer:hover[b-inqeuxg4n6] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #006df0 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-fer:hover .img-icon1[b-inqeuxg4n6] {
            display: none;
        }

        .btn-style-fer:hover .img-icon2[b-inqeuxg4n6] {
            display: block;
        }

    .btn-style-fer:focus[b-inqeuxg4n6] {
        outline: none;
    }
/* /Components/BANComponents/BANCashierComponents/FilterModalListCaisse.razor.rz.scp.css */
.label-style[b-hlfol66u4f] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}
.modal-dialog-filter[b-hlfol66u4f] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-hlfol66u4f] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-hlfol66u4f] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-hlfol66u4f] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-hlfol66u4f] {
    margin-top: 17px;
}

.closepop-entrerheure[b-hlfol66u4f] {
    float: right;
}

.modal-body-filter[b-hlfol66u4f] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-hlfol66u4f] {
    font-family: 'GravityRegular';
}


.modal-footer-filter[b-hlfol66u4f] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-hlfol66u4f] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-hlfol66u4f] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-hlfol66u4f] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/BANComponents/BANCashierComponents/INVChargeCashierComponents/ChargeMoneyTypeListComponent.razor.rz.scp.css */
[b-uzlw1hxxmr] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.table-nrn[b-uzlw1hxxmr] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-uzlw1hxxmr] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-uzlw1hxxmr] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-uzlw1hxxmr] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-uzlw1hxxmr] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-uzlw1hxxmr] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-uzlw1hxxmr] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

[b-uzlw1hxxmr] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-uzlw1hxxmr] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-uzlw1hxxmr] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-uzlw1hxxmr] {
        display: block;
    }

[b-uzlw1hxxmr] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-uzlw1hxxmr] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}

[b-uzlw1hxxmr] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-uzlw1hxxmr] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 20px;
}

[b-uzlw1hxxmr] .btn-del {
    height: 15px;
    width: 13px;
}

[b-uzlw1hxxmr] .cen-select {
    margin-top: 15px;
}

[b-uzlw1hxxmr] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-uzlw1hxxmr] .fa {
    padding-left: 8px;
    float: none !important;
}
/* /Components/BANComponents/BANCashierComponents/INVChargeCashierComponents/INVChargeFilterModalComponent.razor.rz.scp.css */
.label-style[b-00fwrz6zy7] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

.modal-dialog-filter[b-00fwrz6zy7] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-00fwrz6zy7] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-00fwrz6zy7] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-00fwrz6zy7] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-00fwrz6zy7] {
    margin-top: 17px;
}

.closepop-entrerheure[b-00fwrz6zy7] {
    float: right;
}

.modal-body-filter[b-00fwrz6zy7] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-00fwrz6zy7] {
    font-family: 'GravityRegular';
}


.modal-footer-filter[b-00fwrz6zy7] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-00fwrz6zy7] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-00fwrz6zy7] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-00fwrz6zy7] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/BANComponents/BANCashierComponents/INVRevokeCashierComponents/INVRevokeFilterComponent.razor.rz.scp.css */
.label-style[b-f89iijwffp] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

.modal-dialog-filter[b-f89iijwffp] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-f89iijwffp] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-f89iijwffp] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-f89iijwffp] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-f89iijwffp] {
    margin-top: 17px;
}

.closepop-entrerheure[b-f89iijwffp] {
    float: right;
}

.modal-body-filter[b-f89iijwffp] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-f89iijwffp] {
    font-family: 'GravityRegular';
}


.modal-footer-filter[b-f89iijwffp] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-f89iijwffp] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-f89iijwffp] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-f89iijwffp] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/BANComponents/BANCashierComponents/INVRevokeCashierComponents/INVRevokeMoneyTypeList.razor.rz.scp.css */
[b-qml6kohmxu] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.table-nrn[b-qml6kohmxu] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-qml6kohmxu] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-qml6kohmxu] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-qml6kohmxu] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-qml6kohmxu] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-qml6kohmxu] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-qml6kohmxu] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

[b-qml6kohmxu] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-qml6kohmxu] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-qml6kohmxu] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-qml6kohmxu] {
        display: block;
    }

[b-qml6kohmxu] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-qml6kohmxu] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}

[b-qml6kohmxu] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-qml6kohmxu] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 20px;
}

[b-qml6kohmxu] .btn-del {
    height: 15px;
    width: 13px;
}

[b-qml6kohmxu] .cen-select {
    margin-top: 15px;
}

[b-qml6kohmxu] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-qml6kohmxu] .fa {
    padding-left: 8px;
    float: none !important;
}
/* /Components/BANComponents/BANCashierComponents/OpeningCashierComponents/MonnaieTypeListComponent.razor.rz.scp.css */
[b-4t4kovjb4l] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.table-nrn[b-4t4kovjb4l] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-4t4kovjb4l] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-4t4kovjb4l] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-4t4kovjb4l] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-4t4kovjb4l] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-4t4kovjb4l] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-4t4kovjb4l] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

[b-4t4kovjb4l] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-4t4kovjb4l] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-4t4kovjb4l] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-4t4kovjb4l] {
        display: block;
    }

[b-4t4kovjb4l] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-4t4kovjb4l] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}



[b-4t4kovjb4l] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-4t4kovjb4l] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 20px;
}

[b-4t4kovjb4l] .btn-del {
    height: 15px;
    width: 13px;
}

[b-4t4kovjb4l] .cen-select {
    margin-top: 15px;
}

[b-4t4kovjb4l] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-4t4kovjb4l] .fa {
    padding-left: 8px;
    float: none !important;
}
/* /Components/BANComponents/BANCashierComponents/OpeningCashierComponents/OpeningFilterModalComponent.razor.rz.scp.css */
.label-style[b-xyw2d72ypf] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

.modal-dialog-filter[b-xyw2d72ypf] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-xyw2d72ypf] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-xyw2d72ypf] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-xyw2d72ypf] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-xyw2d72ypf] {
    margin-top: 17px;
}

.closepop-entrerheure[b-xyw2d72ypf] {
    float: right;
}

.modal-body-filter[b-xyw2d72ypf] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-xyw2d72ypf] {
    font-family: 'GravityRegular';
}


.modal-footer-filter[b-xyw2d72ypf] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-xyw2d72ypf] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-xyw2d72ypf] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-xyw2d72ypf] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/BANComponents/BANCashierComponents/OuvertureBtn.razor.rz.scp.css */
.img-icon1[b-voujmdszsf] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-voujmdszsf] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}

.btn-style-unl-dis[b-voujmdszsf] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #60db5a;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px;
}

    .btn-style-unl-dis:hover[b-voujmdszsf] {
        cursor: not-allowed;
    }

    .btn-style-unl-dis:focus[b-voujmdszsf] {
        outline: none;
    }

.btn-style-unl[b-voujmdszsf] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #60db5a;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px;
}



    .btn-style-unl:hover[b-voujmdszsf] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #60db5a 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-unl:hover .img-icon1[b-voujmdszsf] {
            display: none;
        }

        .btn-style-unl:hover .img-icon2[b-voujmdszsf] {
            display: block;
        }

    .btn-style-unl:focus[b-voujmdszsf] {
        outline: none;
    }
/* /Components/BANComponents/BANCashierComponents/RetraitBtn.razor.rz.scp.css */
.img-icon1[b-eapwk7b5bo] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-eapwk7b5bo] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}

.btn-style-ret-dis[b-eapwk7b5bo] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #ff7979;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 10px 0 10px;
}

    .btn-style-ret-dis:hover[b-eapwk7b5bo] {
        cursor: not-allowed;
    }

    .btn-style-ret-dis:focus[b-eapwk7b5bo] {
        outline: none;
    }

.btn-style-ret[b-eapwk7b5bo] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #ff7979;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 10px 0 10px;
}



    .btn-style-ret:hover[b-eapwk7b5bo] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #ff7979 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-ret:hover .img-icon1[b-eapwk7b5bo] {
            display: none;
        }

        .btn-style-ret:hover .img-icon2[b-eapwk7b5bo] {
            display: block;
        }

    .btn-style-ret:focus[b-eapwk7b5bo] {
        outline: none;
    }
/* /Components/BANComponents/BANCashierComponents/UserBtn.razor.rz.scp.css */
.img-icon1[b-xl1nzwcpw1] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-xl1nzwcpw1] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}

.btn-style-user-dis[b-xl1nzwcpw1] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #2187a5;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px;
}

    .btn-style-user-dis:hover[b-xl1nzwcpw1] {
        cursor: not-allowed;
    }

    .btn-style-user-dis:focus[b-xl1nzwcpw1] {
        outline: none;
    }

.btn-style-user[b-xl1nzwcpw1] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #2187a5;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px;
}



    .btn-style-user:hover[b-xl1nzwcpw1] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #2187a5 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-user:hover .img-icon1[b-xl1nzwcpw1] {
            display: none;
        }

        .btn-style-user:hover .img-icon2[b-xl1nzwcpw1] {
            display: block;
        }

    .btn-style-user:focus[b-xl1nzwcpw1] {
        outline: none;
    }
/* /Components/BANComponents/BANCashierComponents/UsersCashierComponents/GridUsersComponent.razor.rz.scp.css */
*[b-yts7y7r112] {
    box-sizing: border-box;
}

.top[b-yts7y7r112] {
    margin-top: -16px;
    margin-bottom: -30px;
}

.img-roundC[b-yts7y7r112] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #268BFD;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 7px;
}

.column[b-yts7y7r112] {
    float: left;
    width: 50%;
    padding: 0 10px;
}

.div-header[b-yts7y7r112] {
    justify-content: space-between;
    display: flex;
    width: 100%;
}
/* /Components/BANComponents/BANCheckComponents/FilterModalListCheck.razor.rz.scp.css */
body[b-1kfk45jg53] {
}

.modal-dialog-filter[b-1kfk45jg53] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-1kfk45jg53] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-1kfk45jg53] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-1kfk45jg53] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-1kfk45jg53] {
    margin-top: 17px;
}

.closepop-entrerheure[b-1kfk45jg53] {
    float: right;
}

.modal-body-filter[b-1kfk45jg53] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-1kfk45jg53] {
    font-family: 'GravityRegular';
}


.modal-footer-filter[b-1kfk45jg53] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-1kfk45jg53] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-1kfk45jg53] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-1kfk45jg53] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/BANComponents/BANCheckComponents/FiltreTransactionCheque.razor.rz.scp.css */

.modal-dialog-filter[b-s4ud47srsn] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-s4ud47srsn] {
    width: 580px;
    height: auto;
}

.modal-header-filter[b-s4ud47srsn] {
    width: 580px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-s4ud47srsn] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-s4ud47srsn] {
    margin-top: 17px;
}

.closepop-entrerheure[b-s4ud47srsn] {
    float: right;
}

.modal-body-filter[b-s4ud47srsn] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-s4ud47srsn] {
    font-family: 'Franklin Gothic Medium Regular';
}

.modal-footer-filter[b-s4ud47srsn] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-s4ud47srsn] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-s4ud47srsn] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-s4ud47srsn] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}

@media screen and (max-width: 1024px) {

    .personal-filter-modal[b-s4ud47srsn] {
        left: -123px
    }
}

.form-control:hover[b-s4ud47srsn] {
    border: 1px solid #CCCCCC;
}
/* /Components/BANComponents/BANCheckComponents/GridTransactionsCheckComponent.razor.rz.scp.css */
*[b-67hjgmnoc8] {
    box-sizing: border-box;
}

.top[b-67hjgmnoc8] {
    margin-top: -16px;
    margin-bottom: -30px;
}

.img-roundC[b-67hjgmnoc8] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #268BFD;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 7px;
}

.column[b-67hjgmnoc8] {
    float: left;
    width: 50%;
    padding: 0 10px;
}

.div-header[b-67hjgmnoc8] {
    justify-content: space-between;
    display: flex;
    width: 100%;
}
/* /Components/BANComponents/BANCheckComponents/TranCheckBtn.razor.rz.scp.css */
.img-icon1[b-d1cqiogg4t] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-d1cqiogg4t] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}

.btn-style-tran-dis[b-d1cqiogg4t] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #177fc2;
    display: grid;
    justify-items: center;
    min-width: 103px;
}

    .btn-style-tran-dis:hover[b-d1cqiogg4t] {
        cursor: not-allowed;
    }

    .btn-style-tran-dis:focus[b-d1cqiogg4t] {
        outline: none;
    }

.btn-style-tran[b-d1cqiogg4t] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #177fc2;
    display: grid;
    justify-items: center;
    min-width: 103px;
}



    .btn-style-tran:hover[b-d1cqiogg4t] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #177fc2 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-tran:hover .img-icon1[b-d1cqiogg4t] {
            display: none;
        }

        .btn-style-tran:hover .img-icon2[b-d1cqiogg4t] {
            display: block;
        }

    .btn-style-tran:focus[b-d1cqiogg4t] {
        outline: none;
    }
/* /Components/BANComponents/Parametrage/ChangeRateComponents/AddModalChangeRate.razor.rz.scp.css */
.datecss:disabled[b-5un1xghrrg], .datecss[readonly][b-5un1xghrrg] {
    background-color: transparent;
    opacity: 1;
}
.datecss:enabled:hover[b-5un1xghrrg] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
.datecss[b-5un1xghrrg] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto;
    height: 32px !important;
}

    .datecss:focus[b-5un1xghrrg] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: url('/icons/icon calnedrier.svg') no-repeat, white;
        background-position: bottom 9px right 10px;
    }

    .datecss[type="date"][b-5un1xghrrg]::-webkit-calendar-picker-indicator {
        color: rgba(0, 0, 0, 0);
        opacity: 1;
        display: block;
        background: url('/icons/icon calnedrier.svg') no-repeat;
        width: 200px;
        height: 40px;
        top: 0;
    }
/* /Components/BANComponents/Parametrage/ChangeRateComponents/FilterModalChangeRate.razor.rz.scp.css */

.modal-dialog-filter[b-z5nvy55s8f] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-z5nvy55s8f] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-z5nvy55s8f] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-z5nvy55s8f] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-z5nvy55s8f] {
    margin-top: 17px;
}

.closepop-entrerheure[b-z5nvy55s8f] {
    float: right;
}

.modal-body-filter[b-z5nvy55s8f] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-z5nvy55s8f] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-z5nvy55s8f] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-z5nvy55s8f] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-z5nvy55s8f] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-z5nvy55s8f] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/BANComponents/Parametrage/MethodePaiementComponents/FilterModalMethodePaiement.razor.rz.scp.css */

.modal-dialog-filter[b-k7q0oocv93] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-k7q0oocv93] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-k7q0oocv93] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-k7q0oocv93] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-k7q0oocv93] {
    margin-top: 17px;
}

.closepop-entrerheure[b-k7q0oocv93] {
    float: right;
}

.modal-body-filter[b-k7q0oocv93] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-k7q0oocv93] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-k7q0oocv93] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-k7q0oocv93] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-k7q0oocv93] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-k7q0oocv93] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/BANComponents/Parametrage/TypeMonnaieComponents/AddModalTypeMonnaie.razor.rz.scp.css */
body[b-dw7gbbz817] {
}
/* /Components/BANComponents/Parametrage/TypeMonnaieComponents/FilterModalTypeMonnaie.razor.rz.scp.css */

.modal-dialog-filter[b-92uhlagc3l] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-92uhlagc3l] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-92uhlagc3l] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-92uhlagc3l] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-92uhlagc3l] {
    margin-top: 17px;
}

.closepop-entrerheure[b-92uhlagc3l] {
    float: right;
}

.modal-body-filter[b-92uhlagc3l] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-92uhlagc3l] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-92uhlagc3l] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-92uhlagc3l] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-92uhlagc3l] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-92uhlagc3l] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/BANComponents/TransferViewComponents/TransferFieldsComponent.razor.rz.scp.css */
.label-style[b-aptsgg691d] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}
/* /Components/BANComponents/TransferViewComponents/TransferPageComponent.razor.rz.scp.css */
.modepay[b-ibleeduthc] {
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    margin-left: 28px;
}
.statut[b-ibleeduthc] {
    margin-left: 28px;
    margin-top: 10px;
}
/* /Components/CalendarTemplate/NewCalendarTemplateHoursModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.stylenrn[b-2rlou3c65m] {
    width: 350px !important;
    margin-left: 27px !important;
    border: none !important;
    background-size: 4% !important;
    font-family: 'GravityRegular' !important;
    margin-left: 18px !important;
    font-size: 14px !important;
}
[b-2rlou3c65m] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}
.input-date-heure[b-2rlou3c65m] {
    font-family: 'GravityRegular';
    font-size: 14px;
}
[b-2rlou3c65m] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}


[b-2rlou3c65m] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}
.input[type='time'][b-2rlou3c65m]::-webkit-calendar-picker-indicator {
    width: 77px;
}
[b-2rlou3c65m] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-2rlou3c65m] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-2rlou3c65m] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-2rlou3c65m] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
    :: deep .btn-confirm[b-2rlou3c65m] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-2rlou3c65m] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-2rlou3c65m] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-2rlou3c65m] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-2rlou3c65m] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-2rlou3c65m] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-2rlou3c65m] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-2rlou3c65m] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-2rlou3c65m] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-2rlou3c65m] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-2rlou3c65m] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-2rlou3c65m] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-2rlou3c65m] .column-3:hover, .column-3:focus[b-2rlou3c65m] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-2rlou3c65m] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-2rlou3c65m] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-2rlou3c65m] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-2rlou3c65m] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-2rlou3c65m] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-2rlou3c65m] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-2rlou3c65m] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-2rlou3c65m] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-2rlou3c65m] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-2rlou3c65m] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-2rlou3c65m] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-2rlou3c65m] {
    margin-left: 110px;
    width: 350px;
    margin-top: 62px;
    background: white;
    height: 350px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-2rlou3c65m] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-2rlou3c65m] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-2rlou3c65m] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 250px;
}

.note-ts-pos[b-2rlou3c65m] {
    margin-left: 14px;
}

.modal-ts-footer[b-2rlou3c65m] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-2rlou3c65m] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-2rlou3c65m] {
    background-color: #00b665;
}

    .switch input:checked + label[b-2rlou3c65m]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-2rlou3c65m]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-2rlou3c65m] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-2rlou3c65m] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-2rlou3c65m] {
    width: 100%;
}

    .switch input[type=checkbox][b-2rlou3c65m] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-2rlou3c65m] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-2rlou3c65m] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-2rlou3c65m] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

input[type="date"][b-2rlou3c65m]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 170px;
    margin-left: -28px;
    position: absolute;
    cursor: pointer;
}

.input-date[b-2rlou3c65m] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
/* /Components/CalendarTemplate/NewCalendarTemplateModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-ue7peyvf3p] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

[b-ue7peyvf3p] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-ue7peyvf3p] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-ue7peyvf3p] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-ue7peyvf3p] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-ue7peyvf3p] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-ue7peyvf3p] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
    :: deep .btn-confirm[b-ue7peyvf3p] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-ue7peyvf3p] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-ue7peyvf3p] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-ue7peyvf3p] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-ue7peyvf3p] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-ue7peyvf3p] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-ue7peyvf3p] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-ue7peyvf3p] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-ue7peyvf3p] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-ue7peyvf3p] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-ue7peyvf3p] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-ue7peyvf3p] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-ue7peyvf3p] .column-3:hover, .column-3:focus[b-ue7peyvf3p] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-ue7peyvf3p] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-ue7peyvf3p] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-ue7peyvf3p] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-ue7peyvf3p] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-ue7peyvf3p] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-ue7peyvf3p] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-ue7peyvf3p] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-ue7peyvf3p] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-ue7peyvf3p] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-ue7peyvf3p] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-ue7peyvf3p] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-ue7peyvf3p] {
    margin-left: 110px;
    width: 354px;
    margin-top: 62px;
    background: white;
    height: 262px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-ue7peyvf3p] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-ue7peyvf3p] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-ue7peyvf3p] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 161px;
}

.note-ts-pos[b-ue7peyvf3p] {
    margin-left: 14px;
}

.modal-ts-footer[b-ue7peyvf3p] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-ue7peyvf3p] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-ue7peyvf3p] {
    background-color: #00b665;
}

    .switch input:checked + label[b-ue7peyvf3p]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-ue7peyvf3p]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-ue7peyvf3p] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-ue7peyvf3p] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-ue7peyvf3p] {
    width: 100%;
}

    .switch input[type=checkbox][b-ue7peyvf3p] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-ue7peyvf3p] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-ue7peyvf3p] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-ue7peyvf3p] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

input[type="date"][b-ue7peyvf3p]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 170px;
    margin-left: -28px;
    position: absolute;
    cursor: pointer;
}

.input-date[b-ue7peyvf3p] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
/* /Components/CommandeComponents/BtnNewCommande.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-new[b-4k6nwblsss] {
    border: none;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #222F3E;
    width: 218px;
    height: 40px;
    margin-left: 45px;
    margin-top: 5px;
    margin-bottom: 7px;
    display: flex;
    flex-direction: column;
}

    .btn-new:hover[b-4k6nwblsss] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 218px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

    .btn-new:focus[b-4k6nwblsss], .btn-new-task:focus-visible[b-4k6nwblsss], .btn-new-task:active[b-4k6nwblsss] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 218px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

.img-add[b-4k6nwblsss] {
    padding-top: 13px;
}
/* /Components/CommandeComponents/CommandeDetails.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
[b-8seabrpz4y] .div-comp {
    max-width: unset !important;
    min-width: unset !important;
    width: 100% !important;
}

[b-8seabrpz4y] .input-style {
    width: 95% !important;
    max-width: unset !important;
    min-width: unset !important;
}

@media (min-width:900px) {
    [b-8seabrpz4y] .card-info {
        margin-top: -9px !important;
        padding-top: 3px;
    }
}

@media (max-width:900px) {
    [b-8seabrpz4y] .taskdetail-col {
        padding-top: 0 !important;
    }
}
/*
@media (max-width:1150px) {
    ::deep .div-note-content {
        height: unset !important;
    }

    ::deep .div-note-content {
        flex-direction: column;
    }

    ::deep .div-espace-note {
        margin-left: 54px !important;
    }

    ::deep .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    ::deep .div-text-note {
        margin-top: 0px !important;
    }
}*/

@media (min-width:650px) {
    [b-8seabrpz4y] .div-cmd {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        margin-top: 8px;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:650px) and (min-width:475px) {
    [b-8seabrpz4y] .div-cmd {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:475px) {
    [b-8seabrpz4y] .div-cmd {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

[b-8seabrpz4y] .text-sty {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

@media (min-width: 1123px) {
    [b-8seabrpz4y] .card-item-content {
        width: 100%;
    }

    [b-8seabrpz4y] .card-item-col-first {
        width: 50% !important;
        margin-left: 0 !important;
    }

    [b-8seabrpz4y] .card-item-col-sec {
        width: 50% !important;
        margin-left: 0 !important;
    }
}

@media (min-width: 1123px) and (max-width: 1310px) {
    [b-8seabrpz4y] .card-item-col-sec, .card-item-col-first[b-8seabrpz4y] {
        width: 100% !important;
    }

    [b-8seabrpz4y] .card-item-content {
        padding-left: 32px;
    }
}

[b-8seabrpz4y] .item-div-one {
    flex: auto;
}

[b-8seabrpz4y] .span-item-value {
    padding-right: 20px;
}

[b-8seabrpz4y] .card-item-col-first {
    margin-left: 0 !important;
}


.card-info-content[b-8seabrpz4y] {
    max-width: 100%;
    border-radius: 0px;
/*    margin-top: -5px;
*/    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
  
}

[b-8seabrpz4y] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-8seabrpz4y] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-8seabrpz4y] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-8seabrpz4y] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-8seabrpz4y] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-8seabrpz4y] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-8seabrpz4y] .div-line-col {
        display: grid;
    }
}

[b-8seabrpz4y] .content-project-div {
    max-width: 1382px;
}

[b-8seabrpz4y] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-8seabrpz4y] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-8seabrpz4y] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-8seabrpz4y] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-8seabrpz4y] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-8seabrpz4y] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-8seabrpz4y] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-8seabrpz4y] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-8seabrpz4y] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-8seabrpz4y] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-8seabrpz4y] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-8seabrpz4y] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-8seabrpz4y] .div-note-content {
        height: unset !important;
    }

    [b-8seabrpz4y] .div-note-content {
        flex-direction: column;
    }

    [b-8seabrpz4y] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-8seabrpz4y] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-8seabrpz4y] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-8seabrpz4y] .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-8seabrpz4y] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-8seabrpz4y] .col-prj {
    padding-left: 0px;
}

[b-8seabrpz4y] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-8seabrpz4y] .input-style, .input-icon[b-8seabrpz4y] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-8seabrpz4y] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-8seabrpz4y] .div-dashboard {
        display: none;
    }
}

[b-8seabrpz4y] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-8seabrpz4y] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-8seabrpz4y] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-8seabrpz4y] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-8seabrpz4y] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-8seabrpz4y] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-8seabrpz4y] .div-hour {
    margin-top: 4px;
}

[b-8seabrpz4y] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-8seabrpz4y] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-8seabrpz4y] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-8seabrpz4y] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-8seabrpz4y] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-8seabrpz4y] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-8seabrpz4y] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-8seabrpz4y] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-8seabrpz4y] check-span {
    content: "\2713";
}

[b-8seabrpz4y] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-8seabrpz4y] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-8seabrpz4y] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-8seabrpz4y] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-8seabrpz4y] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-8seabrpz4y] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-8seabrpz4y] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-8seabrpz4y] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-8seabrpz4y] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-8seabrpz4y] .div-note-content {
        height: unset !important;
    }

    [b-8seabrpz4y] .div-note-content {
        flex-direction: column;
    }

    [b-8seabrpz4y] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-8seabrpz4y] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-8seabrpz4y] .div-text-note {
        margin-top: 0px !important;
    }
}


[b-8seabrpz4y] .span-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-8seabrpz4y] .span-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}
 
[b-8seabrpz4y] .div-container-taskdetail {
    display: flex;
    flex-direction: row;
}


@media (min-width:550px) and (max-width:900px) {

    .div-prj-container[b-8seabrpz4y] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .card-info-content[b-8seabrpz4y] {
        height: unset !important;
    }
    .input-icon[b-8seabrpz4y], .input-prj-style[b-8seabrpz4y], .prj-textarea[b-8seabrpz4y] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}

@media (max-width:550px) {

    .div-prj-container[b-8seabrpz4y] {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .card-info-content[b-8seabrpz4y] {
        height: unset !important;
    }
    .input-icon[b-8seabrpz4y], .input-prj-style[b-8seabrpz4y], .prj-textarea[b-8seabrpz4y] {
        box-shadow: 1px 1px 3px #02171e33 !important;
    }
    
}
.list-info-list[b-8seabrpz4y] {
    overflow: scroll;
    height: calc(100vh - 98px);
}
/* /Components/CommandeComponents/CommanderBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-eh31lz0fqw] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-eh31lz0fqw] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-eh31lz0fqw] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-eh31lz0fqw] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-eh31lz0fqw], .btn-style:focus-visible[b-eh31lz0fqw], .btn-style:active[b-eh31lz0fqw] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-eh31lz0fqw] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-eh31lz0fqw] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/CommandeComponents/FilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-t0k3rhqag7] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-t0k3rhqag7] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-t0k3rhqag7] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-t0k3rhqag7] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-t0k3rhqag7] {
    margin-top: 17px;
}

.closepop-entrerheure[b-t0k3rhqag7] {
    float: right;
}

.modal-body-filter[b-t0k3rhqag7] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-t0k3rhqag7] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}



.modal-footer-filter[b-t0k3rhqag7] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-t0k3rhqag7] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-t0k3rhqag7] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-t0k3rhqag7] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
  
/* /Components/CommandeComponents/ItemPurchCard.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-item[b-daai97x8ry] {
    margin-left: 16px;
    margin-top: 14px;
    border: 0.5px solid #e6e6e6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    border-radius: 5px;
    opacity: 1;
    min-width: 338px;
    max-width: 445px;
    height: 148px;
}

.img-statutLivrer-purple[b-daai97x8ry] {
    width: 33px;
    height: 33px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    opacity: 1;
    object-fit: cover;
    border-radius: 50%;
    margin-left: -7px;
    margin-top: 6px;
}

.span-item[b-daai97x8ry] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 10px;
    left: 58px;
    position: absolute;
}
.img-item-value-track[b-daai97x8ry] {
    width: 21px;
    height: 23px;
}
.span-item-number[b-daai97x8ry] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Demi Regular';
    float: right;
    margin-top: 2px;
}

.span-item-name[b-daai97x8ry] {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 38px;
    left: 58px;
    position: absolute;
}

.span-item-value-title[b-daai97x8ry] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 5px;
}

.span-item-value[b-daai97x8ry] {
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
}

.img-item-value[b-daai97x8ry] {
    width: 16px;
    height: 16px;
}

.px-4[b-daai97x8ry] {
    padding-right: 0px !important;
}

.content[b-daai97x8ry] {
    padding-left: 1px !important;
    padding-top: 0px !important;
}

html[b-daai97x8ry], body[b-daai97x8ry] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.cards[b-daai97x8ry] {
    max-width: 1200px;
    margin-right: 23px;
    margin-left: 14px;
    display: grid;
}

@media (min-width: 1123px) {
    .cards[b-daai97x8ry] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1123px) and (max-width:1310px) {
    .card-item[b-daai97x8ry] {
        height: unset !important;
    }

    .card-item-content[b-daai97x8ry] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-daai97x8ry] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }

    .div-col-sec[b-daai97x8ry] {
        display: flex!important;
        flex-direction: column!important;
        margin-left: 37px!important;
        width: 100%!important;
         margin-top: unset!important;
    }
    .div-row-sec[b-daai97x8ry]{
        display:grid!important ;
    }
    .div-col-fst[b-daai97x8ry]{
        width:100%!important;
    }
}

@media (max-width: 1123px) {

    .card-item[b-daai97x8ry] {
        max-width: 100%;
    }
}

@media (max-width: 800px) {
    .div-scroll[b-daai97x8ry] {
        overflow: scroll;
        height: calc(100% - 150px);
    }
}


.card-item-content[b-daai97x8ry] {
    display: flex;
}

.card-item-col-first[b-daai97x8ry] {
    display: flex;
    flex-direction: column;
    margin-top: 29px;
    margin-left: 10%;
    width: 100%
}

.card-item-col-sec[b-daai97x8ry] {
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    margin-top: 28px;
    width: 100%
}

@media(max-width:1310px ) {
    .span-qtep[b-daai97x8ry] {
        margin-left: 20px;
    }

    .span-qtel[b-daai97x8ry] {
        margin-left: 51px;
    }

    .span-u[b-daai97x8ry] {
        margin-left: 95px;
    }

    .span-main[b-daai97x8ry] {
        margin-left: 61px;
    }
}

@media(min-width:1310px ) {
    .span-qtep[b-daai97x8ry] {
        margin-left: 10px;
    }

    .span-qtel[b-daai97x8ry] {
        margin-left: 41px;
    }

    .span-u[b-daai97x8ry] {
        margin-left: 57px;
    }

    .span-main[b-daai97x8ry] {
        margin-left: 24px;
    }
}

@media (max-width: 475px) {
    .span-qtep[b-daai97x8ry] {
        margin-left: 19px;
    }
}
.div-row[b-daai97x8ry]  , .div-row-sec[b-daai97x8ry]{
    display: flex;
    flex-direction: row;
}
.div-col-item[b-daai97x8ry] {
    display: flex;
    flex-direction: column;
    width:100%;
}
.div-col-fst[b-daai97x8ry] {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    margin-left: 36px;
    width: 60%;
}
.div-col-sec[b-daai97x8ry] {
    display: flex;
    flex-direction: column; /* margin-left: 42px; */
        width: 40%;
        margin-top: 25px;
    }
/* /Components/CommandeComponents/POReceiptStagingDetail.razor.rz.scp.css */
.img-round[b-xr6c1tjad5] {
    border-radius: 50%;
    width: 45px !important;
    height: 45px !important;
}
/* /Components/CommandeComponents/POReceiptStagingModal.razor.rz.scp.css */
.poslog-entrerheure[b-r300qi8ikh] {
    margin-top: -181px;
    margin-left: 228px;
}
/* /Components/CommandeComponents/ReceptionItemModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-n0las7lct5]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-n0las7lct5] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-n0las7lct5] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-n0las7lct5] {
    width: 100%;
}

    .switch input[type=checkbox][b-n0las7lct5] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-n0las7lct5] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-n0las7lct5] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-n0las7lct5]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-n0las7lct5]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-n0las7lct5] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-n0las7lct5] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-n0las7lct5] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-n0las7lct5] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-n0las7lct5] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-n0las7lct5] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-n0las7lct5] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-n0las7lct5] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-n0las7lct5], .column-3:focus[b-n0las7lct5] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-n0las7lct5] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-n0las7lct5] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-n0las7lct5] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-n0las7lct5] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-n0las7lct5] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-n0las7lct5] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-n0las7lct5] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-n0las7lct5] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-n0las7lct5] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-n0las7lct5] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-n0las7lct5] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-n0las7lct5] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-n0las7lct5] {
    margin-right: 0px;
}


select[b-n0las7lct5] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-n0las7lct5]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-n0las7lct5] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-n0las7lct5] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-n0las7lct5] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-n0las7lct5] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-n0las7lct5] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-n0las7lct5] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-n0las7lct5] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-n0las7lct5] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-n0las7lct5] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-n0las7lct5] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-n0las7lct5] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-n0las7lct5]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-n0las7lct5]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-n0las7lct5] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-n0las7lct5] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-n0las7lct5] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-n0las7lct5] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-n0las7lct5] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-n0las7lct5] {
    width: 18px;
    height: 14px;
}

.div-footer[b-n0las7lct5] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-n0las7lct5] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-n0las7lct5] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-n0las7lct5] {
    line-height: 15px;
}

.modal-title-entrerheure[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-n0las7lct5] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-n0las7lct5] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-n0las7lct5] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-n0las7lct5]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-n0las7lct5]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-n0las7lct5]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-n0las7lct5]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-n0las7lct5] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-n0las7lct5] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-n0las7lct5] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-n0las7lct5] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-n0las7lct5] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-n0las7lct5] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-n0las7lct5] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-n0las7lct5] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-n0las7lct5] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-n0las7lct5] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-n0las7lct5] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-n0las7lct5] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-n0las7lct5] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-n0las7lct5] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-n0las7lct5] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-n0las7lct5] {
    margin-top: 12px;
}

.img-choix[b-n0las7lct5] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-n0las7lct5] {
    margin-left: 4px;
}

.body-entry-time1[b-n0las7lct5] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-n0las7lct5] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: inherit;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
    display: inline-block;
    margin-top: 3px;
}

@media(max-height:657px) {
    .body-entry-time1[b-n0las7lct5] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-n0las7lct5] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-n0las7lct5] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-n0las7lct5] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-n0las7lct5] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-n0las7lct5] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-n0las7lct5] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-n0las7lct5] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-n0las7lct5] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-n0las7lct5] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-n0las7lct5] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-n0las7lct5] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-n0las7lct5] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-n0las7lct5] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-n0las7lct5] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-n0las7lct5] {
    margin-top: 9px;
}

.span-debut-chrono[b-n0las7lct5] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-n0las7lct5] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-n0las7lct5] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-n0las7lct5] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-n0las7lct5] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-n0las7lct5] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-n0las7lct5] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-n0las7lct5] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-n0las7lct5] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-n0las7lct5] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-n0las7lct5] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-n0las7lct5] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-n0las7lct5] {
    margin-top: -28px;
}

.div-title-manuel[b-n0las7lct5] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-n0las7lct5] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-n0las7lct5] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-n0las7lct5] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-n0las7lct5] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-n0las7lct5] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-n0las7lct5] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-n0las7lct5] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-n0las7lct5] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-n0las7lct5] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-n0las7lct5] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-n0las7lct5] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-n0las7lct5] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-n0las7lct5] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-n0las7lct5] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-n0las7lct5] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-n0las7lct5] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-n0las7lct5] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-n0las7lct5] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-n0las7lct5] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-n0las7lct5] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-n0las7lct5] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-n0las7lct5] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-n0las7lct5] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-n0las7lct5] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-n0las7lct5] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-n0las7lct5] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-n0las7lct5] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-n0las7lct5] {
    margin-left: 114px;
}

.note-livrer-pos[b-n0las7lct5] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-n0las7lct5] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-n0las7lct5] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-n0las7lct5] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-n0las7lct5] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-n0las7lct5] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-n0las7lct5] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-n0las7lct5] {
    width: 42px;
    height: 42px;
}

.span-scan[b-n0las7lct5] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-n0las7lct5] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-n0las7lct5] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-n0las7lct5] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-n0las7lct5] {
        display: block !important;
    }

    .display-date-sec[b-n0las7lct5] {
        display: none !important;
    }
}

.display-date[b-n0las7lct5] {
    display: none;
}

.modal-ts-content[b-n0las7lct5] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-n0las7lct5] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-n0las7lct5] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-n0las7lct5] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-n0las7lct5] {
    margin-left: 14px;
}

.modal-ts-footer[b-n0las7lct5] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-n0las7lct5] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
     .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/

.span-entry-title[b-n0las7lct5] {
        text-align: left;
        letter-spacing: 0px;
        color: #36485B;
        opacity: 1;
        font-family: 'Franklin Gothic Medium Regular';
        font-size: 14.5px;
        margin-left: 15px;
    }

.span-entry-number[b-n0las7lct5] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-n0las7lct5] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-n0las7lct5] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-n0las7lct5] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-n0las7lct5] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-n0las7lct5] {
    margin: 0;
}

.card-item[b-n0las7lct5] {
    margin-left: 16px;
    margin-top: 14px;
    border: 0.5px solid #e6e6e6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    border-radius: 5px;
    opacity: 1;
    min-width: 338px;
    max-width: 445px;
    height: 148px;
}

.img-statutLivrer-purple[b-n0las7lct5] {
    width: 33px;
    height: 33px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    opacity: 1;
    object-fit: cover;
    border-radius: 50%;
    margin-left: -7px;
    margin-top: 6px;
}

.span-item[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 10px;
    left: 58px;
    position: absolute;
}

.span-item-number[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Demi Regular';
    float: right;
    margin-top: 2px;
}

.span-item-name[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 38px;
    left: 58px;
    position: absolute;
}

.span-item-value-title[b-n0las7lct5] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 5px;
}

.span-item-value[b-n0las7lct5] {
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
}

.img-item-value[b-n0las7lct5] {
    width: 16px;
    height: 16px;
}

.px-4[b-n0las7lct5] {
    padding-right: 0px !important;
}

.content[b-n0las7lct5] {
    padding-left: 1px !important;
    padding-top: 0px !important;
}

html[b-n0las7lct5], body[b-n0las7lct5] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.cards[b-n0las7lct5] {
    max-width: 1200px;
    margin-right: 23px;
    margin-left: 14px;
    display: grid;
}

@media (min-width: 1123px) {
    .cards[b-n0las7lct5] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1123px) and (max-width:1310px) {
    .card-item[b-n0las7lct5] {
        height: unset !important;
    }

    .card-item-content[b-n0las7lct5] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-n0las7lct5] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 1123px) {

    .card-item[b-n0las7lct5] {
        max-width: 100%;
    }
}

@media (max-width: 800px) {
    .div-scroll[b-n0las7lct5] {
        overflow: scroll;
        height: calc(100% - 150px);
    }
}


.card-item-content[b-n0las7lct5] {
    display: flex;
}

.card-item-col-first[b-n0las7lct5] {
    display: flex;
    flex-direction: column;
    margin-top: 29px;
    margin-left: 10%;
    width: 100%
}

.card-item-col-sec[b-n0las7lct5] {
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    margin-top: 28px;
    width: 100%
}

@media(max-width:1310px ) {
    .span-qtep[b-n0las7lct5] {
        margin-left: 20px;
    }

    .span-qtel[b-n0las7lct5] {
        margin-left: 51px;
    }

    .span-u[b-n0las7lct5] {
        margin-left: 95px;
    }

    .span-main[b-n0las7lct5] {
        margin-left: 61px;
    }
}

@media(min-width:1310px ) {
    .span-qtep[b-n0las7lct5] {
        margin-left: 10px;
    }

    .span-qtel[b-n0las7lct5] {
        margin-left: 41px;
    }

    .span-u[b-n0las7lct5] {
        margin-left: 57px;
    }

    .span-main[b-n0las7lct5] {
        margin-left: 24px;
    }
}

@media (max-width: 475px) {
    .span-qtep[b-n0las7lct5] {
        margin-left: 19px;
    }
}


.btnstyle[b-n0las7lct5], .btn-competence[b-n0las7lct5], .btnstyle-note[b-n0las7lct5] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}



.btn-leftmenu-active[b-n0las7lct5] {
    color: #0898D7;
    height: 59px;
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

.btn-leftmenu-comp-active[b-n0las7lct5] {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

.imgstyle[b-n0las7lct5] {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

.span-comp-title[b-n0las7lct5] {
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-comp-sub-title[b-n0las7lct5] {
    margin-left: 10px;
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}

.span-comp-value[b-n0las7lct5] {
    color: #8395A7;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}


.btn-new-comp[b-n0las7lct5] {
    border: none;
    width: 100%;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #576574;
    height: 53px;
    font-size: 14px;
}

    .btn-new-comp:hover[b-n0las7lct5] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

    .btn-new-comp:focus[b-n0las7lct5], .btn-new-comp:focus-visible[b-n0las7lct5], .btn-new-comp:active[b-n0las7lct5] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

.div-new-comp[b-n0las7lct5] {
    border: 0.5px solid #E6E6E6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    border: 0.5px solid #E6E6E6;
    opacity: 1;
    width: 100%;
}

.div-comp[b-n0las7lct5] {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    max-width: 396px;
    min-width: 330px;
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

.btn_upload[b-n0las7lct5] {
    margin-top: 23px;
    text-align: center;
    width: 90% !important;
    height: 38px !important;
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 3px;
    position: static;
    border: 1px dashed #7cbbf9;
    color: #576574;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    background-position: 15% 52% !important;
    margin-left: 21px;
    background: transparent url(/icons/attchement.svg) no-repeat;
    background-position: 24% 50%;
    background-size: 8px 18px;
    width: 46px;
    height: 42px;
    text-decoration: none;
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding-top: 7px;
}

    .btn_upload:hover[b-n0las7lct5] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

    .btn_upload:active[b-n0las7lct5], .btn_upload:focus[b-n0las7lct5] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

input[type="file"][b-n0las7lct5] {
    display: none;
}


@media (max-width:360px) {
    .btn_upload[b-n0las7lct5] {
        background-position: 18% 50% !important;
    }
}

@media (max-width:850px) {
    .div-log-container[b-n0las7lct5] {
        width: 100% !important;
        height: unset !important;
        padding-bottom: 19px;
        padding-top: 13px !important;
    }
}

.modal-recept-content[b-n0las7lct5] {
    width: 335px;
    height: 583px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-recept[b-n0las7lct5] {
    width: 335px;
    height: 60px;
    background: #E67E22 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

[b-n0las7lct5]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.modal-footer-recept[b-n0las7lct5] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}


.modal-body-recept[b-n0las7lct5] {
    overflow: scroll;
    overflow-x: hidden;
}
/* /Components/CommandeComponents/ReceptionModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-srr2jj1v5y]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-srr2jj1v5y] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-srr2jj1v5y] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-srr2jj1v5y] {
    width: 100%;
}

    .switch input[type=checkbox][b-srr2jj1v5y] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-srr2jj1v5y] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-srr2jj1v5y] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-srr2jj1v5y]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-srr2jj1v5y]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-srr2jj1v5y] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-srr2jj1v5y] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-srr2jj1v5y] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-srr2jj1v5y] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-srr2jj1v5y] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-srr2jj1v5y] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-srr2jj1v5y] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-srr2jj1v5y] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-srr2jj1v5y], .column-3:focus[b-srr2jj1v5y] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-srr2jj1v5y] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-srr2jj1v5y] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-srr2jj1v5y] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-srr2jj1v5y] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-srr2jj1v5y] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-srr2jj1v5y] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-srr2jj1v5y] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-srr2jj1v5y] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-srr2jj1v5y] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-srr2jj1v5y] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-srr2jj1v5y] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-srr2jj1v5y] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-srr2jj1v5y] {
    margin-right: 0px;
}


select[b-srr2jj1v5y] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-srr2jj1v5y]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-srr2jj1v5y] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-srr2jj1v5y] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-srr2jj1v5y] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-srr2jj1v5y] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-srr2jj1v5y] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-srr2jj1v5y] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-srr2jj1v5y] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-srr2jj1v5y] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-srr2jj1v5y] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-srr2jj1v5y] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-srr2jj1v5y] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-srr2jj1v5y]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-srr2jj1v5y]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-srr2jj1v5y] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-srr2jj1v5y] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-srr2jj1v5y] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-srr2jj1v5y] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-srr2jj1v5y] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-srr2jj1v5y] {
    width: 18px;
    height: 14px;
}

.div-footer[b-srr2jj1v5y] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-srr2jj1v5y] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-srr2jj1v5y] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-srr2jj1v5y] {
    line-height: 15px;
}

.modal-title-entrerheure[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-srr2jj1v5y] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-srr2jj1v5y] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-srr2jj1v5y] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-srr2jj1v5y]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-srr2jj1v5y]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-srr2jj1v5y]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-srr2jj1v5y]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-srr2jj1v5y] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-srr2jj1v5y] {
    width: 50%;
    height: 52px;
    display:flex;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-srr2jj1v5y] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-srr2jj1v5y] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-srr2jj1v5y] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-srr2jj1v5y] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-srr2jj1v5y] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-srr2jj1v5y] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-srr2jj1v5y] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-srr2jj1v5y] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-srr2jj1v5y] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-srr2jj1v5y] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-srr2jj1v5y] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-srr2jj1v5y] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-srr2jj1v5y] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-srr2jj1v5y] {
    margin-top: 12px;
}

.img-choix[b-srr2jj1v5y] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-srr2jj1v5y] {
    margin-left: 4px;
}

.body-entry-time1[b-srr2jj1v5y] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-srr2jj1v5y] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
/*    position: absolute;
*/    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-srr2jj1v5y] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-srr2jj1v5y] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-srr2jj1v5y] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-srr2jj1v5y] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-srr2jj1v5y] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-srr2jj1v5y] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-srr2jj1v5y] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-srr2jj1v5y] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-srr2jj1v5y] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-srr2jj1v5y] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-srr2jj1v5y] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-srr2jj1v5y] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-srr2jj1v5y] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-srr2jj1v5y] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-srr2jj1v5y] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-srr2jj1v5y] {
    margin-top: 9px;
}

.span-debut-chrono[b-srr2jj1v5y] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-srr2jj1v5y] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-srr2jj1v5y] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-srr2jj1v5y] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-srr2jj1v5y] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-srr2jj1v5y] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-srr2jj1v5y] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-srr2jj1v5y] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-srr2jj1v5y] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-srr2jj1v5y] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-srr2jj1v5y] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-srr2jj1v5y] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-srr2jj1v5y] {
    margin-top: -28px;
}

.div-title-manuel[b-srr2jj1v5y] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-srr2jj1v5y] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-srr2jj1v5y] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-srr2jj1v5y] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-srr2jj1v5y] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-srr2jj1v5y] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-srr2jj1v5y] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-srr2jj1v5y] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-srr2jj1v5y] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-srr2jj1v5y] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-srr2jj1v5y] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-srr2jj1v5y] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-srr2jj1v5y] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-srr2jj1v5y] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-srr2jj1v5y] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-srr2jj1v5y] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-srr2jj1v5y] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-srr2jj1v5y] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-srr2jj1v5y] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-srr2jj1v5y] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-srr2jj1v5y] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-srr2jj1v5y] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-srr2jj1v5y] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-srr2jj1v5y] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-srr2jj1v5y] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-srr2jj1v5y] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-srr2jj1v5y] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-srr2jj1v5y] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-srr2jj1v5y] {
    margin-left: 114px;
}

.note-livrer-pos[b-srr2jj1v5y] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-srr2jj1v5y] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-srr2jj1v5y] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-srr2jj1v5y] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-srr2jj1v5y] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-srr2jj1v5y] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-srr2jj1v5y] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-srr2jj1v5y] {
    width: 42px;
    height: 42px;
}

.span-scan[b-srr2jj1v5y] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-srr2jj1v5y] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-srr2jj1v5y] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-srr2jj1v5y] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-srr2jj1v5y] {
        display: block !important;
    }

    .display-date-sec[b-srr2jj1v5y] {
        display: none !important;
    }
}

.display-date[b-srr2jj1v5y] {
    display: none;
}

.modal-ts-content[b-srr2jj1v5y] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-srr2jj1v5y] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-srr2jj1v5y] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-srr2jj1v5y] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-srr2jj1v5y] {
    margin-left: 14px;
}

.modal-ts-footer[b-srr2jj1v5y] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-srr2jj1v5y] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
     .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-srr2jj1v5y] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-srr2jj1v5y] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-srr2jj1v5y] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-srr2jj1v5y] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-srr2jj1v5y] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-srr2jj1v5y] {
    margin: 0;
}
.card-item[b-srr2jj1v5y] {
    margin-left: 16px;
    margin-top: 14px;
    border: 0.5px solid #e6e6e6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    border-radius: 5px;
    opacity: 1;
    min-width: 338px;
    max-width: 445px;
    height: 148px;
}

.img-statutLivrer-purple[b-srr2jj1v5y] {
    width: 33px;
    height: 33px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    opacity: 1;
    object-fit: cover;
    border-radius: 50%;
    margin-left: -7px;
    margin-top: 6px;
}

.span-item[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 10px;
    left: 58px;
    position: absolute;
}

.span-item-number[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Demi Regular';
    float: right;
    margin-top: 2px;
}

.span-item-name[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 38px;
    left: 58px;
    position: absolute;
}

.span-item-value-title[b-srr2jj1v5y] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 5px;
}

.span-item-value[b-srr2jj1v5y] {
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
}

.img-item-value[b-srr2jj1v5y] {
    width: 16px;
    height: 16px;
}

.px-4[b-srr2jj1v5y] {
    padding-right: 0px !important;
}

.content[b-srr2jj1v5y] {
    padding-left: 1px !important;
    padding-top: 0px !important;
}

html[b-srr2jj1v5y], body[b-srr2jj1v5y] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.cards[b-srr2jj1v5y] {
    max-width: 1200px;
    margin-right: 23px;
    margin-left: 14px;
    display: grid;
}

@media (min-width: 1123px) {
    .cards[b-srr2jj1v5y] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1123px) and (max-width:1310px) {
    .card-item[b-srr2jj1v5y] {
        height: unset !important;
    }

    .card-item-content[b-srr2jj1v5y] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-srr2jj1v5y] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 1123px) {

    .card-item[b-srr2jj1v5y] {
        max-width: 100%;
    }
}

@media (max-width: 800px) {
    .div-scroll[b-srr2jj1v5y] {
        overflow: scroll;
        height: calc(100% - 150px);
    }
}


.card-item-content[b-srr2jj1v5y] {
    display: flex;
}

.card-item-col-first[b-srr2jj1v5y] {
    display: flex;
    flex-direction: column;
    margin-top: 29px;
    margin-left: 10%;
    width: 100%
}

.card-item-col-sec[b-srr2jj1v5y] {
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    margin-top: 28px;
    width: 100%
}

@media(max-width:1310px ) {
    .span-qtep[b-srr2jj1v5y] {
        margin-left: 20px;
    }

    .span-qtel[b-srr2jj1v5y] {
        margin-left: 51px;
    }

    .span-u[b-srr2jj1v5y] {
        margin-left: 95px;
    }

    .span-main[b-srr2jj1v5y] {
        margin-left: 61px;
    }
}

@media(min-width:1310px ) {
    .span-qtep[b-srr2jj1v5y] {
        margin-left: 10px;
    }

    .span-qtel[b-srr2jj1v5y] {
        margin-left: 41px;
    }

    .span-u[b-srr2jj1v5y] {
        margin-left: 57px;
    }

    .span-main[b-srr2jj1v5y] {
        margin-left: 24px;
    }
}

@media (max-width: 475px) {
    .span-qtep[b-srr2jj1v5y] {
        margin-left: 19px;
    }
}


.btnstyle[b-srr2jj1v5y], .btn-competence[b-srr2jj1v5y], .btnstyle-note[b-srr2jj1v5y] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}



.btn-leftmenu-active[b-srr2jj1v5y] {
    color: #0898D7;
    height: 59px;
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

.btn-leftmenu-comp-active[b-srr2jj1v5y] {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

.imgstyle[b-srr2jj1v5y] {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

.span-comp-title[b-srr2jj1v5y] {
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-comp-sub-title[b-srr2jj1v5y] {
    margin-left: 10px;
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}

.span-comp-value[b-srr2jj1v5y] {
    color: #8395A7;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}


.btn-new-comp[b-srr2jj1v5y] {
    border: none;
    width: 100%;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #576574;
    height: 53px;
    font-size: 14px;
}

    .btn-new-comp:hover[b-srr2jj1v5y] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

    .btn-new-comp:focus[b-srr2jj1v5y], .btn-new-comp:focus-visible[b-srr2jj1v5y], .btn-new-comp:active[b-srr2jj1v5y] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

.div-new-comp[b-srr2jj1v5y] {
    border: 0.5px solid #E6E6E6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    border: 0.5px solid #E6E6E6;
    opacity: 1;
    width: 100%;
}

.div-comp[b-srr2jj1v5y] {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    max-width: 396px;
    min-width: 330px;
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

.btn_upload[b-srr2jj1v5y] {
    margin-top: 23px;
    text-align: center;
    width: 90% !important;
    height: 38px !important;
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 3px;
    position: static;
    border: 1px dashed #7cbbf9;
    color: #576574;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    background-position: 15% 52% !important;
    margin-left: 21px;
    background: transparent url(/icons/attchement.svg) no-repeat;
    background-position: 24% 50%;
    background-size: 8px 18px;
    width: 46px;
    height: 42px;
    text-decoration: none;
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding-top: 7px;
}

    .btn_upload:hover[b-srr2jj1v5y] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

    .btn_upload:active[b-srr2jj1v5y], .btn_upload:focus[b-srr2jj1v5y] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

input[type="file"][b-srr2jj1v5y] {
    display: none;
}


@media (max-width:360px) {
    .btn_upload[b-srr2jj1v5y]

{
    background-position: 18% 50% !important;
}

}

@media (max-width:850px) {
    .div-log-container[b-srr2jj1v5y] {
        width: 100% !important;
        height: unset !important;
        padding-bottom: 19px;
        padding-top: 13px !important;
    }
}

.modal-recept-content[b-srr2jj1v5y] {
    width: 335px;
    height: 583px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-recept[b-srr2jj1v5y] {
    width: 335px;
    height: 60px;
    background: #E67E22 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

[b-srr2jj1v5y]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.modal-footer-recept[b-srr2jj1v5y] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}


.modal-body-recept[b-srr2jj1v5y] {
    overflow: scroll;
    overflow-x: hidden;
}
/* /Components/CommandeComponents/SecondHeaderList.razor.rz.scp.css */
.second-header-div[b-r2obge7nao] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    height: 55px;
}
/* /Components/CommunComponents/ActionBarListBtnComponent.razor.rz.scp.css */
.div-box-action[b-uc3uhv1qpp] {
    width: 51px;
    height: 45px;
    cursor: pointer;
    z-index: 1;
    background: rgba(230,234,237,.2);
}

.img-action[b-uc3uhv1qpp] {
    width: 28px;
    height: 28px;
    margin-left: 10px;
    margin-top: 10px;
}

.ul-action[b-uc3uhv1qpp] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #40414240;
    border-radius: 5px;
    opacity: 1;
    width: 164px;
   
    z-index: 1003;
    margin-left: -104px;
}

.li-action[b-uc3uhv1qpp] {
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
    height: unset !important;
}
/* /Components/CommunComponents/ApprovalModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-z6dzwihvpy]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-z6dzwihvpy] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-z6dzwihvpy] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}



.switch[b-z6dzwihvpy] {
    width: 100%;
}

    .switch input[type=checkbox][b-z6dzwihvpy] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-z6dzwihvpy] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-z6dzwihvpy] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-z6dzwihvpy]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-z6dzwihvpy]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-z6dzwihvpy] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-z6dzwihvpy] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-z6dzwihvpy] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-z6dzwihvpy] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-z6dzwihvpy] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-z6dzwihvpy] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-z6dzwihvpy] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-z6dzwihvpy] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-z6dzwihvpy], .column-3:focus[b-z6dzwihvpy] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-z6dzwihvpy] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-z6dzwihvpy] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-z6dzwihvpy] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-z6dzwihvpy] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-z6dzwihvpy] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-z6dzwihvpy] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-z6dzwihvpy] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-z6dzwihvpy] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-z6dzwihvpy] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-z6dzwihvpy] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-z6dzwihvpy] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-z6dzwihvpy] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-z6dzwihvpy] {
    margin-right: 0px;
}


select[b-z6dzwihvpy] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-z6dzwihvpy]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-z6dzwihvpy] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-z6dzwihvpy] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-delet[b-z6dzwihvpy] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    align-items: center;
}

.modal-body-accepter[b-z6dzwihvpy] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-z6dzwihvpy] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-z6dzwihvpy] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-z6dzwihvpy] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-z6dzwihvpy] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-z6dzwihvpy] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-z6dzwihvpy] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-z6dzwihvpy] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-z6dzwihvpy]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-z6dzwihvpy]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-z6dzwihvpy] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-z6dzwihvpy] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-z6dzwihvpy] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-z6dzwihvpy] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-z6dzwihvpy] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-z6dzwihvpy] {
    width: 18px;
    height: 14px;
}

.div-footer[b-z6dzwihvpy] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-z6dzwihvpy] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-z6dzwihvpy] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-z6dzwihvpy] {
    line-height: 15px;
}

.modal-title-entrerheure[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-z6dzwihvpy] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-z6dzwihvpy] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-z6dzwihvpy] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-z6dzwihvpy]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-z6dzwihvpy]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-z6dzwihvpy]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-z6dzwihvpy]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-z6dzwihvpy] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-z6dzwihvpy] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-z6dzwihvpy] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-z6dzwihvpy] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-z6dzwihvpy] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-z6dzwihvpy] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-z6dzwihvpy] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-z6dzwihvpy] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-z6dzwihvpy] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-z6dzwihvpy] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}


.img-stat[b-z6dzwihvpy] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-z6dzwihvpy] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-z6dzwihvpy] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-z6dzwihvpy] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-z6dzwihvpy] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-z6dzwihvpy] {
    margin-top: 12px;
}

.img-choix[b-z6dzwihvpy] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-z6dzwihvpy] {
    margin-left: 4px;
}

.body-entry-time1[b-z6dzwihvpy] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-z6dzwihvpy] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-z6dzwihvpy] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-z6dzwihvpy] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-z6dzwihvpy] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-z6dzwihvpy] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-z6dzwihvpy] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-z6dzwihvpy] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-z6dzwihvpy] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-z6dzwihvpy] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-z6dzwihvpy] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-z6dzwihvpy] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-z6dzwihvpy] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-z6dzwihvpy] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-z6dzwihvpy] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-z6dzwihvpy] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-z6dzwihvpy] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-z6dzwihvpy] {
    margin-top: 9px;
}

.span-debut-chrono[b-z6dzwihvpy] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-z6dzwihvpy] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-z6dzwihvpy] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-z6dzwihvpy] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-z6dzwihvpy] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-z6dzwihvpy] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-z6dzwihvpy] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-z6dzwihvpy] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-z6dzwihvpy] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-z6dzwihvpy] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-z6dzwihvpy] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-z6dzwihvpy] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-z6dzwihvpy] {
    margin-top: -28px;
}

.div-title-manuel[b-z6dzwihvpy] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-z6dzwihvpy] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-z6dzwihvpy] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-z6dzwihvpy] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-z6dzwihvpy] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-z6dzwihvpy] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-z6dzwihvpy] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-z6dzwihvpy] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-z6dzwihvpy] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-z6dzwihvpy] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-z6dzwihvpy] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-z6dzwihvpy] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-z6dzwihvpy] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-z6dzwihvpy] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-z6dzwihvpy] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-z6dzwihvpy] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-z6dzwihvpy] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-z6dzwihvpy] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-z6dzwihvpy] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-z6dzwihvpy] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-z6dzwihvpy] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-z6dzwihvpy] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-z6dzwihvpy] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-z6dzwihvpy] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-z6dzwihvpy] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-z6dzwihvpy] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-z6dzwihvpy] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-z6dzwihvpy] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-z6dzwihvpy] {
    margin-left: 114px;
}

.note-livrer-pos[b-z6dzwihvpy] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-z6dzwihvpy] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-z6dzwihvpy] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-z6dzwihvpy] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-z6dzwihvpy] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-z6dzwihvpy] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-z6dzwihvpy] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-z6dzwihvpy] {
    width: 42px;
    height: 42px;
}

.span-scan[b-z6dzwihvpy] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-z6dzwihvpy] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-z6dzwihvpy] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-z6dzwihvpy] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-z6dzwihvpy] {
        display: block !important;
    }

    .display-date-sec[b-z6dzwihvpy] {
        display: none !important;
    }
}

.display-date[b-z6dzwihvpy] {
    display: none;
}

.modal-ts-content[b-z6dzwihvpy] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-z6dzwihvpy] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-z6dzwihvpy] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-z6dzwihvpy] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-z6dzwihvpy] {
    margin-left: 14px;
}

.modal-ts-footer[b-z6dzwihvpy] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-z6dzwihvpy] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
     .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-z6dzwihvpy] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-z6dzwihvpy] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-z6dzwihvpy] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-z6dzwihvpy] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-z6dzwihvpy] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-z6dzwihvpy] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-z6dzwihvpy] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
/* /Components/CommunComponents/BtnComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btnstyle[b-58e5m61rmz], .btn-competence[b-58e5m61rmz], .btnstyle-note[b-58e5m61rmz] {
    border: 1px solid transparent;
    background: none;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 45px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
    width:100%;
}



.btn-leftmenu-active[b-58e5m61rmz] {
    color: #0898D7;
 
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

.btn-leftmenu-comp-active[b-58e5m61rmz] {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

.imgstyle[b-58e5m61rmz] {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

.span-comp-title[b-58e5m61rmz] {
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-comp-sub-title[b-58e5m61rmz] {
    margin-left: 10px;
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}

.span-comp-value[b-58e5m61rmz] {
    color: #8395A7;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}


.btn-new-comp[b-58e5m61rmz] {
    border: none;
    width: 100%;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #576574;
    height: 53px;
    font-size: 14px;
}

    .btn-new-comp:hover[b-58e5m61rmz] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

    .btn-new-comp:focus[b-58e5m61rmz], .btn-new-comp:focus-visible[b-58e5m61rmz], .btn-new-comp:active[b-58e5m61rmz] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }


 
/* /Components/CommunComponents/ButtonAction.razor.rz.scp.css */
.div-group-child[b-5meqhrbq07] {
    display: flex;
    flex-direction: column;
 
    font-family: 'Gravity-Bold';
    font-size: 13px;
     
    cursor: pointer;
}

img[b-5meqhrbq07] {
    height: 15px;
    width: 15px;
    display: block;
    margin: auto;
    margin-bottom: 5px
}

.label-span[b-5meqhrbq07] {
    margin-bottom: 8px;
}
/* /Components/CommunComponents/CheckedComponent.razor.rz.scp.css */
/* Styles for the hover state of the custom checkbox */
input[type='checkbox'].check-custom:hover ~ .check-toggle[b-ax8sywsvxm] {
    border-color: #CAD2E5;
}

/* Styles for the focus state of the custom checkbox */
input[type='checkbox'].check-custom:focus ~ .check-toggle[b-ax8sywsvxm] {
    border-color: #CAD2E5;
    box-shadow: 0 0 0 1px rgba(23, 133, 255, 0.25);
}

/* Styles for the checked state of the custom checkbox */
input[type='checkbox'].check-custom:checked ~ .check-toggle[b-ax8sywsvxm] {
    border-color: #2A982F;
    background: #2A982F url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center no-repeat;
    background-size: 75%;
}


/* Styles for hiding the native checkbox */
input[type='checkbox'].check-custom[b-ax8sywsvxm] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    /* Styles for the basic appearance of the custom checkbox */
    input[type='checkbox'].check-custom ~ .check-toggle[b-ax8sywsvxm] {
        width: 23px;
        height: 23px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border: 1px solid #CAD2E5;
        border-radius: 50%;
        cursor: pointer;
    }

.label-select[b-ax8sywsvxm] {
    margin-bottom: unset;
}

/*.tr-list:hover input[type='checkbox'].check-custom ~ .check-toggle {
    border-color: #2A982F;
    background: #2A982F url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center no-repeat;
    background-size: 75%;
}
*/
.cen-select[b-ax8sywsvxm] {
    margin-top: 10px;
}

.disabledClass[b-ax8sywsvxm] {
    cursor: default !important;
    pointer-events:none;

}
 
/* /Components/CommunComponents/FilterComponent.razor.rz.scp.css */

/*datalist imported input small files modalFiltre;*/
.modal-filter-content[b-chmum8x83l] {
    width: 335px;
    height: 583px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}



.modal-header-filter[b-chmum8x83l] {
    width: 335px;
    height: 60px;
    background: #E67E22 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}



.modal-footer-filter[b-chmum8x83l] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}


.modal-body-filter[b-chmum8x83l] {
    overflow: scroll;
    overflow-x: hidden;
}
/* /Components/CommunComponents/FilterComponents/GenericFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-v5xeq54vu7] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-v5xeq54vu7] {
    width: 578px;
    height: auto;
}

.modal-header-filter[b-v5xeq54vu7] {
    width: 578px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-v5xeq54vu7] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-v5xeq54vu7] {
    margin-top: 17px;
}

.closepop-entrerheure[b-v5xeq54vu7] {
    float: right;
}

.modal-body-filter[b-v5xeq54vu7] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-v5xeq54vu7] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-v5xeq54vu7] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-v5xeq54vu7] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-v5xeq54vu7] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-v5xeq54vu7] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CommunComponents/Icon.razor.rz.scp.css */
.icon-style-abs[b-2rz13kei8d] {
    width:50px;
    height: 50px;
}
.img-roundList[b-2rz13kei8d] {
    width: 16px;
    height: 21px;
    margin-top: -3px;
}
.img-roundLis[b-2rz13kei8d] {
    width: 16px;
    height: 21px;
    margin-top: 1px;
}
@media (min-width:1500px) {
   
    .icon-style-abs[b-2rz13kei8d] {
        width: 49px;
        height: 50px;
        margin-left: -3px;
    }
}
.img-status[b-2rz13kei8d] {
    width: 40px;
    height: 40px;
}
.img-roundListdeliv[b-2rz13kei8d] {
    width: 26px;
    height: 24px;
    margin-top: 0;
}
@media (min-width:1338px ) and (max-width:1500px) {
    .icon-style-abs[b-2rz13kei8d] {
        width: 45px;
        height: 45px;
        margin-left: -6px;
    }
}

@media(max-width:1338px)  {


    .icon-style-abs[b-2rz13kei8d] {
        width: 40px;
        height: 40px;
        margin-left: -6px;
    }
}
/* /Components/CommunComponents/Inputform.razor.rz.scp.css */

 

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.span-entry-number[b-xv1flmjkbr] {
    margin-left: 9px;
    font-family: 'Gravity-Regular';
    font-size: 12px;
}
.div-item-prj-p[b-xv1flmjkbr] {
    height: 66px;
    margin-left: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}
.star-red[b-xv1flmjkbr] {
    color: #BD0A09;
    font-weight: bold;
    padding-left: 3px;
}
.span-prj-title[b-xv1flmjkbr] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family:'Gravity-Bold';
    font-size: 14px;
     margin-left:0px;
    padding-left: 8px;
}

input[b-xv1flmjkbr] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
   
    outline: none;
    font-family:'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.form-control:focus[b-xv1flmjkbr] {
    box-shadow: 0 0 0 0.09rem rgba(40, 167, 69, 0.25);
}

.border-input:hover[b-xv1flmjkbr] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-xv1flmjkbr], .form-control[readonly][b-xv1flmjkbr] {
    background-color: transparent;
    opacity: 1;
}
/* /Components/CommunComponents/InputSelection.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

[b-hl9mx9eq78] .filterclass {
    width: 255px !important;
}


@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-sel[b-hl9mx9eq78] {
    /* position: fixed;
*/ width: 257px;
    z-index: 1000;
    box-shadow: 3px 3px 9px #0000004d;
}

.span-show-more[b-hl9mx9eq78] {
    font-size: 13px;
}

.divmore[b-hl9mx9eq78] {
    text-align: center;
    margin-top: -3px;
}

[b-hl9mx9eq78] .div-search-input {
    display: grid;
    grid-template-columns: 5fr 1fr !important;
    height: 36px !important;
    width: 100%;
}

.div-resource[b-hl9mx9eq78] {
    border-bottom: 2px solid #eaeaea;
    height: 42px;
}

.card-res[b-hl9mx9eq78] {
    /*height: 95px;*/
    height: 42px;
    border-radius: 0px !important;
    padding: 13px;
}

.span-username-res-id[b-hl9mx9eq78] {
    margin-top: -10px;
    font-family: 'GravityRegular';
    font-size: 12px;
    /*color: #8395A7;*/
    color: #7A91AA;
    opacity: 1;
}
.span-username-res-type[b-hl9mx9eq78] {
    margin-top: -10px;
    font-family: 'GravityBold';
    font-size: 11px;
    color: #404448;
}

.span-username-res[b-hl9mx9eq78] {
    margin-top: -19px;
    font-family: 'GravityBold';
    font-size: 13px;
    color: #222F3E;
}

.span-pers[b-hl9mx9eq78] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    color: #8395A7;
    text-align: left;
    letter-spacing: 0.33px;
}

.span-distance[b-hl9mx9eq78] {
    font-family: left;
    letter-spacing: 0.33px;
    color: #8395A7;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
}

.span-duration[b-hl9mx9eq78] {
    color: #F36C3A;
    text-align: left;
    letter-spacing: 0.3px;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 11px;
}

.div-hover-call[b-hl9mx9eq78] {
    /*display:none;*/
    position: absolute;
    /*top: 30px;*/
    top: 12px;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity linear 0.3s;
}

.card-body:hover .div-hover-call[b-hl9mx9eq78] {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}

.card-body:hover[b-hl9mx9eq78] {
    box-shadow: 2px 2px 9px #00000040;
}

.ressource-list-cards[b-hl9mx9eq78] {
    overflow: scroll;
    max-height: 340px;
    overflow-x: hidden;
}

.card-button[b-hl9mx9eq78] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}


.div-header-ressource[b-hl9mx9eq78] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: flex;
}

.div-child-header-ressource[b-hl9mx9eq78] {
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res[b-hl9mx9eq78] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-hl9mx9eq78] {
    margin-top: -3px;
    margin-right: 10px;
}


.ressourceModal[b-hl9mx9eq78] {
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}

.imgRessource[b-hl9mx9eq78] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.imgAssignRessource[b-hl9mx9eq78] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-hl9mx9eq78] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}

.email[b-hl9mx9eq78] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-hl9mx9eq78] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.smallText[b-hl9mx9eq78] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}


.div-contact-card[b-hl9mx9eq78] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
}

.row-flex[b-hl9mx9eq78] {
    display: flex;
    flex-direction: row;
}

.column-flex[b-hl9mx9eq78] {
    display: flex;
    flex-direction: column;
}

.span-style[b-hl9mx9eq78] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.span-phone[b-hl9mx9eq78] {
    font-family: 'Franklin Gothic Book Regular';
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

.title[b-hl9mx9eq78] {
    font-size: 18px;
}

.sub-title[b-hl9mx9eq78] {
    font-size: 15px;
}

.icon-img[b-hl9mx9eq78] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.user-icon[b-hl9mx9eq78] {
    padding-top: 2px;
}

.call-icon[b-hl9mx9eq78] {
    padding-top: 8px;
}

.div-contact[b-hl9mx9eq78] {
    padding-left: 10px;
}

.email[b-hl9mx9eq78] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}


.div-compentance-card[b-hl9mx9eq78] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 0.5rem;
    padding-left: 1.5rem;
}

.row-flex[b-hl9mx9eq78] {
    display: flex;
    flex-direction: row
}

.column-flex[b-hl9mx9eq78] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-hl9mx9eq78] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-hl9mx9eq78] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.span-sub-title[b-hl9mx9eq78] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-sub-sub-title[b-hl9mx9eq78] {
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-hl9mx9eq78] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.level-icon[b-hl9mx9eq78] {
    object-fit: cover;
    opacity: 1;
}

.userimgres[b-hl9mx9eq78] {
    width: 24px;
    object-fit: cover;
    border-radius: 50%;
    border-radius: 23px;
    margin-top: -7px;
}

.competance-icon[b-hl9mx9eq78] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}

.card-listTAsks[b-hl9mx9eq78] {
    position: absolute !important;
    top: 85px;
}

.ressource-list-cards[b-hl9mx9eq78]::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.ressource-list-cards[b-hl9mx9eq78]::-webkit-scrollbar-track {
    background: #dcdcdc59;
}

/* Handle */
.ressource-list-cards[b-hl9mx9eq78]::-webkit-scrollbar-thumb {
    background: #E0E0E0;
    border-radius: 4px;
}

    /* Handle on hover */
    .ressource-list-cards[b-hl9mx9eq78]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/* Buttons */
.ressource-list-cards[b-hl9mx9eq78]::-webkit-scrollbar-button:single-button {
    background-color: #dcdcdc59;
    display: block;
    border-style: solid;
    height: 7px;
}
    /* Up */
    .ressource-list-cards[b-hl9mx9eq78]::-webkit-scrollbar-button:single-button:vertical:decrement {
        border-width: 0 4px 4px 4px;
        border-color: transparent transparent #E0E0E0 transparent;
    }

        .ressource-list-cards[b-hl9mx9eq78]::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
            border-color: transparent transparent #777777 transparent;
        }
    /* Down */
    .ressource-list-cards[b-hl9mx9eq78]::-webkit-scrollbar-button:single-button:vertical:increment {
        border-width: 4px 4px 0 4px;
        border-color: #E0E0E0 transparent transparent transparent;
    }

.ressource-list-cards[b-hl9mx9eq78]::-webkit-scrollbar-button:vertical:single-button:increment:hover {
    border-color: #777777 transparent transparent transparent;
}
/* /Components/CommunComponents/InputSelectList.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

.div-sty[b-3h11fd65h9] {
    padding: 8px !important;
     font-family: 'GravityRegular';
    color: #18af87;
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}
.add-l[b-3h11fd65h9] {
    margin-left: 14px;
}
.img-icon-add[b-3h11fd65h9] {
    margin-top: -2px;
    padding-right: 7px;
}
[b-3h11fd65h9] .filterclass {
    width: 255px !important;
}


@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.paddtop[b-3h11fd65h9] {
    padding: 14px;
    text-align: initial;
}
.card-sel[b-3h11fd65h9] {
    /* position: fixed;
*/ width: 257px;
    z-index: 10006;
    box-shadow: 3px 3px 9px #0000004d;
}

.span-show-more[b-3h11fd65h9] {
    font-size: 13px;
}

.divmore[b-3h11fd65h9] {
    text-align: center;
    margin-top: -3px;
}

[b-3h11fd65h9] .div-search-input {
    display: grid;
    grid-template-columns: 5fr 1fr !important;
    height: 36px !important;
    width: 100%;
}

.div-resource[b-3h11fd65h9] {
    border-bottom: 2px solid #eaeaea;
    min-height:42px;
}

.card-res[b-3h11fd65h9] {
    /*height: 95px;*/
    height: 42px;
    border-radius: 0px !important;
    
}
.paddin[b-3h11fd65h9]{
    padding:13px;
}
.nopaddin[b-3h11fd65h9] {
    padding: 21px !important
}
.style-card[b-3h11fd65h9] {
    padding: 13px;
}
.span-username-res-id[b-3h11fd65h9] {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 15px;
    font-family: 'GravityRegular';
    font-size: 12px;
    /*color: #8395A7;*/
    color: #7A91AA;
    opacity: 1;
}

.span-username-res[b-3h11fd65h9] {
    margin-top: -19px;
    font-family: 'GravityRegular';
    font-size: 13px;
    color: #222F3E;
}

.span-pers[b-3h11fd65h9] {
    font-family: 'GravityRegular';
    font-size: 13px;
    color: #8395A7;
    text-align: left;
    letter-spacing: 0.33px;
}

.span-distance[b-3h11fd65h9] {
    font-family: left;
    letter-spacing: 0.33px;
    color: #8395A7;
    font-family: 'GravityRegular';
    font-size: 13px;
}

.span-duration[b-3h11fd65h9] {
    color: #F36C3A;
    text-align: left;
    letter-spacing: 0.3px;
    font-family: 'GravityRegular';
    font-size: 11px;
}

.div-hover-call[b-3h11fd65h9] {
    /*display:none;*/
    position: absolute;
    /*top: 30px;*/
    top: 12px;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity linear 0.3s;
}

.card-body:hover .div-hover-call[b-3h11fd65h9] {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}

.card-body:hover[b-3h11fd65h9] {
    box-shadow: 2px 2px 9px #00000040;
}

.ressource-list-cards[b-3h11fd65h9] {
    overflow: scroll;
    max-height: 340px;
    overflow-x: hidden;
   
}

.card-button[b-3h11fd65h9] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}


.div-header-ressource[b-3h11fd65h9] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: flex;
}

.div-child-header-ressource[b-3h11fd65h9] {
    height: 34px;
    font-family: 'GravityRegular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res[b-3h11fd65h9] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-3h11fd65h9] {
    margin-top: -3px;
    margin-right: 10px;
}


.ressourceModal[b-3h11fd65h9] {
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}

.imgRessource[b-3h11fd65h9] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.imgAssignRessource[b-3h11fd65h9] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-3h11fd65h9] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}

.email[b-3h11fd65h9] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-3h11fd65h9] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
}

.smallText[b-3h11fd65h9] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
    font-size: 15px;
}


.div-contact-card[b-3h11fd65h9] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
}

.row-flex[b-3h11fd65h9] {
    display: flex;
    flex-direction: row;
}

.column-flex[b-3h11fd65h9] {
    display: flex;
    flex-direction: column;
}

.span-style[b-3h11fd65h9] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
}

.span-phone[b-3h11fd65h9] {
    font-family: 'GravityRegular';
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

.title[b-3h11fd65h9] {
    font-size: 18px;
}

.sub-title[b-3h11fd65h9] {
    font-size: 15px;
}

.icon-img[b-3h11fd65h9] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.user-icon[b-3h11fd65h9] {
    padding-top: 2px;
}

.call-icon[b-3h11fd65h9] {
    padding-top: 8px;
}

.div-contact[b-3h11fd65h9] {
    padding-left: 10px;
}

.email[b-3h11fd65h9] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}


.div-compentance-card[b-3h11fd65h9] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 0.5rem;
    padding-left: 1.5rem;
}

.row-flex[b-3h11fd65h9] {
    display: flex;
    flex-direction: row
}

.column-flex[b-3h11fd65h9] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-3h11fd65h9] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-3h11fd65h9] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'GravityRegular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.span-sub-title[b-3h11fd65h9] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
    color: #576574;
}

.span-sub-sub-title[b-3h11fd65h9] {
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-3h11fd65h9] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.level-icon[b-3h11fd65h9] {
    object-fit: cover;
    opacity: 1;
}

.userimgres[b-3h11fd65h9] {
    width: 24px;
    object-fit: cover;
    border-radius: 50%;
    border-radius: 23px;
    margin-top: -7px;
}

.competance-icon[b-3h11fd65h9] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}

.card-listTAsks[b-3h11fd65h9] {
    position: absolute !important;
    top: 85px;
}

.hoverli:hover[b-3h11fd65h9] {
    box-shadow: 2px 2px 9px #00000040;
    cursor: pointer;
}
.span-username-res:hover[b-3h11fd65h9]{
    cursor:pointer;
}
.span-username-res-id:hover[b-3h11fd65h9] {
    cursor: pointer;
}

.ressource-list-cards[b-3h11fd65h9]::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.ressource-list-cards[b-3h11fd65h9]::-webkit-scrollbar-track {
    background: #dcdcdc59;
   
}

/* Handle */
.ressource-list-cards[b-3h11fd65h9]::-webkit-scrollbar-thumb {
    background: #E0E0E0;
    border-radius: 4px;
}

    /* Handle on hover */
    .ressource-list-cards[b-3h11fd65h9]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/* Buttons */
.ressource-list-cards[b-3h11fd65h9]::-webkit-scrollbar-button:single-button {
    background-color: #dcdcdc59;
    display: block;
    border-style: solid;
    height: 7px;
}
    /* Up */
    .ressource-list-cards[b-3h11fd65h9]::-webkit-scrollbar-button:single-button:vertical:decrement {
        border-width: 0 4px 4px 4px;
        border-color: transparent transparent #E0E0E0 transparent;
    }

        .ressource-list-cards[b-3h11fd65h9]::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
            border-color: transparent transparent #777777 transparent;
        }
    /* Down */
    .ressource-list-cards[b-3h11fd65h9]::-webkit-scrollbar-button:single-button:vertical:increment {
        border-width: 4px 4px 0 4px;
        border-color: #E0E0E0 transparent transparent transparent;
    }

.ressource-list-cards[b-3h11fd65h9]::-webkit-scrollbar-button:vertical:single-button:increment:hover {
    border-color: #777777 transparent transparent transparent;
}
/* /Components/CommunComponents/InputSelectProject.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

[b-d8jxnjlewg] .filterclass {
    width: 255px !important;
}


@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-sel[b-d8jxnjlewg] {
    /* position: fixed;
*/ width: 257px;
    z-index: 1000;
    box-shadow: 3px 3px 9px #00000073;
}

.span-show-more[b-d8jxnjlewg] {
    font-size: 13px;
}

.divmore[b-d8jxnjlewg] {
    text-align: center;
    margin-top: -3px;
}

[b-d8jxnjlewg] .div-search-input {
    display: grid;
    grid-template-columns: 5fr 1fr !important;
    height: 36px !important;
    width: 100%;
}

.div-resource[b-d8jxnjlewg] {
    border-bottom: 2px solid #eaeaea;
    height: 42px;
}

.card-res[b-d8jxnjlewg] {
    /*height: 95px;*/
    height: 42px;
    border-radius: 0px !important;
    padding: 13px;
}

.span-username-res-id[b-d8jxnjlewg] {
    margin-top: -12px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    /*color: #8395A7;*/
    color: #7A91AA;
    opacity: 1;
}

.span-username-res[b-d8jxnjlewg] {
    margin-top: -19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    color: #222F3E;
}

.span-pers[b-d8jxnjlewg] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    color: #8395A7;
    text-align: left;
    letter-spacing: 0.33px;
}

.span-distance[b-d8jxnjlewg] {
    font-family: left;
    letter-spacing: 0.33px;
    color: #8395A7;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
}

.span-duration[b-d8jxnjlewg] {
    color: #F36C3A;
    text-align: left;
    letter-spacing: 0.3px;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 11px;
}

.div-hover-call[b-d8jxnjlewg] {
    /*display:none;*/
    position: absolute;
    /*top: 30px;*/
    top: 12px;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity linear 0.3s;
}

.card-body:hover .div-hover-call[b-d8jxnjlewg] {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}

.card-body:hover[b-d8jxnjlewg] {
    box-shadow: 2px 2px 9px #00000040;
}

.ressource-list-cards[b-d8jxnjlewg] {
    overflow: scroll;
    max-height: 340px;
    overflow-x: hidden;
    box-shadow: 9px 9px 9px #00000040;
}

.card-button[b-d8jxnjlewg] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}


.div-header-ressource[b-d8jxnjlewg] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: flex;
}

.div-child-header-ressource[b-d8jxnjlewg] {
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res[b-d8jxnjlewg] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-d8jxnjlewg] {
    margin-top: -3px;
    margin-right: 10px;
}


.ressourceModal[b-d8jxnjlewg] {
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}

.imgRessource[b-d8jxnjlewg] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.imgAssignRessource[b-d8jxnjlewg] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-d8jxnjlewg] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}

.email[b-d8jxnjlewg] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-d8jxnjlewg] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.smallText[b-d8jxnjlewg] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}


.div-contact-card[b-d8jxnjlewg] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
}

.row-flex[b-d8jxnjlewg] {
    display: flex;
    flex-direction: row;
}

.column-flex[b-d8jxnjlewg] {
    display: flex;
    flex-direction: column;
}

.span-style[b-d8jxnjlewg] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.span-phone[b-d8jxnjlewg] {
    font-family: 'Franklin Gothic Book Regular';
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

.title[b-d8jxnjlewg] {
    font-size: 18px;
}

.sub-title[b-d8jxnjlewg] {
    font-size: 15px;
}

.icon-img[b-d8jxnjlewg] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.user-icon[b-d8jxnjlewg] {
    padding-top: 2px;
}

.call-icon[b-d8jxnjlewg] {
    padding-top: 8px;
}

.div-contact[b-d8jxnjlewg] {
    padding-left: 10px;
}

.email[b-d8jxnjlewg] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}


.div-compentance-card[b-d8jxnjlewg] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 0.5rem;
    padding-left: 1.5rem;
}

.row-flex[b-d8jxnjlewg] {
    display: flex;
    flex-direction: row
}

.column-flex[b-d8jxnjlewg] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-d8jxnjlewg] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-d8jxnjlewg] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.span-sub-title[b-d8jxnjlewg] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-sub-sub-title[b-d8jxnjlewg] {
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-d8jxnjlewg] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.level-icon[b-d8jxnjlewg] {
    object-fit: cover;
    opacity: 1;
}

.userimgres[b-d8jxnjlewg] {
    width: 24px;
    object-fit: cover;
    border-radius: 50%;
    border-radius: 23px;
    margin-top: -7px;
}

.competance-icon[b-d8jxnjlewg] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}

.card-listTAsks[b-d8jxnjlewg] {
    position: absolute !important;
    top: 85px;
}
/* /Components/CommunComponents/IsEmptyComponent.razor.rz.scp.css */
.IconDiv[b-k92keva1ec] {
    position: absolute;
    top: 33%;
    left: 50%;
}
.TextDivOne[b-k92keva1ec] {
 position:relative;
 right:33%;
}
.TextDivTwo[b-k92keva1ec] {
    position: relative;
    
}
.textEmptyOne[b-k92keva1ec] {
    font-size: 16px;
    font-family: 'GravityBold';
}
.textEmptyTwo[b-k92keva1ec] {
    font-size: 16px;
    font-family: 'GravityBold';
    color: #2586f3;
}
/* /Components/CommunComponents/LeftMenuSubCard.razor.rz.scp.css */
.sub-menu-item[b-awhm3fa8re] {
  /*  border-bottom: 1px solid rgba(0,0,0,0.1);*/
    width: 100%;
    text-align: center;
    display: grid;

    font-size: 15px;
}
.submenu-img[b-awhm3fa8re] {
    margin-top: 15px;
    margin: auto;
}

.sub-menu-item-title-mobile[b-awhm3fa8re] {
    text-align: left;
    margin-left: 50px;
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    color: #4c4c4c !important;
    margin-top: 5px;
}
.sub-menu-item-title[b-awhm3fa8re] {
    text-align: center;
    letter-spacing: 0px;
    font-family: 'GravityBold';
    color: #4c4c4c !important;
    padding-bottom: 10px;
    font-weight: 400;
}
 
 
/* /Components/CommunComponents/LeftMenuSubComponent.razor.rz.scp.css */
.modal-dialog[b-ix846c32yc] {
    /*   width: calc(100vw - 260px);*/
    max-width: unset;
    width: 261px;
    margin: unset;
}
.modal-leftmenu-content[b-ix846c32yc] {
    background: #FCFBFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    margin-left: 16.3em;
    margin-top: 7.5em;
    position: unset;
}
.modal-body-leftmenu[b-ix846c32yc]{
 }
/* /Components/CommunComponents/SearchBoxComponent.razor.rz.scp.css */
.div-search-input[b-unaqzegtpm] {
    display: grid;
    grid-template-columns: 3fr 1fr;
    height: 42px;
    width: 100%;
}
.input-styl[b-unaqzegtpm] {
    background: #F8F8F8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000029;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    outline: none;
    border: 1px solid #eaeaea;
    background: #F8F8F8 url(/icons/searchInput.svg) no-repeat left;
    background-size: 17px 17px;
    padding-left: 32px;
    background-position: 7px;
}
.img-fil[b-unaqzegtpm] {
    margin-top: -5px;
    margin-right: 5px;
    width: 17px;
    height: 13px;
}
.filterclass[b-unaqzegtpm] {
    width: 379px;
}
.btn-Filterr[b-unaqzegtpm] {
    font-family: 'GravityRegular';
    color: #576574;
    border: 1px solid #eaeaea;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000029;
    outline: none;
    padding-bottom: 5px;
    padding-top: 6px;
    font-size: 15px;
}
.div-sear[b-unaqzegtpm]{
    display:flex;
}
/* /Components/CommunComponents/SecondHeader.razor.rz.scp.css */
.second-header-div[b-2vfqbkeubz] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 4px;
    align-items: center;
    height: 57px;
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 2px #0d152633;
    opacity: 1;
}
/* /Components/CommunComponents/SecondHeaderBtn.razor.rz.scp.css */

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.img-icon[b-fbms2gtfxg] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.btn-new[b-fbms2gtfxg] {
    border: none;
    background: none;
    font-family: 'Franklin Gothic Medium Regula';
    letter-spacing: 0.3px;
    color: #222F3E;
    width: 120px;
    height: 40px;
    margin-left: 45px;
    margin-top: 5px;
    margin-bottom: 7px;
    display: flex;
    flex-direction: column;
}

    .btn-new:hover[b-fbms2gtfxg] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regula';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 120px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

    .btn-new:focus[b-fbms2gtfxg], .btn-new-task:focus-visible[b-fbms2gtfxg], .btn-new-task:active[b-fbms2gtfxg] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regula';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 120px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

.img-add[b-fbms2gtfxg] {
    padding-left: 45px;
    padding-top: 2px;
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-fbms2gtfxg] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regula';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
    min-width: 103px;
}

.btn-action-style[b-fbms2gtfxg] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regula';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-fbms2gtfxg] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-fbms2gtfxg] {
    font-family: 'Franklin Gothic Medium Regula';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-fbms2gtfxg], .btn-style:focus-visible[b-fbms2gtfxg], .btn-style:active[b-fbms2gtfxg] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regula';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-fbms2gtfxg] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-fbms2gtfxg] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
 
/* /Components/CommunComponents/SelectInput.razor.rz.scp.css */
.select-entry-style[b-gqhs8fyldq] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 12%;
    outline: none !important;
}
.border-input:focus[b-gqhs8fyldq] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
}
    /*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
    .select-entry-style:focus[b-gqhs8fyldq] {
        border-color: #268bfd;
    }
.ipnut-down[b-gqhs8fyldq] {
    width: 25px;
    position: absolute;
    left: 375px;
    top: 65px;
}
.span-name-select[b-gqhs8fyldq] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/*table style */
.select-table[b-gqhs8fyldq] {
    border: solid 2px #268bfd;
    border-radius: 17px;
    background-color: #ffffff;
    margin-top: 2px;
    width: 448px;

}
.headerLigne[b-gqhs8fyldq] {
    font-weight: 600;
    font-size: 15px;
    color: #217ee7;
}
.first-th[b-gqhs8fyldq] {
    width: 35%;
    padding-left: 5px;
}


tbody > tr:hover[b-gqhs8fyldq] {
    background-color: #217ee7;
    color: white;
    cursor: pointer;
}
/* -----------------------
    Style ul & li options
     -------------------    */
.ul-options[b-gqhs8fyldq] {
    border: solid 1px #268bfd;
    border-radius: 17px;
    background-color: #ffffff;
    margin-top: 2px;
    padding: 0;
    width: 448px;
    padding-bottom: 12px;
    padding-top: 5px;
}
.li-header[b-gqhs8fyldq] {
    display: flex;
    flex-direction: row;
    font-weight: 600;
    font-size: 15px;
    color: #217ee7;
 
}
.header-field-one[b-gqhs8fyldq] {
    width: 110px;
    margin-left: 20px;
}
.header-field-two[b-gqhs8fyldq]{

}
.ul-body-options[b-gqhs8fyldq]{
    padding:0;
    max-height:210px;
    overflow:scroll;
    margin-right:11px;
}
    .ul-body-options[b-gqhs8fyldq]::-webkit-scrollbar {
        width: 0.7em;
    }

    .ul-body-options[b-gqhs8fyldq]::-webkit-scrollbar-track {
        box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    }

    .ul-body-options[b-gqhs8fyldq]::-webkit-scrollbar-thumb {
        background-color: #bdbebe;
        border-radius: 20px;
    }

[b-gqhs8fyldq]::-webkit-scrollbar {
    width: 0.1px;
}

.li-body[b-gqhs8fyldq] {
    display: flex;
    flex-direction: row;
}
    .li-body:hover[b-gqhs8fyldq] {
        background-color: #217ee7;
        color: white;
        cursor: pointer;
    }
.value-field-one[b-gqhs8fyldq] {
    width: 110px;
    margin-left: 20px;
}
/* /Components/CommunComponents/SelectionCustomerList.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

[b-m3e1kow9f4] .filterclass {
    width: 255px !important;
}


@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-sel[b-m3e1kow9f4] {
    /* position: fixed;
*/ width: 257px;
    z-index: 1000;
    box-shadow: 3px 3px 9px #00000073;
}

.span-show-more[b-m3e1kow9f4] {
    font-size: 13px;
}

.divmore[b-m3e1kow9f4] {
    text-align: center;
    margin-top: -3px;
}

[b-m3e1kow9f4] .div-search-input {
    display: grid;
    grid-template-columns: 5fr 1fr !important;
    height: 36px !important;
    width: 100%;
}

.div-resource[b-m3e1kow9f4] {
    border-bottom: 2px solid #eaeaea;
    height: 42px;
}

.card-res[b-m3e1kow9f4] {
    /*height: 95px;*/
    height: 42px;
    border-radius: 0px !important;
    padding: 13px;
}

.span-username-res-id[b-m3e1kow9f4] {
    margin-top: -12px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    /*color: #8395A7;*/
    color: #7A91AA;
    opacity: 1;
}

.span-username-res[b-m3e1kow9f4] {
    margin-top: -19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    color: #222F3E;
}

.span-pers[b-m3e1kow9f4] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    color: #8395A7;
    text-align: left;
    letter-spacing: 0.33px;
}

.span-distance[b-m3e1kow9f4] {
    font-family: left;
    letter-spacing: 0.33px;
    color: #8395A7;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
}

.span-duration[b-m3e1kow9f4] {
    color: #F36C3A;
    text-align: left;
    letter-spacing: 0.3px;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 11px;
}

.div-hover-call[b-m3e1kow9f4] {
    /*display:none;*/
    position: absolute;
    /*top: 30px;*/
    top: 12px;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity linear 0.3s;
}

.card-body:hover .div-hover-call[b-m3e1kow9f4] {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}

.card-body:hover[b-m3e1kow9f4] {
    box-shadow: 2px 2px 9px #00000040;
}

.ressource-list-cards[b-m3e1kow9f4] {
    overflow: scroll;
    max-height: 340px;
    overflow-x: hidden;
    box-shadow: 9px 9px 9px #00000040;
}

.card-button[b-m3e1kow9f4] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}


.div-header-ressource[b-m3e1kow9f4] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: flex;
}

.div-child-header-ressource[b-m3e1kow9f4] {
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res[b-m3e1kow9f4] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-m3e1kow9f4] {
    margin-top: -3px;
    margin-right: 10px;
}


.ressourceModal[b-m3e1kow9f4] {
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}

.imgRessource[b-m3e1kow9f4] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.imgAssignRessource[b-m3e1kow9f4] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-m3e1kow9f4] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}

.email[b-m3e1kow9f4] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-m3e1kow9f4] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.smallText[b-m3e1kow9f4] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}


.div-contact-card[b-m3e1kow9f4] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
}

.row-flex[b-m3e1kow9f4] {
    display: flex;
    flex-direction: row;
}

.column-flex[b-m3e1kow9f4] {
    display: flex;
    flex-direction: column;
}

.span-style[b-m3e1kow9f4] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.span-phone[b-m3e1kow9f4] {
    font-family: 'Franklin Gothic Book Regular';
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

.title[b-m3e1kow9f4] {
    font-size: 18px;
}

.sub-title[b-m3e1kow9f4] {
    font-size: 15px;
}

.icon-img[b-m3e1kow9f4] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.user-icon[b-m3e1kow9f4] {
    padding-top: 2px;
}

.call-icon[b-m3e1kow9f4] {
    padding-top: 8px;
}

.div-contact[b-m3e1kow9f4] {
    padding-left: 10px;
}

.email[b-m3e1kow9f4] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}


.div-compentance-card[b-m3e1kow9f4] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 0.5rem;
    padding-left: 1.5rem;
}

.row-flex[b-m3e1kow9f4] {
    display: flex;
    flex-direction: row
}

.column-flex[b-m3e1kow9f4] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-m3e1kow9f4] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-m3e1kow9f4] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.span-sub-title[b-m3e1kow9f4] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-sub-sub-title[b-m3e1kow9f4] {
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-m3e1kow9f4] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.level-icon[b-m3e1kow9f4] {
    object-fit: cover;
    opacity: 1;
}

.userimgres[b-m3e1kow9f4] {
    width: 24px;
    object-fit: cover;
    border-radius: 50%;
    border-radius: 23px;
    margin-top: -7px;
}

.competance-icon[b-m3e1kow9f4] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}

.card-listTAsks[b-m3e1kow9f4] {
    position: absolute !important;
    top: 85px;
}
/* /Components/CommunComponents/SelectionVendorList.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

[b-pvw2b3l17n] .filterclass {
    width: 255px !important;
}


@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-sel[b-pvw2b3l17n] {
    /* position: fixed;
*/ width: 257px;
    z-index: 1000;
    box-shadow: 3px 3px 9px #00000073;
}

.span-show-more[b-pvw2b3l17n] {
    font-size: 13px;
}

.divmore[b-pvw2b3l17n] {
    text-align: center;
    margin-top: -3px;
}

[b-pvw2b3l17n] .div-search-input {
    display: grid;
    grid-template-columns: 5fr 1fr !important;
    height: 36px !important;
    width: 100%;
}

.div-resource[b-pvw2b3l17n] {
    border-bottom: 2px solid #eaeaea;
    height: 42px;
}

.card-res[b-pvw2b3l17n] {
    /*height: 95px;*/
    height: 42px;
    border-radius: 0px !important;
    padding: 13px;
}

.span-username-res-id[b-pvw2b3l17n] {
    margin-top: -12px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    /*color: #8395A7;*/
    color: #7A91AA;
    opacity: 1;
}

.span-username-res[b-pvw2b3l17n] {
    margin-top: -19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    color: #222F3E;
}

.span-pers[b-pvw2b3l17n] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    color: #8395A7;
    text-align: left;
    letter-spacing: 0.33px;
}

.span-distance[b-pvw2b3l17n] {
    font-family: left;
    letter-spacing: 0.33px;
    color: #8395A7;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
}

.span-duration[b-pvw2b3l17n] {
    color: #F36C3A;
    text-align: left;
    letter-spacing: 0.3px;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 11px;
}

.div-hover-call[b-pvw2b3l17n] {
    /*display:none;*/
    position: absolute;
    /*top: 30px;*/
    top: 12px;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity linear 0.3s;
}

.card-body:hover .div-hover-call[b-pvw2b3l17n] {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}

.card-body:hover[b-pvw2b3l17n] {
    box-shadow: 2px 2px 9px #00000040;
}

.ressource-list-cards[b-pvw2b3l17n] {
    overflow: scroll;
    max-height: 340px;
    overflow-x: hidden;
    box-shadow: 9px 9px 9px #00000040;
}

.card-button[b-pvw2b3l17n] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}


.div-header-ressource[b-pvw2b3l17n] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: flex;
}

.div-child-header-ressource[b-pvw2b3l17n] {
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res[b-pvw2b3l17n] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-pvw2b3l17n] {
    margin-top: -3px;
    margin-right: 10px;
}


.ressourceModal[b-pvw2b3l17n] {
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}

.imgRessource[b-pvw2b3l17n] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.imgAssignRessource[b-pvw2b3l17n] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-pvw2b3l17n] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}

.email[b-pvw2b3l17n] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-pvw2b3l17n] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.smallText[b-pvw2b3l17n] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}


.div-contact-card[b-pvw2b3l17n] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
}

.row-flex[b-pvw2b3l17n] {
    display: flex;
    flex-direction: row;
}

.column-flex[b-pvw2b3l17n] {
    display: flex;
    flex-direction: column;
}

.span-style[b-pvw2b3l17n] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.span-phone[b-pvw2b3l17n] {
    font-family: 'Franklin Gothic Book Regular';
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

.title[b-pvw2b3l17n] {
    font-size: 18px;
}

.sub-title[b-pvw2b3l17n] {
    font-size: 15px;
}

.icon-img[b-pvw2b3l17n] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.user-icon[b-pvw2b3l17n] {
    padding-top: 2px;
}

.call-icon[b-pvw2b3l17n] {
    padding-top: 8px;
}

.div-contact[b-pvw2b3l17n] {
    padding-left: 10px;
}

.email[b-pvw2b3l17n] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}


.div-compentance-card[b-pvw2b3l17n] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 0.5rem;
    padding-left: 1.5rem;
}

.row-flex[b-pvw2b3l17n] {
    display: flex;
    flex-direction: row
}

.column-flex[b-pvw2b3l17n] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-pvw2b3l17n] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-pvw2b3l17n] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.span-sub-title[b-pvw2b3l17n] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-sub-sub-title[b-pvw2b3l17n] {
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-pvw2b3l17n] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.level-icon[b-pvw2b3l17n] {
    object-fit: cover;
    opacity: 1;
}

.userimgres[b-pvw2b3l17n] {
    width: 24px;
    object-fit: cover;
    border-radius: 50%;
    border-radius: 23px;
    margin-top: -7px;
}

.competance-icon[b-pvw2b3l17n] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}

.card-listTAsks[b-pvw2b3l17n] {
    position: absolute !important;
    top: 85px;
}
/* /Components/CommunComponents/TableTemplate.razor.rz.scp.css */
 
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.div-cont[b-0q70xga0k3] {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}
.span-id[b-0q70xga0k3] {
    cursor: pointer;
}

    .span-id:hover[b-0q70xga0k3] {
        text-decoration: underline;
    }

.span-show-more[b-0q70xga0k3] {
    cursor: pointer;
}

    .span-show-more:hover[b-0q70xga0k3] {
        text-decoration: underline;
    }

.div-checked[b-0q70xga0k3] {
    width: 5%;
}
.chkbox[b-0q70xga0k3] {
    
    display: flex;
    align-items: center;
    user-select: none;
}

    .chkbox label[b-0q70xga0k3] {
        font-size: 26px;
        color: #4D4D4D;
        position: absolute;
        z-index: 10;
        padding-left: 50px;
        cursor: pointer;
    }

    .chkbox input[b-0q70xga0k3] {
        opacity: 0;
        visibility: hidden;
        position: absolute;
    }

        .chkbox input:checked ~ .check[b-0q70xga0k3] {
            border-color: #0FB9B1;
            box-shadow: 0px 0px 0px 15px #0FB9B1 inset;
        }

            .chkbox input:checked ~ .check[b-0q70xga0k3]::after {
                opacity: 1;
                transform: scale(1);
            }

    .chkbox .check[b-0q70xga0k3] {
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        border-radius: 100px;
        background-color: #FFF;
        border: 2px solid#0FB9B1;
        box-shadow: 0px 0px 0px 0px#0FB9B1 inset;
        transition: all 0.15s cubic-bezier(0, 1.05, 0.72, 1.07);
    }

        .chkbox .check[b-0q70xga0k3]::after {
            content: '';
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: 4;
            position: absolute;
            transform: scale(0);
            background-size: 50%;
            background-image: url("https://webdevtrick.com/demos/checkmark.svg");
            background-repeat: no-repeat;
            background-position: center;
            transition-delay: 0.2s !important;
            transition: all 0.25s cubic-bezier(0, 1.05, 0.72, 1.07);
        }
.img-status[b-0q70xga0k3] {
    width: 15px;
    height: 16px;
    margin-top: -3px;
    margin-right: 6px;
}

.td-list[b-0q70xga0k3] {
    border-top: none !important;
    width: 25%;
}

.div-row-header[b-0q70xga0k3] {
    display: flex;
    width: 100%;
}

.div-col-header[b-0q70xga0k3] {
    flex: auto;
}

.second-header-div[b-0q70xga0k3] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    width: 100%;
}

.container-list[b-0q70xga0k3] {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: scroll;
    height: calc(100vh - 96px);
}



.table-list[b-0q70xga0k3] {
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    margin-top: 20px;
    max-width: 1374px;
    min-width: 720px;
}

.th-header[b-0q70xga0k3] {
    border-top: none !important;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    letter-spacing: 0.4px;
    color: #222F3E;
}

.tr-list[b-0q70xga0k3] {
    border-top: none !important;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15.5px;
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    cursor: default !important;
}

.div-group[b-0q70xga0k3] {
    display: flex;
}

.icon-code[b-0q70xga0k3] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11.5px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #c496f1;
    padding-top: 6px;
    /* padding-left: 7px; */
}

.div-group-child[b-0q70xga0k3] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.div-group-child-short[b-0q70xga0k3] {
    display: flex;
    flex-direction: column;
}

.span-code[b-0q70xga0k3] {
    font-family: 'Franklin Gothic Book Regular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
}

.img-round[b-0q70xga0k3] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.div-statut[b-0q70xga0k3] {
    margin-top: 10px;
    /* display:flex;
*/
}

.span-statut[b-0q70xga0k3] {
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 5px;
    margin-top: -5px;
}

.min-width-80[b-0q70xga0k3] {
    min-width: 80px;
}

.div-edit-delet[b-0q70xga0k3] {
    display: none;
    margin-top: 10px;
}

.btn-delet[b-0q70xga0k3] {
    margin-left: 20px;
}

.tr-list:hover .div-edit-delet[b-0q70xga0k3] {
    display: block;
}

.tr-list:hover[b-0q70xga0k3] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

.div-dashboard[b-0q70xga0k3] {
    display: none;
    margin-left: 20px;
}

@media(min-width: 1366px) {
    .div-dashboard[b-0q70xga0k3] {
        display: block;
        margin-left: 20px;
    }

    .container-list[b-0q70xga0k3] {
        /* display: flex;
*/ flex-direction: row;
    }
}

@media(max-width: 1366px) {
    .table-list[b-0q70xga0k3] {
        width: 100% !important;
    }
}

.select-cercle[b-0q70xga0k3] {
    margin-top: 10px;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

.select-cercle-selected[b-0q70xga0k3] {
    margin-top: 10px;
    display: none;
}

.tr-list:hover .select-cercle[b-0q70xga0k3] {
    display: none;
}

.tr-list:hover .select-cercle-selected[b-0q70xga0k3] {
    display: block;
}

.img-date-hour[b-0q70xga0k3] {
    padding-right: 5px;
    padding-bottom: 3px;
}

.divcerclestatusgray[b-0q70xga0k3] {
    border-radius: 20px;
    background: #90A4AE 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.divcerclestatusgreen[b-0q70xga0k3] {
    border-radius: 20px;
    background: #2ED573 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.draggable[b-0q70xga0k3] {
    cursor: grab;
    box-shadow: 1px 1px 1px #02171E33 !important;
    border: 0.5px solid #E6E6E6 !important;
    border-radius: 5px !important;
    /* width: 90%;*/
    /* margin-left: 14px;*/
}

    .draggable:active[b-0q70xga0k3] {
        cursor: grabbing;
    }

.dragging[b-0q70xga0k3] {
    cursor: grabbing;
}

.dragMe[b-0q70xga0k3] {
    width: 100px;
    height: 50px;
    background-color: blue;
}

.panel[b-0q70xga0k3] {
    margin-top: 10px;
    height: 300px;
    width: 400px;
    border: solid red;
}

.statut-title[b-0q70xga0k3] {
    border-top: none !important;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    letter-spacing: 0.4px;
    color: #222F3E;
}

.div-ul[b-0q70xga0k3] {
    padding-top: 22px;
    padding-left: 15px;
    padding-right: 15px;
    width: 20%;
}

.ullist-style[b-0q70xga0k3] {
    list-style: none;
    padding: 0;
    /* padding-top: 15px;
*/
}

.div-container[b-0q70xga0k3] {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: scroll;
    height: calc(100vh - 3%);
    display: flex;
}

.li-list[b-0q70xga0k3] {
    padding-top: 15px;
    list-style-type: none;
}
 
    /* Styles for the hover state of the custom checkbox */
input[type='checkbox'].check-custom:hover ~ .check-toggle[b-0q70xga0k3] {
    border-color: #CAD2E5;
}

    /* Styles for the focus state of the custom checkbox */
input[type='checkbox'].check-custom:focus ~ .check-toggle[b-0q70xga0k3] {
    border-color: #CAD2E5;
    box-shadow: 0 0 0 1px rgba(23, 133, 255, 0.25);
}

    /* Styles for the checked state of the custom checkbox */
    input[type='checkbox'].check-custom:checked ~ .check-toggle[b-0q70xga0k3] {
        border-color: #2A982F;
        background: #2A982F url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center no-repeat;
        background-size: 75%;
    }


/* Styles for hiding the native checkbox */
input[type='checkbox'].check-custom[b-0q70xga0k3] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    /* Styles for the basic appearance of the custom checkbox */
    input[type='checkbox'].check-custom ~ .check-toggle[b-0q70xga0k3] {
        width: 23px;
        height: 23px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border: 1px solid #CAD2E5;
        border-radius: 50%;
        cursor: pointer;
    }
.label-select[b-0q70xga0k3] {
    margin-bottom: unset;
}
.tr-list:hover input[type='checkbox'].check-custom ~ .check-toggle[b-0q70xga0k3] {
    border-color: #2A982F;
    background: #2A982F url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center no-repeat;
    background-size: 75%;
}
.cen-select[b-0q70xga0k3] {
    margin-top:10px;
}
/* /Components/CommunComponents/TopMenuSearchFilter.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-Filterr[b-s38ly9gip3] {
    border: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #222F3E;
    height: 41.5px;
    outline: none !important;
    background-color: white;
    border-left: 1px solid #E6E6E6;
}

    .btn-Filterr:hover[b-s38ly9gip3] {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        opacity: 1;
        box-shadow: 0px 3px 6px #00000029;
        border-left: 0px;
        border-top: 0px
    }


.img-filter[b-s38ly9gip3] {
    margin-top: -1px;
    margin-right: 5px;
}

.input-styl[b-s38ly9gip3] {
    height: 42px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 1px #3B444459;
    border: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    background-image: url(/icons/searchInput.svg);
    height: 41.5px;
    padding-left: 10% !important;
    background-position: 4%;
    outline: none !important;
    padding-left: 40px;
}

    .input-styl:hover[b-s38ly9gip3] {
        opacity: 1;
    }

.div-search-input[b-s38ly9gip3] {
    padding-right: 9px;
    opacity: 0.8;
}



@media screen and (min-width:1328px) {
    .div-search-input[b-s38ly9gip3] {
        display: grid;
        grid-template-columns: 4fr 1fr;
        width: 36%;
    }
}

@media screen and (min-width:1188px) and (max-width:1328px) {
    .div-search-input[b-s38ly9gip3] {
        display: grid;
        grid-template-columns: 3fr 1fr;
        width: 29%;
    }
}

@media screen and (min-width:1095px) and (max-width:1188px) {
    .div-search-input[b-s38ly9gip3] {
        display: grid;
        grid-template-columns: 2fr 1fr;
        width: 23%;
    }
}

@media screen and (max-width:1095px) {
    .div-search-input[b-s38ly9gip3] {
        display: grid;
        grid-template-columns: 6fr 3fr;
        width: 27%;
    }

    .username[b-s38ly9gip3] {
        display: none;
    }

    .div-user-name[b-s38ly9gip3] {
        min-width: 38px !important;
        width: 0 !important;
    }

    .input-styl[b-s38ly9gip3] {
        padding-left: 17% !important;
    }
}

.div-search-input:hover[b-s38ly9gip3] {
    opacity: 1;
}




[b-s38ly9gip3]::placeholder {
    opacity: 1; /* Firefox */
    /*color: #637283;*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

:-ms-input-placeholder[b-s38ly9gip3] { /* Internet Explorer 10-11 */
    color: #637283;
}

[b-s38ly9gip3]::-ms-input-placeholder { /* Microsoft Edge */
    color: #637283;
}
/* /Components/CRMComponents/ClientComponents/FilterModalClient.razor.rz.scp.css */

@media screen and (max-width: 1024px) {
    .FilterModalClient-rep[b-p0y2bbngpe] {
        left: -160px !important;
    }
}
.modal-dialog-filter[b-p0y2bbngpe] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-p0y2bbngpe] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-p0y2bbngpe] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-p0y2bbngpe] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-p0y2bbngpe] {
    margin-top: 17px;
}

.closepop-entrerheure[b-p0y2bbngpe] {
    float: right;
}

.modal-body-filter[b-p0y2bbngpe] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-p0y2bbngpe] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-p0y2bbngpe] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-p0y2bbngpe] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-p0y2bbngpe] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-p0y2bbngpe] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}

/* /Components/CRMComponents/ClientComponents/GeneralContentsComponent.razor.rz.scp.css */
/* /Components/CRMComponents/CommandeComponents/AjustementFactureComponents/AjustementFacture.razor.rz.scp.css */
.label[b-gafhsasami] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
}
/* /Components/CRMComponents/CommandeComponents/AjustementLivraisonComponents/AjustementLivraison.razor.rz.scp.css */
.label[b-fcq7i7app6]{
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
}
/* /Components/CRMComponents/CommandeComponents/BonLivraisonComponents/AddressFieldsComponent.razor.rz.scp.css */
.div-item-prj-p[b-xd38842z1n] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-xd38842z1n] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

input[b-xd38842z1n] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.form-control:focus[b-xd38842z1n] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
}

.border-input:hover[b-xd38842z1n] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-xd38842z1n], .form-control[readonly][b-xd38842z1n] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-xd38842z1n] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}
/* /Components/CRMComponents/CommandeComponents/BonLivraisonComponents/BLDetailListComponents/BtnHeaderDetails.razor.rz.scp.css */
.left-btn[b-py3ctcu7zv] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}

a[b-py3ctcu7zv] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}

img[b-py3ctcu7zv] {
    width: 20px;
    height: 20px;
}
/* /Components/CRMComponents/CommandeComponents/BonLivraisonComponents/BLDetailListComponents/DivDetailTr.razor.rz.scp.css */
body[b-hut1z6ces9] {
}
/* /Components/CRMComponents/CommandeComponents/BonLivraisonComponents/BLDetailListComponents/FormLivraison.razor.rz.scp.css */
.champTra[b-wfb2iz9fdv] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-wfb2iz9fdv] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-wfb2iz9fdv] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/CRMComponents/CommandeComponents/BonLivraisonComponents/BLDetailListComponents/FormTexte.razor.rz.scp.css */
textarea[b-hqd9v52gkr] {
    background-color: transparent;
    border: none;
    border-radius: 9px;
    height: 100%;
    margin-top: 2px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    margin-right: 20px;
    padding: 9px;
    padding-left: 15px;
}

.form-control:focus[b-hqd9v52gkr] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}
.champTra[b-hqd9v52gkr] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-hqd9v52gkr] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-hqd9v52gkr] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/CRMComponents/CommandeComponents/BonLivraisonComponents/BLDetailListComponents/FormTracabilite.razor.rz.scp.css */
.champTra[b-sjwh31793g] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-sjwh31793g] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-sjwh31793g] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/CRMComponents/CommandeComponents/BonLivraisonComponents/BonLivraisonLine.razor.rz.scp.css */
.somme-card[b-1au6t0m1fn] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 301px;
    height: 382px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

td[b-1au6t0m1fn] {
    border-bottom: 1px solid #E6E6E6 !important;
}

.arrow-span[b-1au6t0m1fn] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -3px;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
    z-index: 1;
}

.imgProduit[b-1au6t0m1fn] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 6px;
}


.imgSwitch[b-1au6t0m1fn] {
    transition-duration: 0.4s;
    transition-property: transform;
}

.th-jrnl[b-1au6t0m1fn] {
    padding-left: 7px;
    padding-bottom: 11px;
}

.popover-lab[b-1au6t0m1fn] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}

.popover-p[b-1au6t0m1fn] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}

.rotate[b-1au6t0m1fn] {
    transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}

.opened[b-1au6t0m1fn] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/CRMComponents/CommandeComponents/BonLivraisonComponents/DeliveryPage.razor.rz.scp.css */
.dot-purple[b-xjpnn86fdn] {
    height: 8px;
    width: 8px;
    background-color: #019cb1;
    border-radius: 50%;
    display: inline-block;
}

.statu[b-xjpnn86fdn] {
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-top: 15px;
    margin-right: 20px;
}

.label[b-xjpnn86fdn] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
}

.dot-red[b-xjpnn86fdn] {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

.dot-turq[b-xjpnn86fdn] {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

.dot-blue[b-xjpnn86fdn] {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

.dot-greenLght[b-xjpnn86fdn] {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

.dot-green[b-xjpnn86fdn] {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

.dot-purple0[b-xjpnn86fdn] {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

.dot-purple[b-xjpnn86fdn] {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

.label[b-xjpnn86fdn] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
}
/* /Components/CRMComponents/CommandeComponents/BonLivraisonComponents/DeliverySlipComponents/AddressDeliv.razor.rz.scp.css */
.div-item-prj-p[b-jfhsumd7gh] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-jfhsumd7gh] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

input[b-jfhsumd7gh] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.form-control:focus[b-jfhsumd7gh] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-jfhsumd7gh] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-jfhsumd7gh], .form-control[readonly][b-jfhsumd7gh] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-jfhsumd7gh] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}
/* /Components/CRMComponents/CommandeComponents/BonLivraisonComponents/DeliverySlipComponents/DeliverySlipLine.razor.rz.scp.css */
.somme-card[b-32px5gfcd9] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 301px;
    height: 382px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

td[b-32px5gfcd9] {
    border-bottom: 1px solid #E6E6E6 !important;
}

.arrow-span[b-32px5gfcd9] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -3px;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
    z-index: 1;
}

.imgProduit[b-32px5gfcd9] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 6px;
}


.imgSwitch[b-32px5gfcd9] {
    transition-duration: 0.4s;
    transition-property: transform;
}

.th-jrnl[b-32px5gfcd9] {
    padding-left: 7px;
    padding-bottom: 11px;
}

.popover-lab[b-32px5gfcd9] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}

.popover-p[b-32px5gfcd9] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}

.rotate[b-32px5gfcd9] {
    transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}

.opened[b-32px5gfcd9] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/CRMComponents/CommandeComponents/CommandePageComponent.razor.rz.scp.css */

.IDmvt[b-dsczcyuiyu] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}

.datecss:disabled[b-dsczcyuiyu], .datecss[readonly][b-dsczcyuiyu] {
    background-color: transparent;
    opacity: 1;
}
.datecss:enabled:hover[b-dsczcyuiyu] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
.datecss[b-dsczcyuiyu] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto;
    height: 32px !important;
}

    .datecss:focus[b-dsczcyuiyu] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: url('/icons/icon calnedrier.svg') no-repeat, white;
        background-position: bottom 9px right 10px;
    }

.dot-purple[b-dsczcyuiyu] {
    height: 8px;
    width: 8px;
    background-color: #019cb1;
    border-radius: 50%;
    display: inline-block;
}

.statu[b-dsczcyuiyu] {
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-top: 15px;
    margin-right: 20px;
}
.label[b-dsczcyuiyu] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
}
 .dot-red[b-dsczcyuiyu] {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

 .dot-turq[b-dsczcyuiyu] {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

 .dot-blue[b-dsczcyuiyu] {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

 .dot-greenLght[b-dsczcyuiyu] {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

 .dot-green[b-dsczcyuiyu] {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

 .dot-purple0[b-dsczcyuiyu] {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

 .dot-purple[b-dsczcyuiyu] {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/CRMComponents/CommandeComponents/FactureClientComponents/CRMFactClientHeaderComponents/CRMFactClientFields/CRMFactClientAddress.razor.rz.scp.css */
.div-item-prj-p[b-fqxmktia7d] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-fqxmktia7d] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

input[b-fqxmktia7d] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.form-control:focus[b-fqxmktia7d] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-fqxmktia7d] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-fqxmktia7d], .form-control[readonly][b-fqxmktia7d] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-fqxmktia7d] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}
/* /Components/CRMComponents/CommandeComponents/FactureClientComponents/CRMFactClientLineComponents/CRMBoxLineFactClient.razor.rz.scp.css */
.box-lab[b-7umef613l3] {
    margin-left: 7px;
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    opacity: 1;
}

.icon-div[b-7umef613l3] {
    margin-top: -3px;
}

.box-p[b-7umef613l3] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #4C4C4C;
    opacity: 1;
    margin-top: -4px;
}

.iconShow[b-7umef613l3] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
}

.opened[b-7umef613l3] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/CRMComponents/CommandeComponents/FactureClientComponents/CRMFactClientLineComponents/CRMBoxMoreInfoFactClient.razor.rz.scp.css */
.IDmvt[b-9qwsqybh0r] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}

.datecss:disabled[b-9qwsqybh0r], .datecss[readonly][b-9qwsqybh0r] {
    background-color: transparent;
    opacity: 1;
}
.datecss:enabled:hover[b-9qwsqybh0r] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
.datecss[b-9qwsqybh0r] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto;
    height: 32px !important;
}

    .datecss:focus[b-9qwsqybh0r] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: url('/icons/icon calnedrier.svg') no-repeat, white;
        background-position: bottom 9px right 10px;
    }
/* /Components/CRMComponents/CommandeComponents/FactureClientComponents/CRMFactClientLineComponents/CRMListLineFactClient.razor.rz.scp.css */
.somme-card[b-m3r7boknoz] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 301px;
    height: 382px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

td[b-m3r7boknoz] {
    border-bottom: 1px solid #E6E6E6 !important;
}

.arrow-span[b-m3r7boknoz] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -19px;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
    z-index: 1;
}

.imgProduit[b-m3r7boknoz] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 6px;
}


.imgSwitch[b-m3r7boknoz] {
    transition-duration: 0.4s;
    transition-property: transform;
}

.th-jrnl[b-m3r7boknoz] {
    padding-left: 7px;
    padding-bottom: 11px;
}

.popover-lab[b-m3r7boknoz] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}

.popover-p[b-m3r7boknoz] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}

.rotate[b-m3r7boknoz] {
    transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}

.opened[b-m3r7boknoz] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/CRMComponents/CommandeComponents/FactureClientComponents/CRMFactClientLineComponents/DivDetailComponents/CRMBtnHeaderFactClient.razor.rz.scp.css */
.left-btn[b-xhujgbnmun] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}
/* /Components/CRMComponents/CommandeComponents/FactureClientComponents/CRMFactClientLineComponents/DivDetailComponents/CRMFormTextFactClient.razor.rz.scp.css */
textarea[b-ctg7vm5baw] {
    background-color: transparent;
    border: none;
    border-radius: 9px;
    height: 100%;
    margin-top: 2px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    margin-right: 20px;
    padding: 9px;
    padding-left: 15px;
}

.form-control:focus[b-ctg7vm5baw] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.champTra[b-ctg7vm5baw] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-ctg7vm5baw] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-ctg7vm5baw] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/CRMComponents/CommandeComponents/FactureClientComponents/CRMFactClientLineComponents/DivDetailComponents/CRMTRDetailFactClient.razor.rz.scp.css */
.left-btn[b-ljc6tag8t9] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}

a[b-ljc6tag8t9] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}
/* /Components/CRMComponents/CommandeComponents/FactureClientComponents/CRMFactClientLineComponents/MoreInfoDetailFactClient.razor.rz.scp.css */
.detail[b-lu05p46grh] {
    border-bottom: 1px solid #F3EEEE;
    display: flex;
    flex-direction: row;
    padding-bottom: 18px;
}

.body-detail[b-lu05p46grh] {
    display: flex;
    flex-direction: row;
    margin-top: 14px;
}

.det[b-lu05p46grh] {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}

.box-lab[b-lu05p46grh] {
    margin-left: 7px;
    font-family: 'GravityBold';
    float: left;
    color: #024662;
    font-size: 14px;
    opacity: 1;
}

.box-p[b-lu05p46grh] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: right;
    color: #4C4C4C;
    opacity: 1;
    margin-bottom: 10px px;
}

.box[b-lu05p46grh] {
    margin-left: 20px;
    margin-top: 20px;
}

.div-group-child-short[b-lu05p46grh] {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.span-name[b-lu05p46grh] {
    padding-top: 8px;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #35414C;
    opacity: 1;
}

.btnDiv:focus[b-lu05p46grh], .btnDiv:focus-visible[b-lu05p46grh], .btnDiv:active[b-lu05p46grh] {
    border: none;
    background: none;
    outline: none;
    height: 54px;
    width: 88px;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
    opacity: 1;
}

.btnDiv[b-lu05p46grh] {
    border: none;
    background: none;
    outline: none;
    color: #024662;
    font-size: 14px;
    font-family: 'GravityBold';
    opacity: 1;
    height: 60px;
    width: 88px;
}

.SubDiv[b-lu05p46grh] {
    margin-left: 7px;
}

.opened[b-lu05p46grh] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/CRMComponents/CommandeComponents/FactureClientComponents/CRMFactClientPage.razor.rz.scp.css */
.IDmvt[b-p2m3wpe2tw] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}
.datecss:disabled[b-p2m3wpe2tw], .datecss[readonly][b-p2m3wpe2tw] {
    background-color: transparent;
    opacity: 1;
}

.datecss[b-p2m3wpe2tw] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto;
    height: 32px !important;
}

    .datecss:focus[b-p2m3wpe2tw] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: url('/icons/icon calnedrier.svg') no-repeat, white;
        background-position: bottom 9px right 10px;
    }
/* /Components/CRMComponents/CommandeComponents/FilterModalCommande.razor.rz.scp.css */

.modal-dialog-filter[b-gqzgge5ms7] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-gqzgge5ms7] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-gqzgge5ms7] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-gqzgge5ms7] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-gqzgge5ms7] {
    margin-top: 17px;
}

.closepop-entrerheure[b-gqzgge5ms7] {
    float: right;
}

.modal-body-filter[b-gqzgge5ms7] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-gqzgge5ms7] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-gqzgge5ms7] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-gqzgge5ms7] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-gqzgge5ms7] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-gqzgge5ms7] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/CommandeComponents/OrderHeaderComponents/OrderStautsComponent.razor.rz.scp.css */
.dot-purple[b-f862hg6n28] {
    height: 8px;
    width: 8px;
    background-color: #019cb1;
    border-radius: 50%;
    display: inline-block;
}

.statu[b-f862hg6n28] {
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-top: 15px;
    margin-right: 20px;
}

.label[b-f862hg6n28] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
}

.dot-red[b-f862hg6n28] {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

.dot-turq[b-f862hg6n28] {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

.dot-blue[b-f862hg6n28] {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

.dot-greenLght[b-f862hg6n28] {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

.dot-green[b-f862hg6n28] {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

.dot-purple0[b-f862hg6n28] {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

.dot-purple[b-f862hg6n28] {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/CRMComponents/CommandeComponents/OrderHeaderComponents/SmallFormsComponents/AddressSmallFormOrder.razor.rz.scp.css */
.div-item-prj-p[b-n7eq1j9a23] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px; 
}

.span-prj-title[b-n7eq1j9a23] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 45%;
}

.address-body[b-n7eq1j9a23] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: 20px;
}

.input-row[b-n7eq1j9a23] {
    display: flex;
    flex-direction: row;
    align-items: center;
}


input[b-n7eq1j9a23] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto; /* Adjust the width as needed */
    margin-right: 10px;
    height: 32px !important;
}

.form-control:focus[b-n7eq1j9a23] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-n7eq1j9a23] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-n7eq1j9a23], .form-control[readonly][b-n7eq1j9a23] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-n7eq1j9a23] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}
/* /Components/CRMComponents/CommandeComponents/OrderLineViewsCompnents/BoxLineOrderComponent.razor.rz.scp.css */
.box-lab[b-mt432b63lo] {
    margin-left: 7px;
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    opacity: 1;
}
.icon-div[b-mt432b63lo] {
    margin-top: -3px;
}
.box-p[b-mt432b63lo] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #4C4C4C;
    opacity: 1;
    margin-top: -4px;
}

.iconShow[b-mt432b63lo] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
}
.opened[b-mt432b63lo] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/CRMComponents/CommandeComponents/OrderLineViewsCompnents/BoxMoreInfo.razor.rz.scp.css */

.IDmvt[b-8ngedla7qg] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}
/* /Components/CRMComponents/CommandeComponents/OrderLineViewsCompnents/DetailListComponents/BtnHeaderDetails.razor.rz.scp.css */
.left-btn[b-qkq3xze0tq] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}

a[b-qkq3xze0tq] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}

img[b-qkq3xze0tq] {
    width: 20px;
    height: 20px;
}
/* /Components/CRMComponents/CommandeComponents/OrderLineViewsCompnents/DetailListComponents/DivDetailTr.razor.rz.scp.css */
body[b-9eagpzy0dc] {
}
/* /Components/CRMComponents/CommandeComponents/OrderLineViewsCompnents/DetailListComponents/FormFinance.razor.rz.scp.css */
.champTra[b-a3cu9kqvkq] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-a3cu9kqvkq] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-a3cu9kqvkq] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
.span-prj-title[b-a3cu9kqvkq] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}
/* /Components/CRMComponents/CommandeComponents/OrderLineViewsCompnents/DetailListComponents/FormLivraison.razor.rz.scp.css */
.champTra[b-as0lcfzh4f] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-as0lcfzh4f] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-as0lcfzh4f] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/CRMComponents/CommandeComponents/OrderLineViewsCompnents/DetailListComponents/FormProjet.razor.rz.scp.css */
.champTra[b-y4bcigl7ui] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-y4bcigl7ui] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-y4bcigl7ui] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/CRMComponents/CommandeComponents/OrderLineViewsCompnents/DetailListComponents/FormSuivi.razor.rz.scp.css */
body[b-ibcn2o0ohc] {
}
/* /Components/CRMComponents/CommandeComponents/OrderLineViewsCompnents/DetailListComponents/FormTexte.razor.rz.scp.css */
textarea[b-oxc8pqmv9v] {
    background-color: transparent;
    border: none;
    border-radius: 9px;
    height: 100%;
    margin-top: 2px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    margin-right: 20px;
    padding: 9px;
    padding-left: 15px;
}

.form-control:focus[b-oxc8pqmv9v] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}
.champTra[b-oxc8pqmv9v] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-oxc8pqmv9v] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-oxc8pqmv9v] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/CRMComponents/CommandeComponents/OrderLineViewsCompnents/DetailListComponents/FormTracabilite.razor.rz.scp.css */
.champTra[b-zlglrrpeyq] {
    display: flex;
    flex-direction: column;
}


.btnDiv:focus[b-zlglrrpeyq] {
    outline: none;
    border: none;
    outline: none;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
}

.btnDiv[b-zlglrrpeyq] {
    height: 52px;
    width: 88px;
    background: none;
    border: none;
    color: #024662;
}

.champDet[b-zlglrrpeyq] {
    display: flex;
    flex-direction: column;
}

.lineDet[b-zlglrrpeyq] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelDet[b-zlglrrpeyq] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}

.champTra[b-zlglrrpeyq] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-zlglrrpeyq] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-zlglrrpeyq] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/CRMComponents/CommandeComponents/OrderLineViewsCompnents/ListLineOrderCompnent.razor.rz.scp.css */
.somme-card[b-zizbafmnjl] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 301px;
    height: 382px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}
td[b-zizbafmnjl] {
    border-bottom: 1px solid #E6E6E6 !important;
}
.arrow-span[b-zizbafmnjl] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -19px;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
    z-index: 1;
}

.imgProduit[b-zizbafmnjl] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 6px;
}


.imgSwitch[b-zizbafmnjl] {
    transition-duration: 0.4s;
    transition-property: transform;
}

.th-jrnl[b-zizbafmnjl] {
    padding-left: 7px;
    padding-bottom: 11px;
}

.popover-lab[b-zizbafmnjl] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}

.popover-p[b-zizbafmnjl] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}

.rotate[b-zizbafmnjl] {
    transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}
.opened[b-zizbafmnjl] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}

/* /Components/CRMComponents/CommandeComponents/OrderLineViewsCompnents/MoreInfoDetail.razor.rz.scp.css */
.detail[b-gkzpzlojjd] {
    border-bottom: 1px solid #F3EEEE;
    display: flex;
    flex-direction: row;
    padding-bottom: 18px;
}

.body-detail[b-gkzpzlojjd] {
    display: flex;
    flex-direction: row;
    margin-top: 14px;
}

.det[b-gkzpzlojjd] {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}

.box-lab[b-gkzpzlojjd] {
    margin-left: 7px;
    font-family: 'GravityBold';
    float: left;
    color: #024662;
    font-size: 14px;
    opacity: 1;
}

.box-p[b-gkzpzlojjd] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: right;
    color: #4C4C4C;
    opacity: 1;
    margin-bottom: 10px px;
}

.box[b-gkzpzlojjd] {
    margin-left: 20px;
    margin-top: 20px;
}

.div-group-child-short[b-gkzpzlojjd] {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.span-name[b-gkzpzlojjd] {
    padding-top: 8px;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #35414C;
    opacity: 1;
}

.btnDiv:focus[b-gkzpzlojjd], .btnDiv:focus-visible[b-gkzpzlojjd], .btnDiv:active[b-gkzpzlojjd] {
    border: none;
    background: none;
    outline: none;
    height: 54px;
    width: 88px;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
    opacity: 1;
}

.btnDiv[b-gkzpzlojjd] {
    border: none;
    background: none;
    outline: none;
    color: #024662;
    font-size: 14px;
    font-family: 'GravityBold';
    opacity: 1;
    height: 60px;
    width: 88px;
}

.SubDiv[b-gkzpzlojjd] {
    margin-left: 7px;
}
.opened[b-gkzpzlojjd] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/CRMComponents/CommandeComponents/RelatedInfo/RelatedInfoComponent.razor.rz.scp.css */
.div-box-action[b-rttr9calk6] {
    width: 51px;
    height: 45px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    z-index: 1;
    background: rgba(230,234,237,.2);
}

.img-action[b-rttr9calk6] {
    width: 28px;
    height: 28px;
    margin-left: 10px;
    margin-top: 10px;
}

.ul-action[b-rttr9calk6] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #40414240;
    border-radius: 5px;
    opacity: 1;
    width: 387px;
    height: 100vh;
    z-index: 1;
    box-shadow: 3px 3px 6px #0000008c;
}

.li-action[b-rttr9calk6] {
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
}
p[b-rttr9calk6] {
    color: #024662;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    font-family: 'GravityBold';
    margin-left: 110px;
}
.relatedInfo[b-rttr9calk6] {
    float: left;
    width: 233px;
    height: 133px;
    background-position: 50% 50%;
    background-size: 27%;
    margin-top: -14px;
    margin-left: 15px;
    margin-bottom: 25px;
}
.span-name[b-rttr9calk6] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    margin-left: 35px;
}
.span-num:hover[b-rttr9calk6] {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}
/* /Components/CRMComponents/CommandeComponents/SimilarProductComponent.razor.rz.scp.css */
.similaire[b-rikng0tdbk] {
    font-family: 'GravityBold';
    font-size: 16px;
    color: #414042;
    text-align:left;
}
.product-card[b-rikng0tdbk] {
    width: 202.12px;
    height: 239.23px;
    background-color: #F8F8F8;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    margin-right: 23px;
}
.image-produit[b-rikng0tdbk] {
    height: 80px;
    width: 100px;
    margin-left: 28px;
    margin-top: 24px;
}
.type[b-rikng0tdbk] {
    font-size: 12px;
    text-align: center;
    font-family: 'GravityRegular';
    color: #7A91AA;
}
.nom[b-rikng0tdbk] {
    font-size: 14px;
    text-align: center;
    font-family: 'GravityBold';
    color: #024662;
}
.description[b-rikng0tdbk] {
    font-size: 9px;
    text-align: center;
    font-family: 'GravityBold';
    color: #666666;
}
.bottom[b-rikng0tdbk] {
    width: 100%;
    height: 41.37px;
    border: 1px solid #7a91aa33;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
}
.content-prod[b-rikng0tdbk] {
    display: flex;
    flex-direction: column;
    width: 153px;
    margin-left: 20px;
    margin-top: 10px;
}
.right[b-rikng0tdbk] {
    width: 40px;
    padding: 7px;
}
.left[b-rikng0tdbk] {
    display: flex;
    flex-direction: column;
    margin-left: 85px;
    margin-top: 3px;
}
.prix[b-rikng0tdbk] {
    font-size: 11px;
    color: #7A91AA;
    font-family:'GravityRegular';
}
/* /Components/CRMComponents/CommandeComponents/TaxPopUpchargeDvrs.razor.rz.scp.css */
.css-shapes-formplus[b-1kg7hst1io] {
    filter: drop-shadow(2px 1px 2px #838384);
    margin-top: -3px;
    margin-right: 10px;
    margin-bottom: -10px;
    margin-left: 10px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 33px;
    width: 33px;
    background-color: #007bc5;
    border-radius: 150px;
    cursor: pointer;
}

.listsegment1[b-1kg7hst1io] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    filter: drop-shadow(2px 1px 2px #838384);
    background-color: #fff;
    position: absolute;
    z-index: 10;
    min-width: 282px;
    margin-left: 83px;
    min-height: 336px;
    margin-top: -99px;
}

.somme-triang[b-1kg7hst1io] {
    margin-top: -23px;
    margin-left: 70px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    transform: rotate(-90deg);
    font-size: 20px;
}
.container1[b-1kg7hst1io] {
    text-align: left;
    height: 228px;
    overflow-y: scroll;
    line-height: 36px;
}

.spansegment[b-1kg7hst1io] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'GravityBold';
    color: #FFFFFF;
    text-align: left;
    margin-top: -11px;
    background-color: #F7931E;
    height: 42px;
    padding-top: 10px;
    padding-left: 20px;
}

.css-shapes-form-plus[b-1kg7hst1io] {
    margin-top: 23px;
    margin-right: 138px;
    margin-bottom: 10px;
    margin-left: 10px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    position: absolute;
    height: 43px;
    border-radius: 150px;
}

.search[b-1kg7hst1io] {
    background-color: #EFEFEF;
    width: 280px;
    border: none;
    padding-left: 20px;
    height: 41px;
}

    .search:focus[b-1kg7hst1io] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    }

.pourcent[b-1kg7hst1io] {
    margin-left: 74px;
}
/* /Components/CRMComponents/ContactComponents/ContactComponent.razor.rz.scp.css */
.div-group[b-pwikp9lrlo] {
    display: flex;
    flex-direction: column;
    margin: 10px;
    padding-left: 15px;
}
.span-mail[b-pwikp9lrlo] {
    font-family: 'GravityRegular';
    font-size: 13px;
    text-align: left;
    text-decoration: underline;
    letter-spacing: 0.26px;
    color: #2196F3;
    opacity: 1;
    padding-left: 5px;
}
.span-phoneNumber[b-pwikp9lrlo] {
    font-family: 'GravityRegular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    padding-left: 5px;
}
/* /Components/CRMComponents/ContactComponents/ContactDetailsComponent.razor.rz.scp.css */

.div-group-child[b-kukl0kjr4y] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.span-code[b-kukl0kjr4y] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

span.name[b-kukl0kjr4y] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    margin-left: 15px;
}
/* /Components/CRMComponents/ContactComponents/ContactListCardsComponent.razor.rz.scp.css */
.div-list[b-ctwv6se53s] {
    box-shadow: 2px 2px 4px #02171e33;
    z-index: 1;
    min-width: 20%;
    overflow: auto;
    min-height: 385px;
    height:389px;
    border-bottom-left-radius: 8px;
}
/* /Components/CRMComponents/ContactComponents/ContactPageComponent.razor.rz.scp.css */
body[b-jyy40pp7oc] {
}
/* /Components/CRMComponents/ContactComponents/ContactsListComponent.razor.rz.scp.css */
@media screen and (min-width:1700px) {
    .container-list[b-v0r1qlxund] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 779px;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-v0r1qlxund] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 562px;
    }
}
@media screen and (min-width:1700px) {
    .container-list1[b-v0r1qlxund] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list1[b-v0r1qlxund] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
    }
}
.div-cont1[b-v0r1qlxund] {
    max-height: 300px;
    overflow-y: auto;
}
/* /Components/CRMComponents/ContactComponents/FilterModalContact.razor.rz.scp.css */

.modal-dialog-filter[b-h0f131aitz] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-h0f131aitz] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-h0f131aitz] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-h0f131aitz] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-h0f131aitz] {
    margin-top: 17px;
}

.closepop-entrerheure[b-h0f131aitz] {
    float: right;
}

.modal-body-filter[b-h0f131aitz] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-h0f131aitz] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-h0f131aitz] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-h0f131aitz] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-h0f131aitz] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-h0f131aitz] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ContactComponents/GeneralContentsComponent.razor.rz.scp.css */
.produit[b-lwsh76krqb] {
    background-size: 40px;
    width: 200px;
    height: 150px;
    border: 1px dashed #024662;
    box-shadow: 0px 0px 13px rgb(67 74 84 / 50%);
    margin-left: auto;
    color: #024662;
    font-size: 14px;
    text-align: center;
    font-family: Franklin Gothic;
    vertical-align: central;
    opacity: 0.9;
}

.line[b-lwsh76krqb] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    columns: 3 ;
    place-content: space-between;
}




.line2[b-lwsh76krqb] {
    columns: 2;
}
/* /Components/CRMComponents/ContactComponents/ProfileComponent.razor.rz.scp.css */
.div-group[b-zjg2ja48i6] {
    display: flex;
    margin: 20px;
    padding-left: 15px;
    margin-left: 0px;
}

.div-group-child[b-zjg2ja48i6] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.img-round[b-zjg2ja48i6] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
}
.upload-img-icon[b-zjg2ja48i6] {
    z-index: 1;
    margin-right: -13px;
}
.img-contact[b-zjg2ja48i6] {
    width: 44px;
    height: 44px;
}

.span-organization[b-zjg2ja48i6] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    margin-left: 5px;
}

.span-name[b-zjg2ja48i6] {
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 15px;
    margin-left: 5px;
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/CRMComponents/ContactComponents/ProfileSmallComponent.razor.rz.scp.css */
.div-group[b-arc22pg4j4] {
    display: flex;
    margin: 20px;
    padding-left: 15px;
    margin-left: 0px;
}

.div-group-child[b-arc22pg4j4] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.img-round[b-arc22pg4j4] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
}
.upload-img-icon[b-arc22pg4j4] {
    z-index: 1;
    margin-right: -13px;
}
.img-contact[b-arc22pg4j4] {
    width: 44px;
    height: 44px;
}

.span-organization[b-arc22pg4j4] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    margin-left: 5px;
}

.span-name[b-arc22pg4j4] {
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 15px;
    margin-left: 5px;
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/CRMComponents/ContactComponents/ViewComponents/ContactGridComponent.razor.rz.scp.css */
*[b-bufql4c1um] {
    box-sizing: border-box;
}

.top[b-bufql4c1um] {
    margin-top: -16px;
    margin-bottom: -30px;
}

.img-roundC[b-bufql4c1um] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #268BFD;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 7px;
}

.column[b-bufql4c1um] {
    float: left;
    width: 50%;
    padding: 0 10px;
}
.div-header[b-bufql4c1um] {
    justify-content: space-between;
    display: flex;
    width: 100%;
}
/* /Components/CRMComponents/ContactComponents/ViewComponents/ContactListComponent.razor.rz.scp.css */
@media screen and (min-width:1700px) {
    .container-list[b-ndibcytoms] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 779px;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-ndibcytoms] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 562px;
    }
}
/* /Components/CRMComponents/FinanceComponents/FinanceFormComponent.razor.rz.scp.css */
.span-title[b-cyn1b4g40v] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 2px;
/*    padding-left: 15px;
*/}
.div-item[b-cyn1b4g40v] {
    padding-top: 7px;
    padding-bottom: 5px;
    padding-right: 11px;
}
.span-prj-title[b-cyn1b4g40v] {
    font-family: 'GravityRegular';
    font-size: 14px;
    padding-top: 9px;
    color: #35414C;
}
/* /Components/CRMComponents/LeadProspectComponents/FilterModalProspectLead.razor.rz.scp.css */

.modal-dialog-filter[b-4wfm7wlgkf] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-4wfm7wlgkf] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-4wfm7wlgkf] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-4wfm7wlgkf] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-4wfm7wlgkf] {
    margin-top: 17px;
}

.closepop-entrerheure[b-4wfm7wlgkf] {
    float: right;
}

.modal-body-filter[b-4wfm7wlgkf] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-4wfm7wlgkf] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-4wfm7wlgkf] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-4wfm7wlgkf] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-4wfm7wlgkf] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-4wfm7wlgkf] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/OpportunityComponents/FilterModalOpportunity.razor.rz.scp.css */

.modal-dialog-filter[b-80pvmftew7] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-80pvmftew7] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-80pvmftew7] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-80pvmftew7] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-80pvmftew7] {
    margin-top: 17px;
}

.closepop-entrerheure[b-80pvmftew7] {
    float: right;
}

.modal-body-filter[b-80pvmftew7] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-80pvmftew7] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-80pvmftew7] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-80pvmftew7] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-80pvmftew7] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-80pvmftew7] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/OpportunityComponents/GeneralContentsComponent.razor.rz.scp.css */
.datecss:disabled[b-pwdjhkednf], .datecss[readonly][b-pwdjhkednf] {
    background-color: transparent;
    opacity: 1;
}
.datecss:enabled:hover[b-pwdjhkednf] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
.datecss[b-pwdjhkednf] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto;
    height: 32px !important;
}
    .datecss:focus[b-pwdjhkednf] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: url('/icons/icon calnedrier.svg') no-repeat, white;
        background-position: bottom 9px right 10px;
    }
/* /Components/CRMComponents/ParametrageComponents/ClassificationComponents/FilterModalClassification.razor.rz.scp.css */

.modal-dialog-filter[b-ph9vt89c4s] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-ph9vt89c4s] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-ph9vt89c4s] {
        left: -160px;
    }
}
.modal-header-filter[b-ph9vt89c4s] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-ph9vt89c4s] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-ph9vt89c4s] {
    margin-top: 17px;
}

.closepop-entrerheure[b-ph9vt89c4s] {
    float: right;
}

.modal-body-filter[b-ph9vt89c4s] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-ph9vt89c4s] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-ph9vt89c4s] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-ph9vt89c4s] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-ph9vt89c4s] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-ph9vt89c4s] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/DistrictComponents/FilterModalDistrtict.razor.rz.scp.css */

.modal-dialog-filter[b-h6hh5mjmkr] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-h6hh5mjmkr] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-h6hh5mjmkr] {
        left: -160px;
    }
}
.modal-header-filter[b-h6hh5mjmkr] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-h6hh5mjmkr] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-h6hh5mjmkr] {
    margin-top: 17px;
}

.closepop-entrerheure[b-h6hh5mjmkr] {
    float: right;
}

.modal-body-filter[b-h6hh5mjmkr] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-h6hh5mjmkr] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-h6hh5mjmkr] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-h6hh5mjmkr] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-h6hh5mjmkr] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-h6hh5mjmkr] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/EscompteComponents/FilterModalEscompte.razor.rz.scp.css */

.modal-dialog-filter[b-ggwfemwdss] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-ggwfemwdss] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-ggwfemwdss] {
        left: -160px;
    }
}
.modal-header-filter[b-ggwfemwdss] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-ggwfemwdss] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-ggwfemwdss] {
    margin-top: 17px;
}

.closepop-entrerheure[b-ggwfemwdss] {
    float: right;
}

.modal-body-filter[b-ggwfemwdss] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-ggwfemwdss] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-ggwfemwdss] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-ggwfemwdss] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-ggwfemwdss] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-ggwfemwdss] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/EtapeComponents/FilterModalEtape.razor.rz.scp.css */

.modal-dialog-filter[b-frm51tr0n0] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-frm51tr0n0] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-frm51tr0n0] {
        left: -160px;
    }
}
.modal-header-filter[b-frm51tr0n0] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-frm51tr0n0] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-frm51tr0n0] {
    margin-top: 17px;
}

.closepop-entrerheure[b-frm51tr0n0] {
    float: right;
}

.modal-body-filter[b-frm51tr0n0] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-frm51tr0n0] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-frm51tr0n0] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-frm51tr0n0] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-frm51tr0n0] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-frm51tr0n0] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/EvaluationComponents/FilterModalEvaluation.razor.rz.scp.css */

.modal-dialog-filter[b-bd6roryh8n] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-bd6roryh8n] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-bd6roryh8n] {
        left: -160px;
    }
}
.modal-header-filter[b-bd6roryh8n] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-bd6roryh8n] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-bd6roryh8n] {
    margin-top: 17px;
}

.closepop-entrerheure[b-bd6roryh8n] {
    float: right;
}

.modal-body-filter[b-bd6roryh8n] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-bd6roryh8n] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-bd6roryh8n] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-bd6roryh8n] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-bd6roryh8n] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-bd6roryh8n] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/GroupeComponents/FilterModalGroupe.razor.rz.scp.css */

.modal-dialog-filter[b-1dbtwxfl2h] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-1dbtwxfl2h] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-1dbtwxfl2h] {
        left: -160px;
    }
}
.modal-header-filter[b-1dbtwxfl2h] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-1dbtwxfl2h] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-1dbtwxfl2h] {
    margin-top: 17px;
}

.closepop-entrerheure[b-1dbtwxfl2h] {
    float: right;
}

.modal-body-filter[b-1dbtwxfl2h] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-1dbtwxfl2h] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-1dbtwxfl2h] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-1dbtwxfl2h] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-1dbtwxfl2h] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-1dbtwxfl2h] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/MagasinComponents/FilterModalMagasin.razor.rz.scp.css */

.modal-dialog-filter[b-ug66eixef6] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-ug66eixef6] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-ug66eixef6] {
        left: -160px;
    }
}
.modal-header-filter[b-ug66eixef6] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-ug66eixef6] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-ug66eixef6] {
    margin-top: 17px;
}

.closepop-entrerheure[b-ug66eixef6] {
    float: right;
}

.modal-body-filter[b-ug66eixef6] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-ug66eixef6] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-ug66eixef6] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-ug66eixef6] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-ug66eixef6] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-ug66eixef6] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
.inputSelectSimple[b-ug66eixef6] {
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    outline: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding-left: 15px;
    color: #35414C;
    font-weight: 400;
    line-height: 1.5;
    height: calc(1.5em + 0.75rem + 2px);
    display: block;
    /*
      box-shadow: 0 0 0 0.09rem rgb(40 167 69 / 25%);
  */
    margin-top: 0px !important;
}
    .inputSelectSimple:hover[b-ug66eixef6] {
        box-shadow: 0 0 0 0.09rem rgb(40 167 69 / 25%);
    }
/* /Components/CRMComponents/ParametrageComponents/ModeLivraisonComponents/FilterModalModelLivraison.razor.rz.scp.css */

.modal-dialog-filter[b-v8di51ya2q] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-v8di51ya2q] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-v8di51ya2q] {
        left: -160px;
    }
}
.modal-header-filter[b-v8di51ya2q] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-v8di51ya2q] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-v8di51ya2q] {
    margin-top: 17px;
}

.closepop-entrerheure[b-v8di51ya2q] {
    float: right;
}

.modal-body-filter[b-v8di51ya2q] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-v8di51ya2q] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-v8di51ya2q] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-v8di51ya2q] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-v8di51ya2q] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-v8di51ya2q] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/RaisonAjustementComponents/FilterModalRaisonAjustement.razor.rz.scp.css */

.modal-dialog-filter[b-3l3rcaxfgj] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-3l3rcaxfgj] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-3l3rcaxfgj] {
        left: -160px;
    }
}
.modal-header-filter[b-3l3rcaxfgj] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-3l3rcaxfgj] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-3l3rcaxfgj] {
    margin-top: 17px;
}

.closepop-entrerheure[b-3l3rcaxfgj] {
    float: right;
}

.modal-body-filter[b-3l3rcaxfgj] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-3l3rcaxfgj] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-3l3rcaxfgj] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-3l3rcaxfgj] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-3l3rcaxfgj] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-3l3rcaxfgj] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/RaisonConfirmationComponents/FilterModalRaisonConfirmation.razor.rz.scp.css */

.modal-dialog-filter[b-bsv5ta4sxy] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-bsv5ta4sxy] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-bsv5ta4sxy] {
        left: -160px;
    }
}
.modal-header-filter[b-bsv5ta4sxy] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-bsv5ta4sxy] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-bsv5ta4sxy] {
    margin-top: 17px;
}

.closepop-entrerheure[b-bsv5ta4sxy] {
    float: right;
}

.modal-body-filter[b-bsv5ta4sxy] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-bsv5ta4sxy] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-bsv5ta4sxy] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-bsv5ta4sxy] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-bsv5ta4sxy] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-bsv5ta4sxy] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/RaisonRefusComponents/FilterModalRaisonRefus.razor.rz.scp.css */

.modal-dialog-filter[b-qhgbe7xcks] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-qhgbe7xcks] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-qhgbe7xcks] {
        left: -160px;
    }
}
.modal-header-filter[b-qhgbe7xcks] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-qhgbe7xcks] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-qhgbe7xcks] {
    margin-top: 17px;
}

.closepop-entrerheure[b-qhgbe7xcks] {
    float: right;
}

.modal-body-filter[b-qhgbe7xcks] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-qhgbe7xcks] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-qhgbe7xcks] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-qhgbe7xcks] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-qhgbe7xcks] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-qhgbe7xcks] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/SourceComponents/FilterModalSource.razor.rz.scp.css */

.modal-dialog-filter[b-pdxnadf3bb] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-pdxnadf3bb] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-pdxnadf3bb] {
        left: -160px;
    }
}
.modal-header-filter[b-pdxnadf3bb] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-pdxnadf3bb] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-pdxnadf3bb] {
    margin-top: 17px;
}

.closepop-entrerheure[b-pdxnadf3bb] {
    float: right;
}

.modal-body-filter[b-pdxnadf3bb] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-pdxnadf3bb] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-pdxnadf3bb] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-pdxnadf3bb] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-pdxnadf3bb] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-pdxnadf3bb] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/StatutComponents/FilterModalStatut.razor.rz.scp.css */

.modal-dialog-filter[b-jkq6a6rlbo] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-jkq6a6rlbo] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-jkq6a6rlbo] {
        left: -160px;
    }
}
.modal-header-filter[b-jkq6a6rlbo] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-jkq6a6rlbo] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-jkq6a6rlbo] {
    margin-top: 17px;
}

.closepop-entrerheure[b-jkq6a6rlbo] {
    float: right;
}

.modal-body-filter[b-jkq6a6rlbo] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-jkq6a6rlbo] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-jkq6a6rlbo] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-jkq6a6rlbo] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-jkq6a6rlbo] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-jkq6a6rlbo] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/TermeLivraisonComponents/FilterModalTermeLivraison.razor.rz.scp.css */

.modal-dialog-filter[b-rdajnt635h] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-rdajnt635h] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-rdajnt635h] {
        left: -160px;
    }
}
.modal-header-filter[b-rdajnt635h] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-rdajnt635h] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-rdajnt635h] {
    margin-top: 17px;
}

.closepop-entrerheure[b-rdajnt635h] {
    float: right;
}

.modal-body-filter[b-rdajnt635h] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-rdajnt635h] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-rdajnt635h] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-rdajnt635h] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-rdajnt635h] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-rdajnt635h] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/TermePaiementComponents/FilterModalTermePaiement.razor.rz.scp.css */

.modal-dialog-filter[b-jw4iucxw2j] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-jw4iucxw2j] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-jw4iucxw2j] {
        left: -160px;
    }
}
.modal-header-filter[b-jw4iucxw2j] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-jw4iucxw2j] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-jw4iucxw2j] {
    margin-top: 17px;
}

.closepop-entrerheure[b-jw4iucxw2j] {
    float: right;
}

.modal-body-filter[b-jw4iucxw2j] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-jw4iucxw2j] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-jw4iucxw2j] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-jw4iucxw2j] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-jw4iucxw2j] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-jw4iucxw2j] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/TrajetComponents/FilterModalTrajet.razor.rz.scp.css */

.modal-dialog-filter[b-yw1o3joz1w] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-yw1o3joz1w] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-yw1o3joz1w] {
        left: -160px;
    }
}
.modal-header-filter[b-yw1o3joz1w] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-yw1o3joz1w] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-yw1o3joz1w] {
    margin-top: 17px;
}

.closepop-entrerheure[b-yw1o3joz1w] {
    float: right;
}

.modal-body-filter[b-yw1o3joz1w] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-yw1o3joz1w] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-yw1o3joz1w] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-yw1o3joz1w] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-yw1o3joz1w] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-yw1o3joz1w] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/TypeInfoContactComponents/FilterModalTypeContactInfo.razor.rz.scp.css */

.modal-dialog-filter[b-h0mqbvswd3] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-h0mqbvswd3] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-h0mqbvswd3] {
        left: -160px;
    }
}
.modal-header-filter[b-h0mqbvswd3] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-h0mqbvswd3] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-h0mqbvswd3] {
    margin-top: 17px;
}

.closepop-entrerheure[b-h0mqbvswd3] {
    float: right;
}

.modal-body-filter[b-h0mqbvswd3] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-h0mqbvswd3] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-h0mqbvswd3] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-h0mqbvswd3] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-h0mqbvswd3] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-h0mqbvswd3] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/TypeResponsableComponents/FilterModalTypeResponsable.razor.rz.scp.css */

.modal-dialog-filter[b-0gk56xlxa1] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-0gk56xlxa1] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-0gk56xlxa1] {
        left: -160px;
    }
}
.modal-header-filter[b-0gk56xlxa1] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-0gk56xlxa1] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-0gk56xlxa1] {
    margin-top: 17px;
}

.closepop-entrerheure[b-0gk56xlxa1] {
    float: right;
}

.modal-body-filter[b-0gk56xlxa1] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-0gk56xlxa1] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-0gk56xlxa1] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-0gk56xlxa1] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-0gk56xlxa1] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-0gk56xlxa1] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ParametrageComponents/VilleComponents/FilterModalVille.razor.rz.scp.css */

.modal-dialog-filter[b-fhnviw1ckk] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-fhnviw1ckk] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-fhnviw1ckk] {
        left: -160px;
    }
}
.modal-header-filter[b-fhnviw1ckk] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-fhnviw1ckk] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-fhnviw1ckk] {
    margin-top: 17px;
}

.closepop-entrerheure[b-fhnviw1ckk] {
    float: right;
}

.modal-body-filter[b-fhnviw1ckk] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-fhnviw1ckk] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-fhnviw1ckk] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-fhnviw1ckk] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-fhnviw1ckk] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-fhnviw1ckk] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/ResponsableComponent/ResponsibleComponent.razor.rz.scp.css */
@media  screen and (min-width:1700px){
    .container-list[b-cu5q5xts0g] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 779px;
    }
}

@media  screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-cu5q5xts0g] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 562px;
    }
}
/* /Components/CRMComponents/SoumissionComponents/FilterModalSoumission.razor.rz.scp.css */

.modal-dialog-filter[b-qtun9wquir] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-qtun9wquir] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-qtun9wquir] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-qtun9wquir] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-qtun9wquir] {
    margin-top: 17px;
}

.closepop-entrerheure[b-qtun9wquir] {
    float: right;
}

.modal-body-filter[b-qtun9wquir] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-qtun9wquir] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-qtun9wquir] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-qtun9wquir] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-qtun9wquir] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-qtun9wquir] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/CRMComponents/SoumissionComponents/SoumissionHeaderComponents/HeaderSmallForms/SAddressSmallForm.razor.rz.scp.css */
.div-item-prj-p[b-p4q0dah1f8] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.span-prj-title[b-p4q0dah1f8] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 45%;
}

.address-body[b-p4q0dah1f8] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: 20px;
}

.input-row[b-p4q0dah1f8] {
    display: flex;
    flex-direction: row;
    align-items: center;
}


input[b-p4q0dah1f8] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto; /* Adjust the width as needed */
    margin-right: 10px;
    height: 32px !important;
}

.form-control:focus[b-p4q0dah1f8] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-p4q0dah1f8] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-p4q0dah1f8], .form-control[readonly][b-p4q0dah1f8] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-p4q0dah1f8] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}
/* /Components/CRMComponents/SoumissionComponents/SoumissionHeaderComponents/SoumissionHeaderContent.razor.rz.scp.css */
body[b-lte1w741pu] {
}
/* /Components/CRMComponents/SoumissionComponents/SoumissionHeaderComponents/SubmissionStatut.razor.rz.scp.css */
.dot-purple[b-pr5p4ulub3] {
    height: 8px;
    width: 8px;
    background-color: #019cb1;
    border-radius: 50%;
    display: inline-block;
}

.statu[b-pr5p4ulub3] {
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-top: 15px;
    margin-right: 20px;
}

.label[b-pr5p4ulub3] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
}

.dot-red[b-pr5p4ulub3] {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

.dot-turq[b-pr5p4ulub3] {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

.dot-blue[b-pr5p4ulub3] {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

.dot-greenLght[b-pr5p4ulub3] {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

.dot-green[b-pr5p4ulub3] {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

.dot-purple0[b-pr5p4ulub3] {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

.dot-purple[b-pr5p4ulub3] {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/CRMComponents/SoumissionComponents/SoumissionLineViewsComponents/BoxLineSoumission.razor.rz.scp.css */
.box-lab[b-18uj03t36g] {
    margin-left: 7px;
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    opacity: 1;
}

.icon-div[b-18uj03t36g] {
    margin-top: -3px;
}

.box-p[b-18uj03t36g] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #4C4C4C;
    opacity: 1;
    margin-top: -4px;
}

.iconShow[b-18uj03t36g] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
}

.opened[b-18uj03t36g] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/CRMComponents/SoumissionComponents/SoumissionLineViewsComponents/DetailLineComponents/SBtnHeaderDetails.razor.rz.scp.css */
.left-btn[b-03xekdtvs9] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}

a[b-03xekdtvs9] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}

img[b-03xekdtvs9] {
    width: 20px;
    height: 20px;
}
/* /Components/CRMComponents/SoumissionComponents/SoumissionLineViewsComponents/DetailLineComponents/SDeliveryForm.razor.rz.scp.css */
.champTra[b-kps43pmn7f] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-kps43pmn7f] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-kps43pmn7f] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/CRMComponents/SoumissionComponents/SoumissionLineViewsComponents/DetailLineComponents/SFinanceForm.razor.rz.scp.css */
.champTra[b-abtzgvrclr] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-abtzgvrclr] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-abtzgvrclr] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}

.span-prj-title[b-abtzgvrclr] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}
/* /Components/CRMComponents/SoumissionComponents/SoumissionLineViewsComponents/DetailLineComponents/SFormTracabilite.razor.rz.scp.css */
.champTra[b-3pmiqleaqm] {
    display: flex;
    flex-direction: column;
}


.btnDiv:focus[b-3pmiqleaqm] {
    outline: none;
    border: none;
    outline: none;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
}

.btnDiv[b-3pmiqleaqm] {
    height: 52px;
    width: 88px;
    background: none;
    border: none;
    color: #024662;
}

.champDet[b-3pmiqleaqm] {
    display: flex;
    flex-direction: column;
}

.lineDet[b-3pmiqleaqm] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelDet[b-3pmiqleaqm] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}

.champTra[b-3pmiqleaqm] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-3pmiqleaqm] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-3pmiqleaqm] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/CRMComponents/SoumissionComponents/SoumissionLineViewsComponents/DetailLineComponents/Sprojetform.razor.rz.scp.css */
.champTra[b-9old2694n1] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-9old2694n1] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-9old2694n1] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/CRMComponents/SoumissionComponents/SoumissionLineViewsComponents/DetailLineComponents/STextForm.razor.rz.scp.css */
textarea[b-6h1ii62ntx] {
    background-color: transparent;
    border: none;
    border-radius: 9px;
    height: 100%;
    margin-top: 2px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    margin-right: 20px;
    padding: 9px;
    padding-left: 15px;
}

.form-control:focus[b-6h1ii62ntx] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.champTra[b-6h1ii62ntx] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-6h1ii62ntx] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-6h1ii62ntx] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/CRMComponents/SoumissionComponents/SoumissionLineViewsComponents/ListLineSoumission.razor.rz.scp.css */
.somme-card[b-ypp478c6kj] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 301px;
    height: 382px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

td[b-ypp478c6kj] {
    border-bottom: 1px solid #E6E6E6 !important;
}

.arrow-span[b-ypp478c6kj] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -19px;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
    z-index: 1;
}

.imgProduit[b-ypp478c6kj] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 6px;
}


.imgSwitch[b-ypp478c6kj] {
    transition-duration: 0.4s;
    transition-property: transform;
}

.th-jrnl[b-ypp478c6kj] {
    padding-left: 7px;
    padding-bottom: 11px;
}

.popover-lab[b-ypp478c6kj] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}

.popover-p[b-ypp478c6kj] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}

.rotate[b-ypp478c6kj] {
    transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}

.opened[b-ypp478c6kj] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/CRMComponents/SoumissionComponents/SoumissionLineViewsComponents/SoumissionBoxMoreInfo.razor.rz.scp.css */

.IDmvt[b-pwabrnygbg] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}
/* /Components/CRMComponents/SoumissionComponents/SoumissionLineViewsComponents/SoumissionMoreInfoDetail.razor.rz.scp.css */
.detail[b-ycd45d97l5] {
    border-bottom: 1px solid #F3EEEE;
    display: flex;
    flex-direction: row;
    padding-bottom: 18px;
}

.body-detail[b-ycd45d97l5] {
    display: flex;
    flex-direction: row;
    margin-top: 14px;
}

.det[b-ycd45d97l5] {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}

.box-lab[b-ycd45d97l5] {
    margin-left: 7px;
    font-family: 'GravityBold';
    float: left;
    color: #024662;
    font-size: 14px;
    opacity: 1;
}

.box-p[b-ycd45d97l5] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: right;
    color: #4C4C4C;
    opacity: 1;
    margin-bottom: 10px px;
}

.box[b-ycd45d97l5] {
    margin-left: 20px;
    margin-top: 20px;
}

.div-group-child-short[b-ycd45d97l5] {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.span-name[b-ycd45d97l5] {
    padding-top: 8px;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #35414C;
    opacity: 1;
}

.btnDiv:focus[b-ycd45d97l5], .btnDiv:focus-visible[b-ycd45d97l5], .btnDiv:active[b-ycd45d97l5] {
    border: none;
    background: none;
    outline: none;
    height: 54px;
    width: 88px;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
    opacity: 1;
}

.btnDiv[b-ycd45d97l5] {
    border: none;
    background: none;
    outline: none;
    color: #024662;
    font-size: 14px;
    font-family: 'GravityBold';
    opacity: 1;
    height: 60px;
    width: 88px;
}

.SubDiv[b-ycd45d97l5] {
    margin-left: 7px;
}

.opened[b-ycd45d97l5] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/CRMComponents/SoumissionComponents/SoumissionLineViewsComponents/SubSmallPopover.razor.rz.scp.css */
.css-shapes-formplus[b-1arkcuktxf] {
    filter: drop-shadow(2px 1px 2px #838384);
    margin-top: -3px;
    margin-right: 10px;
    margin-bottom: -10px;
    margin-left: 10px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 33px;
    width: 33px;
    background-color: #007bc5;
    border-radius: 150px;
    cursor: pointer;
}

.hide[b-1arkcuktxf] {
    display: none !important;
}

.listsegment1[b-1arkcuktxf] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    filter: drop-shadow(2px 1px 2px #838384);
    background-color: #fff;
    position: absolute;
    z-index: 1003;
    min-width: 282px;
    margin-left: 83px;
    min-height: 336px;
    margin-top: -115px;
}

.somme-triang[b-1arkcuktxf] {
    margin-top: -23px;
    margin-left: 70px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    transform: rotate(-90deg);
    font-size: 20px;
}

.container1[b-1arkcuktxf] {
    text-align: left;
    height: 264px;
    overflow-y: scroll;
    line-height: 36px;
}

.spansegment[b-1arkcuktxf] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'GravityBold';
    color: #FFFFFF;
    text-align: left;
    margin-top: -11px;
    background-color: #F7931E;
    height: 42px;
    padding-top: 10px;
    padding-left: 20px;
}

.css-shapes-form-plus[b-1arkcuktxf] {
    margin-top: 23px;
    margin-right: 138px;
    margin-bottom: 10px;
    margin-left: 10px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    position: absolute;
    height: 43px;
    border-radius: 150px;
}

.search[b-1arkcuktxf] {
    background-color: #EFEFEF;
    width: 280px;
    border: none;
    padding-left: 20px;
    height: 41px;
}

    .search:focus[b-1arkcuktxf] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    }

.pourcent[b-1arkcuktxf] {
    margin-left: 74px;
}
/* /Components/CRMComponents/SoumissionComponents/SoumissionPageComponent.razor.rz.scp.css */


.IDmvt[b-hfi5184eg0] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}

.datecss:disabled[b-hfi5184eg0], .datecss[readonly][b-hfi5184eg0] {
    background-color: transparent;
    opacity: 1;
}

.datecss:enabled:hover[b-hfi5184eg0] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.datecss[b-hfi5184eg0] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto;
    height: 32px !important;
}

    .datecss:focus[b-hfi5184eg0] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: url('/icons/icon calnedrier.svg') no-repeat, white;
        background-position: bottom 9px right 10px;
    }

.dot-purple[b-hfi5184eg0] {
    height: 8px;
    width: 8px;
    background-color: #019cb1;
    border-radius: 50%;
    display: inline-block;
}

.statu[b-hfi5184eg0] {
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-top: 15px;
    margin-right: 20px;
}

.label[b-hfi5184eg0] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
}

.dot-red[b-hfi5184eg0] {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

.dot-turq[b-hfi5184eg0] {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

.dot-blue[b-hfi5184eg0] {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

.dot-greenLght[b-hfi5184eg0] {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

.dot-green[b-hfi5184eg0] {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

.dot-purple0[b-hfi5184eg0] {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

.dot-purple[b-hfi5184eg0] {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/CRUDComponents/CreateComponent.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-mlyh8w0wxy] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

[b-mlyh8w0wxy] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-mlyh8w0wxy] .div-item-entry-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-mlyh8w0wxy] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-mlyh8w0wxy] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-mlyh8w0wxy] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border:transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-mlyh8w0wxy] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-mlyh8w0wxy] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-mlyh8w0wxy] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-mlyh8w0wxy] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-mlyh8w0wxy] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-mlyh8w0wxy] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-mlyh8w0wxy] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-mlyh8w0wxy] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-mlyh8w0wxy] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-mlyh8w0wxy] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-mlyh8w0wxy] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-mlyh8w0wxy] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-mlyh8w0wxy] .column-3:hover, .column-3:focus[b-mlyh8w0wxy] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-mlyh8w0wxy] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-mlyh8w0wxy] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-mlyh8w0wxy] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-mlyh8w0wxy] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-mlyh8w0wxy] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-mlyh8w0wxy] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-mlyh8w0wxy] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-mlyh8w0wxy] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-mlyh8w0wxy] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-mlyh8w0wxy] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-mlyh8w0wxy] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-mlyh8w0wxy] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 530px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-mlyh8w0wxy] {
    height: 50px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-mlyh8w0wxy] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-mlyh8w0wxy] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 428px;
}

.note-ts-pos[b-mlyh8w0wxy] {
    margin-left: 14px;
}

.modal-ts-footer[b-mlyh8w0wxy] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-mlyh8w0wxy] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-mlyh8w0wxy] {
    background-color: #00b665;
}

    .switch input:checked + label[b-mlyh8w0wxy]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-mlyh8w0wxy]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-mlyh8w0wxy] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-mlyh8w0wxy] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}


.switch[b-mlyh8w0wxy] {
    width: 100%;
}

.switch input[type=checkbox][b-mlyh8w0wxy] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-mlyh8w0wxy]{
    border:unset !important;
    margin-right:33.33%;
}
.input-date[b-mlyh8w0wxy] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
/* /Components/CRUDComponents/GenericEnumComponent.razor.rz.scp.css */
[b-hxpy6ubbl4] .generic-select {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    color: #35414C;
}
/* /Components/FAComponents/ParametrageComponents/Classification/ClassificationFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-vssql66g2w] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-vssql66g2w] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-vssql66g2w] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-vssql66g2w] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-vssql66g2w] {
    margin-top: 17px;
}

.closepop-entrerheure[b-vssql66g2w] {
    float: right;
}

.modal-body-filter[b-vssql66g2w] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-vssql66g2w] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-vssql66g2w] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-vssql66g2w] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-vssql66g2w] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-vssql66g2w] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/FAComponents/ParametrageComponents/Emplacement/EmplacementFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-jxqwe3q9bk] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-jxqwe3q9bk] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-jxqwe3q9bk] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-jxqwe3q9bk] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-jxqwe3q9bk] {
    margin-top: 17px;
}

.closepop-entrerheure[b-jxqwe3q9bk] {
    float: right;
}

.modal-body-filter[b-jxqwe3q9bk] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-jxqwe3q9bk] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-jxqwe3q9bk] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-jxqwe3q9bk] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-jxqwe3q9bk] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-jxqwe3q9bk] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/FAComponents/ParametrageComponents/GroupImmobilisation/GroupImmobilisationFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-0wifvtxz0k] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-0wifvtxz0k] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-0wifvtxz0k] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-0wifvtxz0k] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-0wifvtxz0k] {
    margin-top: 17px;
}

.closepop-entrerheure[b-0wifvtxz0k] {
    float: right;
}

.modal-body-filter[b-0wifvtxz0k] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-0wifvtxz0k] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-0wifvtxz0k] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-0wifvtxz0k] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-0wifvtxz0k] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-0wifvtxz0k] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/FAComponents/ParametrageComponents/TypeManager/TypeManagerFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-jpkvi51d3o] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-jpkvi51d3o] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-jpkvi51d3o] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-jpkvi51d3o] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-jpkvi51d3o] {
    margin-top: 17px;
}

.closepop-entrerheure[b-jpkvi51d3o] {
    float: right;
}

.modal-body-filter[b-jpkvi51d3o] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-jpkvi51d3o] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-jpkvi51d3o] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-jpkvi51d3o] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-jpkvi51d3o] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-jpkvi51d3o] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/CivilStatus/CivilStatusFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-84zfpkhnr0] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-84zfpkhnr0] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-84zfpkhnr0] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-84zfpkhnr0] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-84zfpkhnr0] {
    margin-top: 17px;
}

.closepop-entrerheure[b-84zfpkhnr0] {
    float: right;
}

.modal-body-filter[b-84zfpkhnr0] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-84zfpkhnr0] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-84zfpkhnr0] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-84zfpkhnr0] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-84zfpkhnr0] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-84zfpkhnr0] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/Department/DepartmentFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-0pbfkvv86e] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-0pbfkvv86e] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-0pbfkvv86e] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-0pbfkvv86e] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-0pbfkvv86e] {
    margin-top: 17px;
}

.closepop-entrerheure[b-0pbfkvv86e] {
    float: right;
}

.modal-body-filter[b-0pbfkvv86e] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-0pbfkvv86e] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-0pbfkvv86e] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-0pbfkvv86e] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-0pbfkvv86e] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-0pbfkvv86e] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/Distinction/DistinctionFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-l6s97fu307] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-l6s97fu307] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-l6s97fu307] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-l6s97fu307] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-l6s97fu307] {
    margin-top: 17px;
}

.closepop-entrerheure[b-l6s97fu307] {
    float: right;
}

.modal-body-filter[b-l6s97fu307] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-l6s97fu307] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-l6s97fu307] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-l6s97fu307] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-l6s97fu307] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-l6s97fu307] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/EducationLevel/EducationLevelFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-t0xthplo7l] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-t0xthplo7l] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-t0xthplo7l] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-t0xthplo7l] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-t0xthplo7l] {
    margin-top: 17px;
}

.closepop-entrerheure[b-t0xthplo7l] {
    float: right;
}

.modal-body-filter[b-t0xthplo7l] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-t0xthplo7l] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-t0xthplo7l] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-t0xthplo7l] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-t0xthplo7l] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-t0xthplo7l] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/EducationMention/EducationMentionFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-xc29z26rxv] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-xc29z26rxv] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-xc29z26rxv] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-xc29z26rxv] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-xc29z26rxv] {
    margin-top: 17px;
}

.closepop-entrerheure[b-xc29z26rxv] {
    float: right;
}

.modal-body-filter[b-xc29z26rxv] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-xc29z26rxv] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-xc29z26rxv] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-xc29z26rxv] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-xc29z26rxv] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-xc29z26rxv] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/EmployeCategory/EmployeCatgoryFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-kx3dcfl710] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-kx3dcfl710] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-kx3dcfl710] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-kx3dcfl710] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-kx3dcfl710] {
    margin-top: 17px;
}

.closepop-entrerheure[b-kx3dcfl710] {
    float: right;
}

.modal-body-filter[b-kx3dcfl710] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-kx3dcfl710] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-kx3dcfl710] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-kx3dcfl710] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-kx3dcfl710] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-kx3dcfl710] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/HolidayComponents/FilterModalHoliday.razor.rz.scp.css */

.modal-dialog-filter[b-kmjew1bwaw] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-kmjew1bwaw] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-kmjew1bwaw] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-kmjew1bwaw] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-kmjew1bwaw] {
    margin-top: 17px;
}

.closepop-entrerheure[b-kmjew1bwaw] {
    float: right;
}

.modal-body-filter[b-kmjew1bwaw] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-kmjew1bwaw] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-kmjew1bwaw] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-kmjew1bwaw] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-kmjew1bwaw] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-kmjew1bwaw] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/HolidayComponents/ValuesBtn.razor.rz.scp.css */

.img-icon1[b-rc6uj1l40d] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-rc6uj1l40d] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}


.btn-style-rec-dis[b-rc6uj1l40d] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #238dad;
    display: grid;
    justify-items: center;
    min-width: 103px;
}

    .btn-style-rec-dis:hover[b-rc6uj1l40d] {
        cursor: not-allowed;
    }

    .btn-style-rec-dis:focus[b-rc6uj1l40d] {
        outline: none;
    }

.btn-style-rec[b-rc6uj1l40d] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #238dad;
    display: grid;
    justify-items: center;
    min-width: 103px;
}



    .btn-style-rec:hover[b-rc6uj1l40d] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #238dad 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-rec:hover .img-icon1[b-rc6uj1l40d] {
            display: none;
        }

        .btn-style-rec:hover .img-icon2[b-rc6uj1l40d] {
            display: block;
        }

    .btn-style-rec:focus[b-rc6uj1l40d] {
        outline: none;
    }
/* /Components/HRMComponents/ParametrageComponents/InterviewResult/InterviewResultFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-1noifgd4ro] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-1noifgd4ro] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-1noifgd4ro] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-1noifgd4ro] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-1noifgd4ro] {
    margin-top: 17px;
}

.closepop-entrerheure[b-1noifgd4ro] {
    float: right;
}

.modal-body-filter[b-1noifgd4ro] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-1noifgd4ro] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-1noifgd4ro] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-1noifgd4ro] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-1noifgd4ro] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-1noifgd4ro] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/InterviewStep/InterviewStepFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-rz6fqcabgh] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-rz6fqcabgh] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-rz6fqcabgh] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-rz6fqcabgh] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-rz6fqcabgh] {
    margin-top: 17px;
}

.closepop-entrerheure[b-rz6fqcabgh] {
    float: right;
}

.modal-body-filter[b-rz6fqcabgh] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-rz6fqcabgh] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-rz6fqcabgh] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-rz6fqcabgh] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-rz6fqcabgh] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-rz6fqcabgh] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/LanguageLevel/LanguageLevelFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-ab58hw3bvg] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-ab58hw3bvg] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-ab58hw3bvg] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-ab58hw3bvg] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-ab58hw3bvg] {
    margin-top: 17px;
}

.closepop-entrerheure[b-ab58hw3bvg] {
    float: right;
}

.modal-body-filter[b-ab58hw3bvg] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-ab58hw3bvg] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-ab58hw3bvg] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-ab58hw3bvg] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-ab58hw3bvg] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-ab58hw3bvg] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/LicenseType/LicenseTypeFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-gv4d9e7yfv] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-gv4d9e7yfv] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-gv4d9e7yfv] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-gv4d9e7yfv] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-gv4d9e7yfv] {
    margin-top: 17px;
}

.closepop-entrerheure[b-gv4d9e7yfv] {
    float: right;
}

.modal-body-filter[b-gv4d9e7yfv] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-gv4d9e7yfv] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-gv4d9e7yfv] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-gv4d9e7yfv] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-gv4d9e7yfv] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-gv4d9e7yfv] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/PayPeriod/PayPeriodFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-esxx4mbwyx] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-esxx4mbwyx] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-esxx4mbwyx] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-esxx4mbwyx] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-esxx4mbwyx] {
    margin-top: 17px;
}

.closepop-entrerheure[b-esxx4mbwyx] {
    float: right;
}

.modal-body-filter[b-esxx4mbwyx] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-esxx4mbwyx] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-esxx4mbwyx] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-esxx4mbwyx] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-esxx4mbwyx] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-esxx4mbwyx] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/ProfessionalOrder/ProfessionalOrderFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-9uq393az63] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-9uq393az63] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-9uq393az63] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-9uq393az63] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-9uq393az63] {
    margin-top: 17px;
}

.closepop-entrerheure[b-9uq393az63] {
    float: right;
}

.modal-body-filter[b-9uq393az63] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-9uq393az63] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-9uq393az63] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-9uq393az63] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-9uq393az63] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-9uq393az63] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/RecruitmentStep/RecruitmentStepFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-wttb5fg2r9] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-wttb5fg2r9] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-wttb5fg2r9] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-wttb5fg2r9] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-wttb5fg2r9] {
    margin-top: 17px;
}

.closepop-entrerheure[b-wttb5fg2r9] {
    float: right;
}

.modal-body-filter[b-wttb5fg2r9] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-wttb5fg2r9] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-wttb5fg2r9] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-wttb5fg2r9] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-wttb5fg2r9] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-wttb5fg2r9] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/RessourceRoleComponents/FilterModalRessourceRole.razor.rz.scp.css */

.modal-dialog-filter[b-h1ll8wldjh] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-h1ll8wldjh] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-h1ll8wldjh] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-h1ll8wldjh] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-h1ll8wldjh] {
    margin-top: 17px;
}

.closepop-entrerheure[b-h1ll8wldjh] {
    float: right;
}

.modal-body-filter[b-h1ll8wldjh] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-h1ll8wldjh] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-h1ll8wldjh] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-h1ll8wldjh] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-h1ll8wldjh] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-h1ll8wldjh] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
@media screen and (max-width:1024px) {


    .filtre-ressourcesrole-rep[b-h1ll8wldjh] {
        left: -155px;
    }
}
/* /Components/HRMComponents/ParametrageComponents/SkillLevel/SkillLevelFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-jmbuyi96nx] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-jmbuyi96nx] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-jmbuyi96nx] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-jmbuyi96nx] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-jmbuyi96nx] {
    margin-top: 17px;
}

.closepop-entrerheure[b-jmbuyi96nx] {
    float: right;
}

.modal-body-filter[b-jmbuyi96nx] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-jmbuyi96nx] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-jmbuyi96nx] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-jmbuyi96nx] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-jmbuyi96nx] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-jmbuyi96nx] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/Skill/SkillFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-aqe5udc4ve] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-aqe5udc4ve] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-aqe5udc4ve] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-aqe5udc4ve] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-aqe5udc4ve] {
    margin-top: 17px;
}

.closepop-entrerheure[b-aqe5udc4ve] {
    float: right;
}

.modal-body-filter[b-aqe5udc4ve] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-aqe5udc4ve] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-aqe5udc4ve] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-aqe5udc4ve] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-aqe5udc4ve] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-aqe5udc4ve] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/HRMComponents/ParametrageComponents/WorkPlace/WorkPlaceFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-lu42ed4gjm] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-lu42ed4gjm] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-lu42ed4gjm] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-lu42ed4gjm] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-lu42ed4gjm] {
    margin-top: 17px;
}

.closepop-entrerheure[b-lu42ed4gjm] {
    float: right;
}

.modal-body-filter[b-lu42ed4gjm] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-lu42ed4gjm] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-lu42ed4gjm] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-lu42ed4gjm] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-lu42ed4gjm] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-lu42ed4gjm] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
.input-filter-Perso[b-lu42ed4gjm] {
    width: auto;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    font-weight: 400;
    line-height: 1.5;
    height: calc(1.5em + 0.75rem + 2px);
    display: block;
    border: 1px solid var(--unnamed-color-cccccc);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CCCCCC;
}

[b-lu42ed4gjm]::placeholder {
    letter-spacing: var(--unnamed-character-spacing-0);
    /*color: #35414C;*/
    color: #6c757d;
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
    font-size: 13px;
    font-family: Gravity-Regular, Regular
}
.btnsubmit[b-lu42ed4gjm] {
    background: #008BE8 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 3px 6px #00000029 !important;
    border: none !important;
    width: 120px !important;
    height: 34px !important;
    font-family: 'GravityBold' !important;
    font-size: 13px !important;
    text-align: left;
}
.btnreset[b-lu42ed4gjm] {
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 3px 6px #00000029 !important;
    border: none !important;
    width: 120px !important;
    height: 34px !important;
    font-family: 'GravityBold' !important;
    font-size: 13px !important;
    text-align: left;
    font: normal normal bold 13px/17px Gravity;
    letter-spacing: 0px;
    color: #BE85FF;
}
/* /Components/INVComponents/EnMainComponents/EnMainFilterModal.razor.rz.scp.css */
@media only screen and (max-width: 1050px) {

    .modal-dialog-filter[b-jd1b0cvjcr] {
        left: 15% !important;
    }}
.modal-dialog-filter[b-jd1b0cvjcr] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-jd1b0cvjcr] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-jd1b0cvjcr] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-jd1b0cvjcr] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-jd1b0cvjcr] {
    margin-top: 17px;
}

.closepop-entrerheure[b-jd1b0cvjcr] {
    float: right;
    margin-top: 0px;
}

.modal-body-filter[b-jd1b0cvjcr] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-jd1b0cvjcr] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-jd1b0cvjcr] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-jd1b0cvjcr] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-jd1b0cvjcr] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-jd1b0cvjcr] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/INVComponents/Parametrage/CategorieComponents/FilterModalCategorie.razor.rz.scp.css */
@media only screen and (max-width: 1050px) {

    .modal-dialog-filter[b-k52fa11psw] {
        left: 15% !important;
    }
}
.modal-dialog-filter[b-k52fa11psw] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-k52fa11psw] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-k52fa11psw] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-k52fa11psw] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-k52fa11psw] {
    margin-top: 17px;
}

.closepop-entrerheure[b-k52fa11psw] {
    float: right;
}

.modal-body-filter[b-k52fa11psw] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-k52fa11psw] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-k52fa11psw] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-k52fa11psw] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-k52fa11psw] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-k52fa11psw] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/INVComponents/Parametrage/ConversionComponents/FilterModalConversion.razor.rz.scp.css */
@media only screen and (max-width: 1050px) {

    .modal-dialog-filter[b-hhyjnq65hm] {
        left: 15% !important;
    }
}
.modal-dialog-filter[b-hhyjnq65hm] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-hhyjnq65hm] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-hhyjnq65hm] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-hhyjnq65hm] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-hhyjnq65hm] {
    margin-top: 17px;
}

.closepop-entrerheure[b-hhyjnq65hm] {
    float: right;
}

.modal-body-filter[b-hhyjnq65hm] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-hhyjnq65hm] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-hhyjnq65hm] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-hhyjnq65hm] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-hhyjnq65hm] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-hhyjnq65hm] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/INVComponents/Parametrage/FabricantComponents/FilterModalFabricant.razor.rz.scp.css */
@media only screen and (max-width: 1050px) {

    .modal-dialog-filter[b-0h1572hs7a] {
        left: 15% !important;
    }
}
.modal-dialog-filter[b-0h1572hs7a] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-0h1572hs7a] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-0h1572hs7a] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-0h1572hs7a] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-0h1572hs7a] {
    margin-top: 17px;
}

.closepop-entrerheure[b-0h1572hs7a] {
    float: right;
}

.modal-body-filter[b-0h1572hs7a] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-0h1572hs7a] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-0h1572hs7a] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-0h1572hs7a] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-0h1572hs7a] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-0h1572hs7a] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/INVComponents/Parametrage/SegmentComponents/FilterModalSegment.razor.rz.scp.css */
@media only screen and (max-width: 1050px) {

    .modal-dialog-filter[b-17uoibh2vx] {
        left: 15% !important;
    }
}
.modal-dialog-filter[b-17uoibh2vx] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-17uoibh2vx] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-17uoibh2vx] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-17uoibh2vx] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-17uoibh2vx] {
    margin-top: 17px;
}

.closepop-entrerheure[b-17uoibh2vx] {
    float: right;
}

.modal-body-filter[b-17uoibh2vx] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-17uoibh2vx] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-17uoibh2vx] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-17uoibh2vx] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-17uoibh2vx] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-17uoibh2vx] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/INVComponents/Parametrage/SegmentComponents/FilterModalSegmentValue.razor.rz.scp.css */

.modal-dialog-filter[b-n0v9b7ztvx] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-n0v9b7ztvx] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-n0v9b7ztvx] {
        left: -160px;
    }
}
.modal-header-filter[b-n0v9b7ztvx] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-n0v9b7ztvx] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-n0v9b7ztvx] {
    margin-top: 17px;
}

.closepop-entrerheure[b-n0v9b7ztvx] {
    float: right;
}

.modal-body-filter[b-n0v9b7ztvx] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-n0v9b7ztvx] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-n0v9b7ztvx] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-n0v9b7ztvx] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-n0v9b7ztvx] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-n0v9b7ztvx] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/INVComponents/Parametrage/SegmentComponents/ValuesBtn.razor.rz.scp.css */

.img-icon1[b-gnp8gvnibg] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-gnp8gvnibg] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}


.btn-style-rec-dis[b-gnp8gvnibg] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #238dad;
    display: grid;
    justify-items: center;
    min-width: 103px;
}

    .btn-style-rec-dis:hover[b-gnp8gvnibg] {
        cursor: not-allowed;
    }

    .btn-style-rec-dis:focus[b-gnp8gvnibg] {
        outline: none;
    }

.btn-style-rec[b-gnp8gvnibg] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #238dad;
    display: grid;
    justify-items: center;
    min-width: 103px;
}



    .btn-style-rec:hover[b-gnp8gvnibg] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #238dad 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-rec:hover .img-icon1[b-gnp8gvnibg] {
            display: none;
        }

        .btn-style-rec:hover .img-icon2[b-gnp8gvnibg] {
            display: block;
        }

    .btn-style-rec:focus[b-gnp8gvnibg] {
        outline: none;
    }
/* /Components/INVComponents/Parametrage/TracabiliteComponents/FilterModalTracabilite.razor.rz.scp.css */
@media only screen and (max-width: 1050px) {

    .modal-dialog-filter[b-jadidnccf4] {
        left: 15% !important;
    }
}
.modal-dialog-filter[b-jadidnccf4] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-jadidnccf4] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-jadidnccf4] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-jadidnccf4] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-jadidnccf4] {
    margin-top: 17px;
}

.closepop-entrerheure[b-jadidnccf4] {
    float: right;
}

.modal-body-filter[b-jadidnccf4] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-jadidnccf4] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-jadidnccf4] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-jadidnccf4] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-jadidnccf4] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-jadidnccf4] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/INVComponents/Parametrage/TracabiliteValeurComponents/FilterModalTracabiliteValeur.razor.rz.scp.css */
@media only screen and (max-width: 1050px) {

    .modal-dialog-filter[b-qilyddbe88] {
        left: 15% !important;
    }
}
.modal-dialog-filter[b-qilyddbe88] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-qilyddbe88] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-qilyddbe88] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-qilyddbe88] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-qilyddbe88] {
    margin-top: 17px;
}

.closepop-entrerheure[b-qilyddbe88] {
    float: right;
}

.modal-body-filter[b-qilyddbe88] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-qilyddbe88] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-qilyddbe88] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-qilyddbe88] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-qilyddbe88] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-qilyddbe88] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/INVComponents/Parametrage/TypeAjustementComponents/FilterModalTypeAjustement.razor.rz.scp.css */
@media only screen and (max-width: 1050px) {

    .modal-dialog-filter[b-8sdq3xj99p] {
        left: 15% !important;
    }
}
.modal-dialog-filter[b-8sdq3xj99p] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-8sdq3xj99p] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-8sdq3xj99p] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-8sdq3xj99p] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-8sdq3xj99p] {
    margin-top: 17px;
}

.closepop-entrerheure[b-8sdq3xj99p] {
    float: right;
}

.modal-body-filter[b-8sdq3xj99p] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-8sdq3xj99p] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-8sdq3xj99p] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-8sdq3xj99p] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-8sdq3xj99p] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-8sdq3xj99p] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/INVProductComponents/BtnLeftDiv.razor.rz.scp.css */

.navigation[b-los0k5nsp2] {
    font-family: 'GravityRegular';
    color: #36485B;
}

 a[b-los0k5nsp2] {
        background-color: Transparent;
        color: #2C333A;
        display: block;
        padding: 12px;
        text-decoration: none;
        border-bottom: 3px;
        border-left: 5px solid white;
    }

    a:hover[b-los0k5nsp2] {
        background-color: #F1F5F9;
        border-left: 5px solid;
        border-color: #268BFD;
    }


.icone[b-los0k5nsp2] {
    height: 20px;
    width: 20px;
    margin-right: 15px;
    margin-left: 15px;
}

*[b-los0k5nsp2], [b-los0k5nsp2]::after, [b-los0k5nsp2]::before {
    box-sizing: border-box;
}
.active[b-los0k5nsp2] {
    background-color: #F1F5F9;
    border-left: 5px solid;
    border-color: #268BFD;
    font-weight: bold;
    color: #BFC0C2;
}
/* /Components/INVProductComponents/Button.razor.rz.scp.css */
.div-group-child[b-dp9oggpjqy] {
    display: flex;
    flex-direction: column;
    margin-left: 40px;
    font-family: 'GravityRegular';
}

img[b-dp9oggpjqy] {
    height: 13px;
    width: 13px;
    display: block;
    margin: auto;
    margin-bottom: 0px
}
/* /Components/INVProductComponents/Champ.razor.rz.scp.css */
.div-item-prj-p[b-yu1dcke6jf] {
    /*padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;*/
    /*    width: 10%;
*/ /*display: flex;
    flex-direction: column;
    margin-left: 10px;*/
    display: flex;
    flex-direction: column;
}

.span-prj-title[b-yu1dcke6jf] {
    text-align: left;
    letter-spacing: 0px;
    color: #004059;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    margin-left: 10px;
    /*    padding-left: 5px;
*/
}

input[b-yu1dcke6jf] {
    background-color: transparent;
    border: none;
    border-radius: 9px;
    resize: none;
    margin-top: 2px;
    margin-left: 5px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    /* padding: 9px;*/
    padding-left: 15px;
    height: 40px;
}


.form-control:focus[b-yu1dcke6jf] {
    /*    border-color: gray;
*/ box-shadow: 0 0 0 0.09rem rgba(40, 167, 69, 0.25);
}
/* /Components/INVProductComponents/ChampObligatoire.razor.rz.scp.css */
.div-item-prj-p[b-txts9izb7x] {
    /*padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;*/
    /*    width: 10%;
*/
    /*margin-left: 10px;*/
    display: flex;
    flex-direction: column;
}

.span-prj-title[b-txts9izb7x] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    margin-left: 10px;
    /*    padding-left: 5px;
*/
}

input[b-txts9izb7x] {
    background-color: transparent;
    border: 1px solid #EFF2F3;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-top: 2px;
    margin-left: 5px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    /* padding: 9px;*/
    padding-left: 15px;
    height: 40px;
}

/* /Components/INVProductComponents/ClientsViews/ClientGrid.razor.rz.scp.css */
*[b-kvzsvs45rw] {
    box-sizing: border-box;
}
.top[b-kvzsvs45rw] {
    margin-top: -20px ;
    margin-bottom: -33px;
}

.img-roundC[b-kvzsvs45rw] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #268BFD;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 7px;
}

.column[b-kvzsvs45rw] {
    float: left;
    width: 50%;
    padding: 0 10px;
}

.row[b-kvzsvs45rw] {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

    .row[b-kvzsvs45rw]:after {
        content: "";
        display: table;
        clear: both;
    }


/* Responsive columns */
@media screen and (max-width: 600px) {
    .column[b-kvzsvs45rw] {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
}

/* Style the counter cards */
.card[b-kvzsvs45rw] {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    /*    padding: 16px;
*/ /*text-align: center;*/
    background-color: #FFFFFF;
    margin-bottom: 20px;
    font-family: 'GravityRegular';
}


.img-round[b-kvzsvs45rw] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #268BFD;
    color: white;
    text-align: center;
    font-weight: bold;
        padding-top: 3px;

}

.div-group-child[b-kvzsvs45rw] {
    display: flex;
    flex-direction: column;
    /*    margin-left: 10px;

*/
}
.contenu-card[b-kvzsvs45rw] {
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.card-header[b-kvzsvs45rw] {
    height: 60px !important;
    display: flex;
    background-color: #ffffff;
}


.card-footer[b-kvzsvs45rw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 50px;
    background-color: #dee2e6;
}

.card-footer[b-kvzsvs45rw] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 50px;
    background-color: #ffffff;
}

    .card-footer .foot-btn[b-kvzsvs45rw] {
        display: flex;
        align-items: center;
        flex-direction: column;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        height: 50px;
        margin-top: -12px;
        padding: 15px;
    }

        .card-footer .foot-btn:last-child[b-kvzsvs45rw] {
            border: none;
        }

p[b-kvzsvs45rw] {
    float: left;
}
.div-grid[b-kvzsvs45rw]{
    padding-right:20px;
}
/* /Components/INVProductComponents/ClientsViews/ClientList.razor.rz.scp.css */
.div-group-child[b-eheamqbbuo] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.span-code[b-eheamqbbuo] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

span.name[b-eheamqbbuo] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    margin-left: 15px;
}
@media screen and (min-width:1700px) {
    .container-list[b-eheamqbbuo] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 779px;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-eheamqbbuo] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 562px;
    }
}
/* /Components/INVProductComponents/ContentsComponents/AddModalCustRef.razor.rz.scp.css */
.span-username-res-id[b-dc1q333bje] {
    margin-top: -28px;
    margin-left: 30px;
    font-family: 'GravityRegular';
    font-size: 11px;
    color: #8395A7;
}
/* /Components/INVProductComponents/ContentsComponents/AddModalVendRef.razor.rz.scp.css */
.span-username-res-id[b-0kfpow0pvc] {
    margin-top: -28px;
    margin-left: 30px;
    font-family: 'GravityRegular';
    font-size: 11px;
    color: #8395A7;
}
/* /Components/INVProductComponents/ContentsComponents/EnMainContent.razor.rz.scp.css */
.div-group-child[b-gcr8vbtsv2] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.span-code[b-gcr8vbtsv2] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

span.name[b-gcr8vbtsv2] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    margin-left: 15px;
}
.img-date-hour[b-gcr8vbtsv2] {
    padding-right: 5px;
    padding-bottom: 3px;
}

img[b-gcr8vbtsv2] {
    vertical-align: middle;
    border-style: none;
}
@media screen and (min-width:1700px) {
    .container-list[b-gcr8vbtsv2] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 779px;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-gcr8vbtsv2] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 562px;
    }
}
/* /Components/INVProductComponents/ContentsComponents/FilterModalFournissuer.razor.rz.scp.css */

.modal-dialog-filter[b-1vqe9tqb42] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-1vqe9tqb42] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-1vqe9tqb42] {
        left: -160px;
    }
}
.modal-header-filter[b-1vqe9tqb42] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-1vqe9tqb42] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-1vqe9tqb42] {
    margin-top: 17px;
}

.closepop-entrerheure[b-1vqe9tqb42] {
    float: right;
}

.modal-body-filter[b-1vqe9tqb42] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-1vqe9tqb42] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-1vqe9tqb42] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-1vqe9tqb42] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-1vqe9tqb42] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-1vqe9tqb42] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/INVProductComponents/ContentsComponents/FilterModalInHand.razor.rz.scp.css */
@media only screen and (max-width: 1050px) {

    .modal-dialog-filter[b-kb0t5hstsh] {
        left: 15% !important;
    }
}

.modal-dialog-filter[b-kb0t5hstsh] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-kb0t5hstsh] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-kb0t5hstsh] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-kb0t5hstsh] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-kb0t5hstsh] {
    margin-top: 17px;
}

.closepop-entrerheure[b-kb0t5hstsh] {
    float: right;
    margin-top: 0px;
}

.modal-body-filter[b-kb0t5hstsh] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-kb0t5hstsh] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-kb0t5hstsh] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-kb0t5hstsh] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-kb0t5hstsh] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-kb0t5hstsh] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/INVProductComponents/ContentsComponents/FilterModalTracabilite.razor.rz.scp.css */
@media only screen and (max-width: 1050px) {

    .modal-dialog-filter[b-pyuowbp6dv] {
        left: 15% !important;
    }
}

.modal-dialog-filter[b-pyuowbp6dv] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-pyuowbp6dv] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-pyuowbp6dv] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-pyuowbp6dv] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-pyuowbp6dv] {
    margin-top: 17px;
}

.closepop-entrerheure[b-pyuowbp6dv] {
    float: right;
    margin-top: 0px;
}

.modal-body-filter[b-pyuowbp6dv] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-pyuowbp6dv] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-pyuowbp6dv] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-pyuowbp6dv] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-pyuowbp6dv] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-pyuowbp6dv] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/INVProductComponents/ContentsComponents/FilterModalTransaction.razor.rz.scp.css */
@media only screen and (max-width: 1050px) {

    .modal-dialog-filter[b-klvlzj1izt] {
        left: 15% !important;
    }
}

.modal-dialog-filter[b-klvlzj1izt] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-klvlzj1izt] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-klvlzj1izt] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-klvlzj1izt] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-klvlzj1izt] {
    margin-top: 17px;
}

.closepop-entrerheure[b-klvlzj1izt] {
    float: right;
    margin-top: 0px;
}

.modal-body-filter[b-klvlzj1izt] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-klvlzj1izt] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-klvlzj1izt] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-klvlzj1izt] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-klvlzj1izt] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-klvlzj1izt] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/INVProductComponents/ContentsComponents/Tracabilite.razor.rz.scp.css */
.div-group-child[b-oyu7bc7t5d] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.span-code[b-oyu7bc7t5d] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

span.name[b-oyu7bc7t5d] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    margin-left: 15px;
}
.img-date-hour[b-oyu7bc7t5d] {
    padding-right: 5px;
    padding-bottom: 3px;
}

img[b-oyu7bc7t5d] {
    vertical-align: middle;
    border-style: none;
}

@media screen and (min-width:1700px) {
    .container-list[b-oyu7bc7t5d] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 779px;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-oyu7bc7t5d] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 562px;
    }
}
/* /Components/INVProductComponents/ContentsComponents/TransactionContent.razor.rz.scp.css */
.div-group-child[b-wthhlmdnlf] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.span-code[b-wthhlmdnlf] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

span.name[b-wthhlmdnlf] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    margin-left: 15px;
}
.img-date-hour[b-wthhlmdnlf] {
    padding-right: 5px;
    padding-bottom: 3px;
}
img[b-wthhlmdnlf] {
    vertical-align: middle;
    border-style: none;
}
@media screen and (min-width:1700px) {
    .container-list[b-wthhlmdnlf] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 779px;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-wthhlmdnlf] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 562px;
    }
}
/* /Components/INVProductComponents/Description.razor.rz.scp.css */
textarea[b-5uq7191p0e] {
    background-color: transparent;
    border: 0.5px solid #EFF2F3;
    border-radius: 9px;
    height: 150px;
    margin-top: 2px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    margin-top: 2px;
    margin-left: 5px;
    outline: none;
    padding: 9px;
    padding-left: 15px;
}

.form-control:focus[b-5uq7191p0e] {
    box-shadow: 0 0 0 0.09rem rgb(204 204 204);
    background: white;
}
.span-prj-title[b-5uq7191p0e] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    margin-left: 10px;
    /*    padding-left: 5px;
*/
}

.div-item-prj-p[b-5uq7191p0e] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}
/* /Components/INVProductComponents/DropDown.razor.rz.scp.css */

.div-item-prj-p[b-0ju0n9k2ul] {
    /*padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;*/
/*    width: 10%;
*/    /*display: flex;
    flex-direction: column;
    margin-left: 10px;*/
         display: flex;
    flex-direction: column;
}

.span-prj-title[b-0ju0n9k2ul] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    margin-left: 10px;
    /*    padding-left: 5px;
*/
}
select[b-0ju0n9k2ul] {
    background-color: transparent;
    border: 1px solid #EFF2F3;
    border-radius: 9px;
    opacity: 1;
    margin-top: 2px;
    margin-left: 5px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    /*    padding: 9px;
*/ /*padding-left: 15px;*/
    box-shadow: none;
    height: 40px;
    width: 200px;
}

option[b-0ju0n9k2ul] {
    background-color: transparent;
    font-size: 16px;
    padding: 10px;
    border: solid 1px #ccc;
}
.form-control:focus[b-0ju0n9k2ul] {
    box-shadow: 0 0 0 0.09rem rgba(40, 167, 69, 0.25);
}
/* /Components/INVProductComponents/FournisseursViews/FournisseurGrid.razor.rz.scp.css */
*[b-vss5pbhdci] {
    box-sizing: border-box;
}

.top[b-vss5pbhdci] {
    margin-top: -20px;
    margin-bottom: -33px;
}

.img-round[b-vss5pbhdci] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #268BFD;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 7px;
}
    .column[b-vss5pbhdci] {
    float: left;
    width: 50%;
    padding: 0 10px;
}

.row[b-vss5pbhdci] {
    margin-top: 20px;
    margin-left:20px;
    margin-right:20px;
}
.row[b-vss5pbhdci]:after {
    content: "";
    display: table;
    clear: both;
}


/* Responsive columns */
@media screen and (max-width: 600px) {
.column[b-vss5pbhdci] {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
}

/* Style the counter cards */
.card[b-vss5pbhdci] {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    /*    padding: 16px;
*/ /*text-align: center;*/
    background-color: #FFFFFF;
    margin-bottom: 20px;
    font-family: 'GravityRegular';
}


.img-round[b-vss5pbhdci] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #268BFD;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 7px;
}
.div-group-child[b-vss5pbhdci] {
    display: flex;
    flex-direction: column;

/*    margin-left: 10px;
*/}

.card-header[b-vss5pbhdci] {
    display: flex;
    background-color: #ffffff;
    height: 60px !important;
}
.contenu-card[b-vss5pbhdci] {
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.card-footer[b-vss5pbhdci] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 50px;
    background-color: #dee2e6;
}
.card-footer[b-vss5pbhdci] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 50px;
    background-color: #ffffff;
}

    .card-footer .foot-btn[b-vss5pbhdci] {
        display: flex;
        align-items: center;
        flex-direction: column;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        height: 50px;
        margin-top: -12px;
        padding: 15px;
    }

.card-footer .foot-btn:last-child[b-vss5pbhdci] {
    border: none;
}

.div-grid[b-vss5pbhdci] {
    padding-right: 20px;
}
/* /Components/INVProductComponents/FournisseursViews/FournisseurList.razor.rz.scp.css */

.div-group-child[b-203fc106ey] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.span-code[b-203fc106ey] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

span.name[b-203fc106ey] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    margin-left: 15px;
}
@media screen and (min-width:1700px) {
    .container-list[b-203fc106ey] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 779px;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-203fc106ey] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 562px;
    }
}
/* /Components/INVProductComponents/ImageBox.razor.rz.scp.css */
.produit[b-qb0cm6ibbn] {
    background-size: 40px;
    width: 200px;
    height: 150px;
    border: 1px dashed #024662;
    box-shadow: 0px 0px 13px rgb(67 74 84 / 50%);
    margin-left: auto;
    color: #024662;
    font-size: 14px;
    text-align: center;
    font-family: Franklin Gothic;
    vertical-align: central;
    opacity: 0.9;
}

#Upload[b-qb0cm6ibbn] {
    margin-bottom: 15px;
}

    #Upload > label[b-qb0cm6ibbn] {
        margin: 0;
        cursor: pointer;
    }

    #Upload > .file-input[b-qb0cm6ibbn] {
        display: none;
    }

    #Upload .import[b-qb0cm6ibbn] {
        width: 100%;
        pointer-events: none;
        background: url('/icons/Absence/holidayListLong.svg');
        background-repeat: no-repeat;
        background-size: 70px 70px;
        padding-left: 45px;
        border-radius: 0;
        padding-top: 10px;
        font-weight: 700;
        padding-bottom: 10px;
        height: 100px;
    }

    
/* /Components/INVProductComponents/PopoverSegValuesComponent.razor.rz.scp.css */

.modal-dialog[b-wsjjblaaal] {
    width: fit-content !important;
    max-width: fit-content !important;
}

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-wsjjblaaal] {
    background-color: rgb(34 47 62 / 0%);
    display: block;
}

.modal-content-revue[b-wsjjblaaal] {
    width: 334px;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-wsjjblaaal] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-wsjjblaaal] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-wsjjblaaal] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-wsjjblaaal] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 16px;
    margin-left: 10px;
    margin-left: 15px;
    margin-bottom: 9px;
    margin-top: 10px;
}


.closepop[b-wsjjblaaal] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog1[b-wsjjblaaal] {
    background-color: transparent;
    border: none;
    font-size: 36px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}




.modal-body-revue[b-wsjjblaaal] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}


.modal-footer > :not(:first-child)[b-wsjjblaaal] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-wsjjblaaal] {
    margin-right: 0px;
}


/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-wsjjblaaal] {
    width: 301.98px;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026, 0em 0 0.7em #00000026;
    border-radius: 9px 9px 0px 0px;
    left: 36%;
    position: fixed;
}

.modal-header-accepter[b-wsjjblaaal] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-wsjjblaaal] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-wsjjblaaal] {
    width: 100%;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}



/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-wsjjblaaal] {
    width: 100%;
    height: 42px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-wsjjblaaal] {
    /*height:auto;*/
    min-height: 400px;
    line-height: 15px;
    overflow: scroll;
}

.icon-popup[b-wsjjblaaal] {
    width: 14px;
    height: 18px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 12px;
}

.progressbar[value][b-wsjjblaaal] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-wsjjblaaal]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-wsjjblaaal]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-wsjjblaaal] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-wsjjblaaal] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-wsjjblaaal] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-wsjjblaaal] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-wsjjblaaal] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-wsjjblaaal] {
    width: 18px;
    height: 14px;
}

.div-footer[b-wsjjblaaal] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-wsjjblaaal] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-wsjjblaaal] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-wsjjblaaal] {
    line-height: 15px;
}

.modal-title-entrerheure[b-wsjjblaaal] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-wsjjblaaal] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-wsjjblaaal] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-wsjjblaaal] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-wsjjblaaal]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-wsjjblaaal]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-wsjjblaaal]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-wsjjblaaal]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-wsjjblaaal] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-wsjjblaaal] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-wsjjblaaal] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-wsjjblaaal] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-wsjjblaaal] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-wsjjblaaal] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-wsjjblaaal] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-wsjjblaaal] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-wsjjblaaal] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-wsjjblaaal] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-wsjjblaaal] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-wsjjblaaal] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-wsjjblaaal] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-wsjjblaaal] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-wsjjblaaal] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-wsjjblaaal] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-wsjjblaaal] {
    margin-top: 12px;
}

.img-choix[b-wsjjblaaal] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-wsjjblaaal] {
    margin-left: 4px;
}

.body-entry-time1[b-wsjjblaaal] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-wsjjblaaal] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-wsjjblaaal] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-wsjjblaaal] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-wsjjblaaal] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-wsjjblaaal] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-wsjjblaaal] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-wsjjblaaal] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-wsjjblaaal] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-wsjjblaaal] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-wsjjblaaal] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-wsjjblaaal] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}


.btn-confirm[b-wsjjblaaal] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}


.modal-menu-content[b-wsjjblaaal] {
    width: 100%;
    height: 342px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border-radius: 3px;
    opacity: 1;
    position: fixed;
    bottom: 0;
}

.modal-body-menu[b-wsjjblaaal] {
}

.modal-div[b-wsjjblaaal] {
    background-color: rgb(34,47,62,.75);
    display: block;
}
.popover-lab[b-wsjjblaaal] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}

.popover-p[b-wsjjblaaal] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}
/* /Components/INVProductComponents/ProductComponents/ProductFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-iyuwa7fq5d] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-iyuwa7fq5d] {
    width: 655px;
    height: auto;
}

.modal-header-filter[b-iyuwa7fq5d] {
    width: 655px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-iyuwa7fq5d] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-iyuwa7fq5d] {
    margin-top: 17px;
}

.closepop-entrerheure[b-iyuwa7fq5d] {
    float: right;
    margin-top: 0px;
}

.modal-body-filter[b-iyuwa7fq5d] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-iyuwa7fq5d] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-iyuwa7fq5d] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-iyuwa7fq5d] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-iyuwa7fq5d] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-iyuwa7fq5d] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/INVProductComponents/Profile.razor.rz.scp.css */
.div-group[b-12qy35kbb8] {
    display: flex;
    margin: 10px;
    padding-left: 15px;
}



.img-round[b-12qy35kbb8] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.div-group-child[b-12qy35kbb8] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}
.span-code[b-12qy35kbb8] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

span.name[b-12qy35kbb8] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic';
    font-size: 15px;
    margin-left: 15px;
}
/* /Components/INVProductComponents/SecondHeader.razor.rz.scp.css */
.second-header-div[b-sy7xdbgdii] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: -10px;
    margin-right: -10px;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    width: 100%;
    position: relative;
    z-index: 10;
}
/*.div-group {
    display: flex;
    margin: 20px;
}*/





/* /Components/ItemReqComponents/FilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-ub6of55n7k] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-ub6of55n7k] {
    width: 585px;
    height: auto;
}

.modal-header-filter[b-ub6of55n7k] {
    width: 100%;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-ub6of55n7k] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-ub6of55n7k] {
    margin-top: 17px;
}

.closepop-entrerheure[b-ub6of55n7k] {
    float: right;
}

.modal-body-filter[b-ub6of55n7k] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-ub6of55n7k] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-ub6of55n7k] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-ub6of55n7k] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-ub6of55n7k] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-ub6of55n7k] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/Location/DeletModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-xcevcugct3]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-xcevcugct3] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-xcevcugct3] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-xcevcugct3] {
    width: 100%;
}

    .switch input[type=checkbox][b-xcevcugct3] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-xcevcugct3] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-xcevcugct3] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-xcevcugct3]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-xcevcugct3]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-xcevcugct3] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-xcevcugct3] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-xcevcugct3] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-xcevcugct3] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-xcevcugct3] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-xcevcugct3] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-xcevcugct3] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-xcevcugct3] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-xcevcugct3], .column-3:focus[b-xcevcugct3] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-xcevcugct3] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-xcevcugct3] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-xcevcugct3] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-xcevcugct3] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-xcevcugct3] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-xcevcugct3] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-xcevcugct3] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-xcevcugct3] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-xcevcugct3] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-xcevcugct3] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-xcevcugct3] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-xcevcugct3] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-xcevcugct3] {
    margin-right: 0px;
}


select[b-xcevcugct3] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-xcevcugct3]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-xcevcugct3] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-xcevcugct3] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-delet[b-xcevcugct3] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    align-items: center;
}

.modal-body-accepter[b-xcevcugct3] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-xcevcugct3] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-xcevcugct3] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-xcevcugct3] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-xcevcugct3] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-xcevcugct3] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-xcevcugct3] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-xcevcugct3] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-xcevcugct3]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-xcevcugct3]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-xcevcugct3] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-xcevcugct3] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-xcevcugct3] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-xcevcugct3] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-xcevcugct3] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-xcevcugct3] {
    width: 18px;
    height: 14px;
}

.div-footer[b-xcevcugct3] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-xcevcugct3] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-xcevcugct3] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-xcevcugct3] {
    line-height: 15px;
}

.modal-title-entrerheure[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-xcevcugct3] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-xcevcugct3] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-xcevcugct3] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-xcevcugct3]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-xcevcugct3]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-xcevcugct3]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-xcevcugct3]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-xcevcugct3] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-xcevcugct3] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-xcevcugct3] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-xcevcugct3] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-xcevcugct3] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-xcevcugct3] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-xcevcugct3] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-xcevcugct3] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-xcevcugct3] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-xcevcugct3] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-xcevcugct3] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-xcevcugct3] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-xcevcugct3] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-xcevcugct3] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-xcevcugct3] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-xcevcugct3] {
    margin-top: 12px;
}

.img-choix[b-xcevcugct3] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-xcevcugct3] {
    margin-left: 4px;
}

.body-entry-time1[b-xcevcugct3] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-xcevcugct3] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-xcevcugct3] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-xcevcugct3] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-xcevcugct3] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-xcevcugct3] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-xcevcugct3] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-xcevcugct3] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-xcevcugct3] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-xcevcugct3] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-xcevcugct3] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-xcevcugct3] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-xcevcugct3] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-xcevcugct3] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-xcevcugct3] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-xcevcugct3] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-xcevcugct3] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-xcevcugct3] {
    margin-top: 9px;
}

.span-debut-chrono[b-xcevcugct3] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-xcevcugct3] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-xcevcugct3] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-xcevcugct3] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-xcevcugct3] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-xcevcugct3] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-xcevcugct3] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-xcevcugct3] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-xcevcugct3] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-xcevcugct3] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-xcevcugct3] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-xcevcugct3] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-xcevcugct3] {
    margin-top: -28px;
}

.div-title-manuel[b-xcevcugct3] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-xcevcugct3] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-xcevcugct3] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-xcevcugct3] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-xcevcugct3] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-xcevcugct3] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-xcevcugct3] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-xcevcugct3] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-xcevcugct3] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-xcevcugct3] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-xcevcugct3] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-xcevcugct3] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-xcevcugct3] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-xcevcugct3] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-xcevcugct3] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-xcevcugct3] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-xcevcugct3] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-xcevcugct3] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-xcevcugct3] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-xcevcugct3] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-xcevcugct3] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-xcevcugct3] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-xcevcugct3] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-xcevcugct3] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-xcevcugct3] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-xcevcugct3] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-xcevcugct3] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-xcevcugct3] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-xcevcugct3] {
    margin-left: 114px;
}

.note-livrer-pos[b-xcevcugct3] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-xcevcugct3] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-xcevcugct3] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-xcevcugct3] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-xcevcugct3] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-xcevcugct3] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-xcevcugct3] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-xcevcugct3] {
    width: 42px;
    height: 42px;
}

.span-scan[b-xcevcugct3] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-xcevcugct3] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-xcevcugct3] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-xcevcugct3] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-xcevcugct3] {
        display: block !important;
    }

    .display-date-sec[b-xcevcugct3] {
        display: none !important;
    }
}

.display-date[b-xcevcugct3] {
    display: none;
}

.modal-ts-content[b-xcevcugct3] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-xcevcugct3] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-xcevcugct3] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-xcevcugct3] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-xcevcugct3] {
    margin-left: 14px;
}

.modal-ts-footer[b-xcevcugct3] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-xcevcugct3] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-xcevcugct3] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-xcevcugct3] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-xcevcugct3] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-xcevcugct3] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-xcevcugct3] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-xcevcugct3] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-xcevcugct3] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
/* /Components/Location/FilterModalLocation.razor.rz.scp.css */

.modal-dialog-filter[b-7ro7q0u53n] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-7ro7q0u53n] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-7ro7q0u53n] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-7ro7q0u53n] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-7ro7q0u53n] {
    margin-top: 17px;
}

.closepop-entrerheure[b-7ro7q0u53n] {
    float: right;
}

.modal-body-filter[b-7ro7q0u53n] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-7ro7q0u53n] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-7ro7q0u53n] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-7ro7q0u53n] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-7ro7q0u53n] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-7ro7q0u53n] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
@media screen and (max-width: 1024px) {

    .personaliser-modal[b-7ro7q0u53n] {
        top: 25%;
        left: 16%;
    }
}
/* /Components/Location/NewEditLocation.razor.rz.scp.css */
.modal-back[b-19s8yo13ez] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-19s8yo13ez] {
    max-width: 433px;
    width: 433px;
    position: fixed;
    left: 35%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
}

[b-19s8yo13ez] .popup-footer {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-19s8yo13ez] {
    width: 433px;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-19s8yo13ez] {
    width: 433px;
    margin-left: 0px;
    background: #33A02C 0% 0% no-repeat padding-box;
    height: 60px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
}

.modal-title-popup[b-19s8yo13ez] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-19s8yo13ez] {
    margin-left: 0px;
}

[b-19s8yo13ez] .modal-body-add {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-19s8yo13ez] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
.modal-title-enterhour[b-19s8yo13ez] {
    flex: auto;
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 11px;
    margin-left: 12px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-19s8yo13ez] {
    padding-right: 8px;
}


.modal-enterhour-content[b-19s8yo13ez] {
    width: 561px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    /*    margin-left: -110px;
*/
}
.select-entry-style[b-19s8yo13ez] {
  
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 92% / 3% no-repeat white;
}
.modal-header-enterhour[b-19s8yo13ez] {
    height: 55px;
    background: #409c3cd6 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.form-control:focus[b-19s8yo13ez] {
    box-shadow: 0 0 0 0.09rem rgb(40 167 69 / 25%);
}

.inputtextarea[b-19s8yo13ez] {
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /* margin-top: 11px; */
    outline: none;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
}

.modal-dialog[b-19s8yo13ez] {
    position: absolute;
    float: left;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: unset;
    margin: unset;
    width: unset;
}

.input-date[b-19s8yo13ez] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

[b-19s8yo13ez] .span-username-res-id {
    padding-top: 4px;
}

.div-container-enterhour[b-19s8yo13ez] {
    display: flex;
    flex-direction: column;
    /*   padding-top: 15px;*/
    /*   padding-top: 15px;*/
    align-items: stretch;
    /*   padding: 5% 18% 5% 18%;*/
}

.div-hours[b-19s8yo13ez] {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-top: 5px;
}

.span-entrerheure-heure[b-19s8yo13ez] {
    letter-spacing: 0px;
    color: #2C333A;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    /*margin-left: 77px;*/
}
[b-19s8yo13ez] card-res{
    padding:0;
}
[b-19s8yo13ez] .span-username-res {
    margin-top: -13px;
}
    .div-space[b-19s8yo13ez] {
    display: grid;
    grid-template-columns: 0fr 1fr 3fr;
    margin-top: 12px;
}

.span-enterhour-title[b-19s8yo13ez] {
    letter-spacing: 0px;
    color: #2C333A;
    opacity: 1;
    font-size: 16px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Book Regular';
}

.line[b-19s8yo13ez] {
    border-bottom: 0.5px solid #8d8d8d3b;
}

.div-container[b-19s8yo13ez] {
    padding-left: 23px;
    padding-right: 20px;
    padding-top: 6px;
}

.div-summary[b-19s8yo13ez] {
    width: 140px;
    height: 37px;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 19px;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.div-detailss[b-19s8yo13ez] {
    margin-left: -20px;
    width: 140px;
    height: 37px;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 19px;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.form-div[b-19s8yo13ez] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 13px;
    padding-top: 8px;
}

[b-19s8yo13ez] .div-item-prj-p {
    margin-left: 0 !important;
}

.div-btn[b-19s8yo13ez] {
    display: flex;
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 15px
}

.span-btn-title[b-19s8yo13ez] {
    text-align: left;
    color: #222F3E;
    letter-spacing: 0px;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    opacity: 1;
}

.div-active[b-19s8yo13ez] {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

.span-active[b-19s8yo13ez] {
    color: #F2F2F2;
}

[b-19s8yo13ez] .switch input:checked + label {
    background-color: #00AE9E;
}

.switch label[b-19s8yo13ez] {
    width: 45px;
    height: 24px;
    margin-left: 6px;
    padding-top: 4px;
}

.switch-div[b-19s8yo13ez] {
    margin-top: -44px;
}

.span-prj-title[b-19s8yo13ez] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'Gravity-Bold';
    font-size: 14px;
    margin-left: 0px;
    padding-left: 8px;
}

.input-newsty[b-19s8yo13ez] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    /*margin-top: 11px;*/
    background: url(/icons/commande_icons/calendar.svg) no-repeat 5px;
    outline: none;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.textarea-note[b-19s8yo13ez] {
    font-family: 'Gravity-Regular';
    font-size: 14px;
}

.selec[b-19s8yo13ez] {
    font-family: 'Gravity-Regular';
    font-size: 14px;
}

.form-control:focus[b-19s8yo13ez] {
    box-shadow: 0 0 0 0.09rem rgba(40, 167, 69, 0.25);
}

.border-input:hover[b-19s8yo13ez] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-19s8yo13ez], .form-control[readonly][b-19s8yo13ez] {
    background-color: transparent;
    opacity: 1;
}

.input-newsty[b-19s8yo13ez]::-webkit-calendar-picker-indicator {
    height: 34px;
    top: 368px;
    width: 174px;
}

.input-tim[b-19s8yo13ez] {
    background: url(/icons/commande_icons/hour.svg) no-repeat 5px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    outline: none;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

input[type='time'][b-19s8yo13ez]::-webkit-calendar-picker-indicator {
    width: 97%;
    height: 31px;
}

.star-red[b-19s8yo13ez] {
    color: #BD0A09;
    font-weight: bold;
}

.modal-footer-accepter[b-19s8yo13ez] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.btn-footer[b-19s8yo13ez] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Gravity-Bold';
    font-size: 13px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}

.img-footer[b-19s8yo13ez] {
    width: 18px;
    height: 14px;
}

.div-footer[b-19s8yo13ez] {
    width: 50%;
    text-align: center;
    align-self: center;
}

[b-19s8yo13ez] .modal-header-log {
    height: 76px !important;
}

[b-19s8yo13ez] .modal-log-content {
    height: 349px !important;
    margin-left: 0 !important;
}

.div-footer[b-19s8yo13ez] {
    width: 50%;
    text-align: center;
}


.modal-footer-accepter[b-19s8yo13ez] {
    width: 100%;
    height: 60px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.img[b-19s8yo13ez] {
    height: 15px;
    width: 15px;
    display: block;
    margin: auto;
    margin-bottom: 5px
}
/* /Components/ModalInfo/ModalAddress.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.span-name[b-wyhtrjd9c6] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}
.span-title[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}
input[type='time'][b-wyhtrjd9c6]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-wyhtrjd9c6] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-wyhtrjd9c6] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-wyhtrjd9c6] {
    width: 100%;
}

    .switch input[type=checkbox][b-wyhtrjd9c6] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-wyhtrjd9c6] {
        cursor: pointer;
        text-indent: -99999px;
        width: 56px;
        height: 29px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
    }

    .switch input:checked + label[b-wyhtrjd9c6] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-wyhtrjd9c6]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-wyhtrjd9c6]:after {
        content: '';
        position: absolute;
        top: 3px;
        left: 5px;
        width: 23px;
        height: 23px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-wyhtrjd9c6] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-wyhtrjd9c6] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-wyhtrjd9c6] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-wyhtrjd9c6] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-wyhtrjd9c6] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-wyhtrjd9c6] {
    background-color: transparent;
    border: none;
    font-size: 30px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-wyhtrjd9c6] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-wyhtrjd9c6] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-wyhtrjd9c6], .column-3:focus[b-wyhtrjd9c6] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-wyhtrjd9c6] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-wyhtrjd9c6] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-wyhtrjd9c6] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-wyhtrjd9c6] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-wyhtrjd9c6] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-wyhtrjd9c6] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-wyhtrjd9c6] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-wyhtrjd9c6] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-wyhtrjd9c6] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-wyhtrjd9c6] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-wyhtrjd9c6] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-wyhtrjd9c6] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-wyhtrjd9c6] {
    margin-right: 0px;
}


select[b-wyhtrjd9c6] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-wyhtrjd9c6]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-wyhtrjd9c6] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-wyhtrjd9c6] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: 0px;
}

.modal-header-accepter[b-wyhtrjd9c6] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-wyhtrjd9c6] {
    margin-top: 10px;
    text-align: center;
    height: 250px;
    display: flex;
    max-height: 250px;
    overflow: auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 15px;
}

.modal-footer-accepter[b-wyhtrjd9c6] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-wyhtrjd9c6] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-wyhtrjd9c6] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-wyhtrjd9c6] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-wyhtrjd9c6] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-wyhtrjd9c6] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-wyhtrjd9c6] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-wyhtrjd9c6]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-wyhtrjd9c6]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-wyhtrjd9c6] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-wyhtrjd9c6] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-wyhtrjd9c6] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-wyhtrjd9c6] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-wyhtrjd9c6] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-wyhtrjd9c6] {
    width: 16px;
    height: 12px;
}

.ul-error[b-wyhtrjd9c6] {
    text-align: left;
    list-style: none;
}

.icon-error[b-wyhtrjd9c6] {
    width: 20px;
    height: 20px;
    margin-top: -3px;
}

.div-footer[b-wyhtrjd9c6] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/
.modal-entrerheure-content[b-wyhtrjd9c6] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -83px;
}

.modal-header-entrerheure[b-wyhtrjd9c6] {
    width: 335px;
    height: 60px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-wyhtrjd9c6] {
    line-height: 15px;
}

.modal-title-entrerheure[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 16px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-wyhtrjd9c6] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -5px;
    margin-left: 5px;
    outline: none !important;
}

.img-enterheure[b-wyhtrjd9c6] {
    margin-left: 16px;
    width: 20px;
    height: 59px;
}

.modal-footer-entrerheure[b-wyhtrjd9c6] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

[b-wyhtrjd9c6]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-wyhtrjd9c6] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-wyhtrjd9c6] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-wyhtrjd9c6] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-wyhtrjd9c6] {
    width: 23px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-wyhtrjd9c6] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-wyhtrjd9c6] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-wyhtrjd9c6] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-wyhtrjd9c6] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-wyhtrjd9c6] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-wyhtrjd9c6] {
    display: flex;
    flex-direction: column;
    padding-left: 46px;
    padding-bottom: 11px;
    padding-top: 18px;
}

}

.img-stat[b-wyhtrjd9c6] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-wyhtrjd9c6] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-wyhtrjd9c6] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-wyhtrjd9c6] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-wyhtrjd9c6] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-wyhtrjd9c6] {
    margin-top: 11px;
}

.img-choix[b-wyhtrjd9c6] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-wyhtrjd9c6] {
    margin-left: 4px;
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-wyhtrjd9c6] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-wyhtrjd9c6] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-wyhtrjd9c6] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-wyhtrjd9c6] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-wyhtrjd9c6] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-wyhtrjd9c6] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-wyhtrjd9c6] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-wyhtrjd9c6] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-wyhtrjd9c6] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-wyhtrjd9c6] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-wyhtrjd9c6] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-wyhtrjd9c6] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-wyhtrjd9c6] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-wyhtrjd9c6] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-wyhtrjd9c6] {
    margin-top: 9px;
}

.span-debut-chrono[b-wyhtrjd9c6] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-wyhtrjd9c6] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.modal-entrermanuel-content[b-wyhtrjd9c6] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-wyhtrjd9c6] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-wyhtrjd9c6] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-wyhtrjd9c6] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-wyhtrjd9c6] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-wyhtrjd9c6] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-wyhtrjd9c6] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-wyhtrjd9c6] {
    margin-left: 32px;
    margin-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none;
}

.div-box-heure[b-wyhtrjd9c6] {
    margin-top: -28px;
}

.div-title-manuel[b-wyhtrjd9c6] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-wyhtrjd9c6] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-wyhtrjd9c6] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-wyhtrjd9c6] {
    margin-left: 69px;
    width: 368px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-wyhtrjd9c6] {
    width: 368px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-wyhtrjd9c6] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-wyhtrjd9c6] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-wyhtrjd9c6] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-wyhtrjd9c6] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-wyhtrjd9c6] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-wyhtrjd9c6] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-wyhtrjd9c6] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-wyhtrjd9c6] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-wyhtrjd9c6] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-wyhtrjd9c6] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-wyhtrjd9c6] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-wyhtrjd9c6] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-wyhtrjd9c6] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-wyhtrjd9c6] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-wyhtrjd9c6] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-wyhtrjd9c6] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-wyhtrjd9c6] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-wyhtrjd9c6] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-wyhtrjd9c6] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-wyhtrjd9c6] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-wyhtrjd9c6] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-wyhtrjd9c6] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-wyhtrjd9c6] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-wyhtrjd9c6] {
    margin-left: 114px;
}

.note-livrer-pos[b-wyhtrjd9c6] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-wyhtrjd9c6] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-wyhtrjd9c6] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-wyhtrjd9c6] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-wyhtrjd9c6] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-wyhtrjd9c6] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-wyhtrjd9c6] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-wyhtrjd9c6] {
    width: 42px;
    height: 42px;
}

.span-scan[b-wyhtrjd9c6] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-wyhtrjd9c6] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-wyhtrjd9c6] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-wyhtrjd9c6] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-wyhtrjd9c6] {
        display: block !important;
    }

    .display-date-sec[b-wyhtrjd9c6] {
        display: none !important;
    }
}

.display-date[b-wyhtrjd9c6] {
    display: none;
}

.modal-ts-content[b-wyhtrjd9c6] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-wyhtrjd9c6] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-wyhtrjd9c6] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-wyhtrjd9c6] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-wyhtrjd9c6] {
    margin-left: 14px;
}

.modal-ts-footer[b-wyhtrjd9c6] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-wyhtrjd9c6] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-wyhtrjd9c6] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-wyhtrjd9c6] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-wyhtrjd9c6] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-wyhtrjd9c6] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-wyhtrjd9c6] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-wyhtrjd9c6] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-wyhtrjd9c6] {
    margin: 0;
}
/* /Components/ModalInfo/ModalAssignResource.razor.rz.scp.css */
@font-face {
	font-family: Montserrat-Regular;
	src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
	font-family: franklin-gothic-book;
	src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
	font-family: Franklin Book Regular;
	src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
input[type='time'][b-wia2m407gf]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;

}

/*Checkbox Toggle*/
.switch-div[b-wia2m407gf] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-wia2m407gf] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-wia2m407gf] {
  
    width: 100%;
}

    .switch input[type=checkbox][b-wia2m407gf] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-wia2m407gf] {
        cursor: pointer;
        text-indent: -99999px;
        width: 56px;
        height: 29px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
    }

    .switch input:checked + label[b-wia2m407gf] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-wia2m407gf]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-wia2m407gf]:after {
        content: '';
        position: absolute;
        top: 3px;
        left: 5px;
        width: 23px;
        height: 23px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-wia2m407gf] {
    background-color: rgb(34,47,62,.75);
    display: block;
   
}
.modal-content-revue[b-wia2m407gf] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;

}
.modal-header-revue[b-wia2m407gf] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}
.modal-footer-revue[b-wia2m407gf] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}
.modal-title[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
 
}
.modal-title-prog[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}
.img-revue[b-wia2m407gf] {
    width: 20px;
    height: 29px;
    opacity: 1;
}
.closepop[b-wia2m407gf] {
    background-color: transparent;
    border: none;
    font-size: 45px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 30px;
    outline: none !important;
    
}
.closepop-prog[b-wia2m407gf] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}
    .column-3[b-wia2m407gf] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}
 .column-3:hover[b-wia2m407gf], .column-3:focus[b-wia2m407gf] {
            background: #F9F9F9 0% 0% no-repeat padding-box;
            box-shadow: 1px 3px 9px #0000008C;
            opacity: 1;
  }
.div-col[b-wia2m407gf] {
    border-right: 2px solid #E6E6E6;
}
.img-footer-att[b-wia2m407gf] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-wia2m407gf] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-wia2m407gf] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
    
}
.modal-body-revue[b-wia2m407gf] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}
.emplacement[b-wia2m407gf] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}
.task-number[b-wia2m407gf] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}
.span-username[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}
.div-box[b-wia2m407gf] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}
.span-box-content[b-wia2m407gf] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float:left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}
.img-fleche[b-wia2m407gf] {
    margin-left: 46px;
    margin-top: 6px;
}
.span-sign[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}
.div-box-sign[b-wia2m407gf] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}
 
.modal-footer > :not(:first-child)[b-wia2m407gf] {
      margin-left: 0px;  
}
.modal-footer > :not(:last-child)[b-wia2m407gf] {
    margin-right: 0px;
}


select[b-wia2m407gf] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-wia2m407gf]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-wia2m407gf] {
        background: none\9;
        padding: 5px\9;
    }
}

  /*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-wia2m407gf] {
    width: 433px;
    height: 490px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 60px;
    margin-left: -83px;
}

.modal-header-accepter[b-wia2m407gf] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
/*    display: flex;
*/    justify-content: center;
    align-items: center;
 }
.modal-body-accepter[b-wia2m407gf] {
    text-align: center;
    height: 490px;
    display: flex;
    max-height: 600px;
    overflow: auto;
}
.modal-footer-accepter[b-wia2m407gf] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;


}
.span-accepter-qs[b-wia2m407gf] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
     color:  #576574;
}
.btn-footer[b-wia2m407gf] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 16px;

    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-wia2m407gf] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-wia2m407gf] {
     height: 159px;
    line-height: 15px;
    
}

.img-prog[b-wia2m407gf] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}
.progressbar[value][b-wia2m407gf] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

.progressbar[value][b-wia2m407gf]::-webkit-progress-bar {
    background-color: #F2F2F2;
    border-radius: 7px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

.progressbar[value][b-wia2m407gf]::-webkit-progress-value {
    background-color: #EA6852;
    border-radius: 7px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
.label-pers[b-wia2m407gf] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}
.span-minutes[b-wia2m407gf] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}
.div-prog[b-wia2m407gf] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}
.span-prog-title[b-wia2m407gf] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left:18px;
}
.img-hour[b-wia2m407gf] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}
.img-footer[b-wia2m407gf] {
    width: 16px;
    height: 12px;
}
.ul-error[b-wia2m407gf] {
    text-align: left;
    list-style: none;
}
.icon-error[b-wia2m407gf] {
    width: 20px;
    height: 20px;
    margin-top: -3px;
}
.div-footer[b-wia2m407gf] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/
.modal-entrerheure-content[b-wia2m407gf] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -83px;
}
.modal-header-entrerheure[b-wia2m407gf] {
    width: 335px;
    height: 60px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-wia2m407gf] {
     line-height: 15px;
}

.modal-title-entrerheure[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 16px;
    margin-left: 7px;
    font-size: 20.5px;
}
.closepop-entrerheure[b-wia2m407gf] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -5px;
    margin-left: 5px;
    outline: none !important;
}
.img-enterheure[b-wia2m407gf] {
    margin-left: 16px;
    width: 20px;
    height: 59px;
}
.modal-footer-entrerheure[b-wia2m407gf] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
     padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

[b-wia2m407gf]::-webkit-scrollbar {
    width: 0.1px;
}
.div-footer-entrerheure[b-wia2m407gf] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}
.div-footer-entrerheure-last[b-wia2m407gf] {
    width: 50%;
    height: 52px;
     border-bottom-left-radius: 7px;
     cursor:pointer;
}
.div-footer-entrerheure-first[b-wia2m407gf] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}
.img-footer-entrerheure[b-wia2m407gf]  {
    width: 23px;
    height: 23px;
    margin-top: 13px;
}
.div-footer-entrerheure:hover[b-wia2m407gf] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}
.div-footer-entrerheure-last:hover[b-wia2m407gf] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}
.div-footer-entrerheure-first:hover[b-wia2m407gf] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-wia2m407gf] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family:'Franklin Gothic Medium Regular';
    font-size:17px;
    outline:none !important;
}
.img-btn-add-entrerheure[b-wia2m407gf] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}
.div-container-entrerheure[b-wia2m407gf] {
    display: flex;
    flex-direction: column;
    padding-left: 46px;
    padding-bottom: 11px;
    padding-top: 18px;
}
}
.img-stat[b-wia2m407gf] {
    width: 33px;
    height: 33px;
}
.span-statut-name[b-wia2m407gf] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}
.span-entrerheure-title[b-wia2m407gf] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}
.span-entrerheure-heure[b-wia2m407gf] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}
.div-box-entrerheure[b-wia2m407gf] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}
.span-title-choix[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}
.div-space[b-wia2m407gf] {
    margin-top:11px;
}
.img-choix[b-wia2m407gf] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}
.img-stat[b-wia2m407gf] {
    margin-left: 4px;
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-wia2m407gf] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}
.modal-header-note[b-wia2m407gf] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display:flex;
    flex-direction:row;
}
.modal-body-note[b-wia2m407gf] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
/*    width: 404px;
*/    height: 423px;
}
.div-comp[b-wia2m407gf] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.img-note-modal[b-wia2m407gf] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}
.triangle-left[b-wia2m407gf] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-wia2m407gf] {
    
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-wia2m407gf] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-wia2m407gf] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
/*    width: 387px;
*/  
}
.img-att-modal[b-wia2m407gf] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}
.btn_upload[b-wia2m407gf] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-wia2m407gf] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor:pointer;
}
.span-title-demarerHorloge[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}
.img-demarage[b-wia2m407gf] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}
.span-chrono[b-wia2m407gf] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}
 
.div-espace[b-wia2m407gf] {
  
    margin-top: 9px;
}
.span-debut-chrono[b-wia2m407gf] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}
.div-box-entrermanuel[b-wia2m407gf] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    
    cursor: pointer;
}
.modal-entrermanuel-content[b-wia2m407gf] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
     margin-left: -83px;
}
.modal-body-entrermanuel[b-wia2m407gf] {
 overflow-x:hidden;
    overflow:scroll;
}

.div-box-date-container[b-wia2m407gf] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
/*  width: 200px;*/
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}
.span-title-entrermanuel[b-wia2m407gf] {
    text-align: left;
     letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family:'Franklin Gothic Medium Regular';
    font-size:15px;
}
.img-date-entrermanuel[b-wia2m407gf] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}
.img-heure-entrermanuel[b-wia2m407gf] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}
    .div-box-date[b-wia2m407gf] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}
.input-date[b-wia2m407gf] {
    border: none;
    outline: none;
    height: inherit;
    width: 138px;
    color: #35414C;
    font-family: 'GravityRegular';
    font-size: 15px;
    position: relative;
    margin-top: 14px;
    margin-left: 12px;
}

.input-date-heure[b-wia2m407gf] {
    padding: 0;
    margin: 0;
    padding-left: 33px;
    height: 40px;
    color: #35414C;
    font-family: 'GravityRegular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none;
}
.div-box-heure[b-wia2m407gf] {
    margin-top: -28px;
}
.div-title-manuel[b-wia2m407gf] {
    padding-top: 10px;
    padding-bottom: 5px;
 
}
.div-box-note-container[b-wia2m407gf] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}
.textarea-note[b-wia2m407gf] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-wia2m407gf] {
    margin-left: 69px;
    width: 368px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-wia2m407gf] {
    width: 368px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-wia2m407gf] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x:hidden;
}
.date-log-style[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family:'Franklin Book Regular';
    font-size:11px;
}

.date-log-img[b-wia2m407gf] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}
.span-cumul[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family:'Franklin Gothic Demi Regular';
    font-size:14px;
}
.span-cumul-content[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}
.span-title-note[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}
.span-title-note-content[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}
.poslog-entrerheure[b-wia2m407gf] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-wia2m407gf] {
    width: 335px;
     background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-wia2m407gf] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-wia2m407gf] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}
.item-title[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}
.item-number[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-wia2m407gf] {
    overflow: scroll;
    overflow-x: hidden;
}
.img-track[b-wia2m407gf] {
    width: 31px;
    height: 23px;
    margin-left:13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-wia2m407gf] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-wia2m407gf] {
    text-align: center;
    height: 80px;
     margin-top: 15px;
}

.modal-footer-req[b-wia2m407gf] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content:center;
}

.modal-req-content[b-wia2m407gf] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}
.img-req[b-wia2m407gf] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor:pointer;
}
.div-scan-cat[b-wia2m407gf] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}
.modal-title-req[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}
.btn-hover-confirm:hover[b-wia2m407gf] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}
.span-requistionner[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor:pointer;
}
    .span-requistionner:hover[b-wia2m407gf] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }
.box-add[b-wia2m407gf] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor:pointer;
   
}

.span-count[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-wia2m407gf] {
    border-radius: 0px 0px 0px 8px;
}
.col-last:hover[b-wia2m407gf] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-wia2m407gf] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-wia2m407gf] {
    position: absolute;
    top: -496px;
    left: 488px;
}
.note-entrermanuel-pos[b-wia2m407gf] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-wia2m407gf] {
    margin-left: 70px;
    margin-top: 162px;
}
.att-livrer-pos[b-wia2m407gf] {
    margin-left: 114px;
}

.note-livrer-pos[b-wia2m407gf] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-wia2m407gf] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}
.btn-cancel-livrer[b-wia2m407gf] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}
.img-conf[b-wia2m407gf] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}
.div-log-container[b-wia2m407gf] {
    
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom:5px;
    margin-top:3px;
}
    .div-log-container:hover[b-wia2m407gf] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-wia2m407gf] {
    width: 100%;
    margin-bottom: 12px;
     background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}
.img-scan[b-wia2m407gf] {
    width: 42px;
    height: 42px;
}

.span-scan[b-wia2m407gf] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}
.span-catalog[b-wia2m407gf] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor:pointer;
}
.div-log[b-wia2m407gf] {
    display: flex;
    flex-direction: column;
        flex:auto;
}
.div-dte[b-wia2m407gf] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-wia2m407gf] {
        display: block !important;
    }
    .display-date-sec[b-wia2m407gf] {
        display: none !important;
    }
}
.display-date[b-wia2m407gf]{
    display:none;
}

.modal-ts-content[b-wia2m407gf] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-wia2m407gf] {
     height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-wia2m407gf] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}
.modal-body-ts[b-wia2m407gf] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 387px;
}
.note-ts-pos[b-wia2m407gf] {
    margin-left: 14px;
 
}

.modal-ts-footer[b-wia2m407gf] {
     height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-wia2m407gf] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14.5px;
    margin-left: 15px;
}
.span-entry-number[b-wia2m407gf] {
    font-family: 'GravityRegular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
.span-manualEntry[b-wia2m407gf] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}
.btn-confirm[b-wia2m407gf] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}
.img-footer-note[b-wia2m407gf] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}
.img-footer-attchmnt[b-wia2m407gf] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}
.att-modal-from-log[b-wia2m407gf] {
    margin-left:325px;
    margin-top: 160px;
    
}
.no-margin[b-wia2m407gf]{
    margin:0;
}
/*//assign ressources*/
.modal-header-assignRessource[b-wia2m407gf] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    align-items: center;
    background-color: #268BFD;
}
.userimgHeader[b-wia2m407gf] {
    width: 47px;
    object-fit: cover;
    border-radius: 50%;
    border-radius: 23px;
    margin-top: 3px;
}
.main-div-assign[b-wia2m407gf] {
    min-width: 201px;
    text-align:left;
}
.div-entry-dateTime[b-wia2m407gf] {
    height: 80px;
    margin-top:8px;
}
.div-time-assign[b-wia2m407gf] {
    width: 100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171e33;
    border-radius: 17px;
}


.inputStart[b-wia2m407gf]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: 100%;
    left: -35px;
    position: absolute;
    right: 0;
    top: -14px;
    width: 242px;
    height: 34px;
}
/* /Components/ModalInfo/ModalRole.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-atchwm40dt]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-atchwm40dt] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-atchwm40dt] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-atchwm40dt] {
    width: 100%;
}

    .switch input[type=checkbox][b-atchwm40dt] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-atchwm40dt] {
        cursor: pointer;
        text-indent: -99999px;
        width: 56px;
        height: 29px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
    }

    .switch input:checked + label[b-atchwm40dt] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-atchwm40dt]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-atchwm40dt]:after {
        content: '';
        position: absolute;
        top: 3px;
        left: 5px;
        width: 23px;
        height: 23px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-atchwm40dt] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-atchwm40dt] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-atchwm40dt] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-atchwm40dt] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    flex:auto;
}

.modal-title-prog[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-atchwm40dt] {
    width: 20px;
    height: 29px;
    opacity: 1;
}
.closem[b-atchwm40dt] {
    margin-top: -10px !important;
    padding-right: 36px !important;
    font-size: 42px !important;
}
.closepop[b-atchwm40dt] {
    background-color: transparent;
    border: none;
    font-size: 30px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-atchwm40dt] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-atchwm40dt] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-atchwm40dt], .column-3:focus[b-atchwm40dt] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-atchwm40dt] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-atchwm40dt] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-atchwm40dt] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-atchwm40dt] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-atchwm40dt] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-atchwm40dt] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-atchwm40dt] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-atchwm40dt] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-atchwm40dt] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-atchwm40dt] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-atchwm40dt] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-atchwm40dt] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-atchwm40dt] {
    margin-right: 0px;
}


select[b-atchwm40dt] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-atchwm40dt]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-atchwm40dt] {
        background: none\9;
        padding: 5px\9;
    }
}


@media (max-width:950px){
    .modal-Skills-content[b-atchwm40dt] {
        width: 300px !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }
    .modal-body-skills[b-atchwm40dt] {
        height: 315px;
        overflow-y: scroll;
    }
    .modal-dialog-centered[b-atchwm40dt] {
        margin: 1.75rem auto !important;
    }
}
/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-atchwm40dt] {
    width: 433px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-atchwm40dt] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-atchwm40dt] {
    margin-top: 10px;
    text-align: center;
    height: 250px;
    display: flex;
    max-height: 250px;
    overflow: auto;
}

.modal-footer-accepter[b-atchwm40dt] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-atchwm40dt] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-atchwm40dt] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    border: none;
    outline: none !important;
    background: none;
}


/*-------------------------- Skills Modal ------------------*/
.modal-Skills-content[b-atchwm40dt] {
    width: 433px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-header-Skills[b-atchwm40dt] {
    width:100%;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-Skills[b-atchwm40dt] {
    margin-top: 10px;
    text-align: center;
    height: 250px;
    display: flex;
    max-height: 250px;
    overflow: auto;
}

.modal-footer-Skills[b-atchwm40dt] {
    width: 100%;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-Skills-qs[b-atchwm40dt] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-atchwm40dt] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-atchwm40dt] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-atchwm40dt] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-atchwm40dt] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-atchwm40dt] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-atchwm40dt]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-atchwm40dt]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-atchwm40dt] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-atchwm40dt] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-atchwm40dt] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-atchwm40dt] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-atchwm40dt] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-atchwm40dt] {
    width: 16px;
    height: 12px;
}

.ul-error[b-atchwm40dt] {
    text-align: left;
    list-style: none;
}

.icon-error[b-atchwm40dt] {
    width: 20px;
    height: 20px;
    margin-top: -3px;
}

.div-footer[b-atchwm40dt] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/
.modal-entrerheure-content[b-atchwm40dt] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -83px;
}

.modal-header-entrerheure[b-atchwm40dt] {
    width: 335px;
    height: 60px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-atchwm40dt] {
    line-height: 15px;
}

.modal-title-entrerheure[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 16px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-atchwm40dt] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -5px;
    margin-left: 5px;
    outline: none !important;
}

.img-enterheure[b-atchwm40dt] {
    margin-left: 16px;
    width: 20px;
    height: 59px;
}

.modal-footer-entrerheure[b-atchwm40dt] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

[b-atchwm40dt]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-atchwm40dt] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-atchwm40dt] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-atchwm40dt] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-atchwm40dt] {
    width: 23px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-atchwm40dt] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-atchwm40dt] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-atchwm40dt] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-atchwm40dt] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-atchwm40dt] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-atchwm40dt] {
    display: flex;
    flex-direction: column;
    padding-left: 46px;
    padding-bottom: 11px;
    padding-top: 18px;
}

}

.img-stat[b-atchwm40dt] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-atchwm40dt] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-atchwm40dt] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-atchwm40dt] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-atchwm40dt] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-atchwm40dt] {
    margin-top: 11px;
}

.img-choix[b-atchwm40dt] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-atchwm40dt] {
    margin-left: 4px;
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-atchwm40dt] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-atchwm40dt] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-atchwm40dt] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-atchwm40dt] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-atchwm40dt] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-atchwm40dt] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-atchwm40dt] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-atchwm40dt] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-atchwm40dt] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-atchwm40dt] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-atchwm40dt] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-atchwm40dt] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-atchwm40dt] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-atchwm40dt] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-atchwm40dt] {
    margin-top: 9px;
}

.span-debut-chrono[b-atchwm40dt] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-atchwm40dt] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.modal-entrermanuel-content[b-atchwm40dt] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-atchwm40dt] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-atchwm40dt] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-atchwm40dt] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-atchwm40dt] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-atchwm40dt] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-atchwm40dt] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-atchwm40dt] {
    margin-left: 32px;
    margin-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none;
}

.div-box-heure[b-atchwm40dt] {
    margin-top: -28px;
}

.div-title-manuel[b-atchwm40dt] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-atchwm40dt] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-atchwm40dt] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-atchwm40dt] {
    margin-left: 69px;
    width: 368px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-atchwm40dt] {
    width: 368px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-atchwm40dt] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-atchwm40dt] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-atchwm40dt] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-atchwm40dt] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-atchwm40dt] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-atchwm40dt] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-atchwm40dt] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-atchwm40dt] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-atchwm40dt] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-atchwm40dt] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-atchwm40dt] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-atchwm40dt] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-atchwm40dt] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-atchwm40dt] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-atchwm40dt] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-atchwm40dt] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-atchwm40dt] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-atchwm40dt] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-atchwm40dt] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-atchwm40dt] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-atchwm40dt] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-atchwm40dt] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-atchwm40dt] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-atchwm40dt] {
    margin-left: 114px;
}

.note-livrer-pos[b-atchwm40dt] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-atchwm40dt] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-atchwm40dt] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-atchwm40dt] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-atchwm40dt] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-atchwm40dt] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-atchwm40dt] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-atchwm40dt] {
    width: 42px;
    height: 42px;
}

.span-scan[b-atchwm40dt] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-atchwm40dt] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-atchwm40dt] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-atchwm40dt] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-atchwm40dt] {
        display: block !important;
    }

    .display-date-sec[b-atchwm40dt] {
        display: none !important;
    }
}

.display-date[b-atchwm40dt] {
    display: none;
}

.modal-ts-content[b-atchwm40dt] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-atchwm40dt] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-atchwm40dt] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-atchwm40dt] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-atchwm40dt] {
    margin-left: 14px;
}

.modal-ts-footer[b-atchwm40dt] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-atchwm40dt] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-atchwm40dt] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-atchwm40dt] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-atchwm40dt] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-atchwm40dt] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-atchwm40dt] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-atchwm40dt] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-atchwm40dt] {
    margin: 0;
}
.span-comp-title[b-atchwm40dt] {
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-comp-sub-title[b-atchwm40dt] {
    margin-left: 10px;
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}

.span-comp-value[b-atchwm40dt] {
    color: #8395A7;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}
/* /Components/ModalInfo/ModalRoleResource.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-ewmisggwus]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-ewmisggwus] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-ewmisggwus] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-ewmisggwus] {
    width: 100%;
}

    .switch input[type=checkbox][b-ewmisggwus] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-ewmisggwus] {
        cursor: pointer;
        text-indent: -99999px;
        width: 56px;
        height: 29px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
    }

    .switch input:checked + label[b-ewmisggwus] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-ewmisggwus]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-ewmisggwus]:after {
        content: '';
        position: absolute;
        top: 3px;
        left: 5px;
        width: 23px;
        height: 23px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-ewmisggwus] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-ewmisggwus] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-ewmisggwus] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-ewmisggwus] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-ewmisggwus] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-ewmisggwus] {
    background-color: transparent;
    border: none;
    font-size: 30px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-ewmisggwus] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-ewmisggwus] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-ewmisggwus], .column-3:focus[b-ewmisggwus] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-ewmisggwus] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-ewmisggwus] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-ewmisggwus] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-ewmisggwus] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-ewmisggwus] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-ewmisggwus] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-ewmisggwus] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-ewmisggwus] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-ewmisggwus] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-ewmisggwus] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-ewmisggwus] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-ewmisggwus] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-ewmisggwus] {
    margin-right: 0px;
}


select[b-ewmisggwus] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-ewmisggwus]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-ewmisggwus] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-ewmisggwus] {
    width: 433px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-ewmisggwus] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-ewmisggwus] {
    margin-top: 10px;
    text-align: center;
    height: 250px;
    display: flex;
    max-height: 250px;
    overflow: auto;
}

.modal-footer-accepter[b-ewmisggwus] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-ewmisggwus] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-ewmisggwus] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    border: none;
    outline: none !important;
    background: none;
}


/*-------------------------- Skills Modal ------------------*/
.modal-Skills-content[b-ewmisggwus] {
    width: 433px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-Skills[b-ewmisggwus] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-Skills[b-ewmisggwus] {
    margin-top: 10px;
    text-align: center;
    height: 250px;
    display: flex;
    max-height: 250px;
    overflow: auto;
}

.modal-footer-Skills[b-ewmisggwus] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-Skills-qs[b-ewmisggwus] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-ewmisggwus] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-ewmisggwus] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-ewmisggwus] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-ewmisggwus] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-ewmisggwus] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-ewmisggwus]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-ewmisggwus]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-ewmisggwus] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-ewmisggwus] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-ewmisggwus] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-ewmisggwus] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-ewmisggwus] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-ewmisggwus] {
    width: 16px;
    height: 12px;
}

.ul-error[b-ewmisggwus] {
    text-align: left;
    list-style: none;
}

.icon-error[b-ewmisggwus] {
    width: 20px;
    height: 20px;
    margin-top: -3px;
}

.div-footer[b-ewmisggwus] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/
.modal-entrerheure-content[b-ewmisggwus] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -83px;
}

.modal-header-entrerheure[b-ewmisggwus] {
    width: 335px;
    height: 60px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-ewmisggwus] {
    line-height: 15px;
}

.modal-title-entrerheure[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 16px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-ewmisggwus] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -5px;
    margin-left: 5px;
    outline: none !important;
}

.img-enterheure[b-ewmisggwus] {
    margin-left: 16px;
    width: 20px;
    height: 59px;
}

.modal-footer-entrerheure[b-ewmisggwus] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

[b-ewmisggwus]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-ewmisggwus] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-ewmisggwus] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-ewmisggwus] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-ewmisggwus] {
    width: 23px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-ewmisggwus] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-ewmisggwus] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-ewmisggwus] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-ewmisggwus] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-ewmisggwus] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-ewmisggwus] {
    display: flex;
    flex-direction: column;
    padding-left: 46px;
    padding-bottom: 11px;
    padding-top: 18px;
}

}

.img-stat[b-ewmisggwus] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-ewmisggwus] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-ewmisggwus] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-ewmisggwus] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-ewmisggwus] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-ewmisggwus] {
    margin-top: 11px;
}

.img-choix[b-ewmisggwus] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-ewmisggwus] {
    margin-left: 4px;
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-ewmisggwus] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-ewmisggwus] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-ewmisggwus] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-ewmisggwus] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-ewmisggwus] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-ewmisggwus] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-ewmisggwus] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-ewmisggwus] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-ewmisggwus] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-ewmisggwus] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-ewmisggwus] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-ewmisggwus] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-ewmisggwus] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-ewmisggwus] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-ewmisggwus] {
    margin-top: 9px;
}

.span-debut-chrono[b-ewmisggwus] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-ewmisggwus] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.modal-entrermanuel-content[b-ewmisggwus] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-ewmisggwus] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-ewmisggwus] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-ewmisggwus] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-ewmisggwus] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-ewmisggwus] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-ewmisggwus] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-ewmisggwus] {
    margin-left: 32px;
    margin-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none;
}

.div-box-heure[b-ewmisggwus] {
    margin-top: -28px;
}

.div-title-manuel[b-ewmisggwus] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-ewmisggwus] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-ewmisggwus] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-ewmisggwus] {
    margin-left: 69px;
    width: 368px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-ewmisggwus] {
    width: 368px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-ewmisggwus] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-ewmisggwus] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-ewmisggwus] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-ewmisggwus] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-ewmisggwus] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-ewmisggwus] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-ewmisggwus] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-ewmisggwus] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-ewmisggwus] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-ewmisggwus] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-ewmisggwus] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-ewmisggwus] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-ewmisggwus] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-ewmisggwus] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-ewmisggwus] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-ewmisggwus] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-ewmisggwus] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-ewmisggwus] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-ewmisggwus] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-ewmisggwus] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-ewmisggwus] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-ewmisggwus] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-ewmisggwus] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-ewmisggwus] {
    margin-left: 114px;
}

.note-livrer-pos[b-ewmisggwus] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-ewmisggwus] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-ewmisggwus] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-ewmisggwus] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-ewmisggwus] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-ewmisggwus] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-ewmisggwus] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-ewmisggwus] {
    width: 42px;
    height: 42px;
}

.span-scan[b-ewmisggwus] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-ewmisggwus] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-ewmisggwus] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-ewmisggwus] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-ewmisggwus] {
        display: block !important;
    }

    .display-date-sec[b-ewmisggwus] {
        display: none !important;
    }
}

.display-date[b-ewmisggwus] {
    display: none;
}

.modal-ts-content[b-ewmisggwus] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-ewmisggwus] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-ewmisggwus] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-ewmisggwus] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-ewmisggwus] {
    margin-left: 14px;
}

.modal-ts-footer[b-ewmisggwus] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-ewmisggwus] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-ewmisggwus] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-ewmisggwus] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-ewmisggwus] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-ewmisggwus] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-ewmisggwus] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-ewmisggwus] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-ewmisggwus] {
    margin: 0;
}
.span-comp-title[b-ewmisggwus] {
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-comp-sub-title[b-ewmisggwus] {
    margin-left: 10px;
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}

.span-comp-value[b-ewmisggwus] {
    color: #8395A7;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}
/* /Components/NewUserComponents/AssignResourceUserModal.razor.rz.scp.css */
.modal-back[b-71sz4wfwxw] {
    background-color: rgb(34,47,62,.75);
}
.modal-dialog-popup[b-71sz4wfwxw] {
    max-width: 800px;
    width: 800px;
    position: fixed;
    left: 25%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
}

[b-71sz4wfwxw] .popup-footer {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-71sz4wfwxw] {
    width: 433px;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-71sz4wfwxw] {
    width: 433px;
    margin-left: 0px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    height: 60px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
}
.modal-title-popup[b-71sz4wfwxw] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-71sz4wfwxw] {
    margin-left: 0px;
}

[b-71sz4wfwxw] .modal-body-add {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-71sz4wfwxw] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
.arrow_left[b-71sz4wfwxw] {
    background: url(/icons/deplacer-gauche.svg) no-repeat;
    height: 50px;
    background-size: 52px;
    background-position: 0% 61%;
    width: 46px;
    float: right;
    cursor: pointer;
    border: none;
    outline: none !important;
}
    .arrow_left:hover[b-71sz4wfwxw] {
        background: url(/icons/deplacer-gauche-hover.svg) no-repeat;
        height: 50px;
        background-size: 52px;
        background-position: 0% 61%;
        width: 46px;
        float: right;
        cursor: pointer;
        border: none;
    }

.modal-center-dialog[b-71sz4wfwxw] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* /Components/NRNCommunComponents/ActifBtn.razor.rz.scp.css */

.span-prj-title[b-6biin4i7e8] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14.5px;
}
/* /Components/NRNCommunComponents/ActionButtonComponent.razor.rz.scp.css */
.div-group-child[b-3h80gj7mre] {
    display: flex;
    flex-direction: column;
    margin-left: 25px;
    font-family: 'GravityBold';
    font-size: 13px;
    margin-top: 15px;
    cursor: pointer;
}

img[b-3h80gj7mre] {
    height: 15px;
    width: 15px;
    display: block;
    margin: auto;
    margin-bottom: 5px
}

.label-span[b-3h80gj7mre] {
    margin-bottom: 8px;
}
/* /Components/NRNCommunComponents/ActionsListBoxComponent.razor.rz.scp.css */
.top[b-8g7h0plxtk] {
    display: flex;
    width: 100%;
}
.positiontrian[b-8g7h0plxtk] {
    margin-top: 43px !important;
    margin-left:-1px !important;
}
.positiontrian2[b-8g7h0plxtk] {
    margin-top: 44px !important;
    margin-left: -21px !important;
}
.div-top[b-8g7h0plxtk] {
    width: 50%;
}

.date-style[b-8g7h0plxtk] {
    margin-left: 15px;
    padding-left: 15px;
}

[b-8g7h0plxtk] .img-stat-large {
    width: 43px;
    height: 45px;
    margin-top: 16px;
}

.icon-st[b-8g7h0plxtk] {
    margin-left: 31px;
    margin-top: -1px;
}

[b-8g7h0plxtk] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.icon-menu[b-8g7h0plxtk] {
    padding-left: 17px;
    margin-top: 21px;
    padding-right: 5px;
    width: 27px;
    cursor: pointer;
}

.table-nrn[b-8g7h0plxtk] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-8g7h0plxtk] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-8g7h0plxtk] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-8g7h0plxtk] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-8g7h0plxtk] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-8g7h0plxtk] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-8g7h0plxtk] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-8g7h0plxtk] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-8g7h0plxtk] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-8g7h0plxtk] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-8g7h0plxtk] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

.drop-down-ul[b-8g7h0plxtk] {
    margin-top: 22px;
    margin-left: -169px;
    position: absolute;
    width: 207px;
    height: auto;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #576574;
    list-style: none;
    background: #FFFFFF 0% 0% no-repeat;
    box-shadow: 3px 3px 8px #00000040;
    z-index: 1003;
}

.li-tr[b-8g7h0plxtk] {
    width: auto;
    height: 41px;
    border-bottom: 0px;
    padding-top: 9px;
    margin-left: -40px;
    cursor: pointer;
    border-bottom: 1.5px solid #00000010;
}

.li-span[b-8g7h0plxtk] {
    margin-left: 6px;
}

.li-img[b-8g7h0plxtk] {
    margin-right: 5px;
    margin-top: -3px;
    margin-left: 20px;
}

.hide[b-8g7h0plxtk] {
    display: none;
}

.somme-triang[b-8g7h0plxtk] {
    margin-top: 3px;
    margin-left: 34px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}


[b-8g7h0plxtk] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-8g7h0plxtk] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-8g7h0plxtk] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-8g7h0plxtk] {
        display: block;
    }

[b-8g7h0plxtk] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-8g7h0plxtk] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}



[b-8g7h0plxtk] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-8g7h0plxtk] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 20px;
}

[b-8g7h0plxtk] .btn-del {
    height: 15px;
    width: 13px;
}

[b-8g7h0plxtk] .cen-select {
    margin-top: 15px;
}

[b-8g7h0plxtk] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-8g7h0plxtk] .fa {
    padding-left: 8px;
    float: none !important;
}

progress[b-8g7h0plxtk]::-webkit-progress-value {
    background: #0898D7;
}

.progr-bar[b-8g7h0plxtk] {
    width: 84px;
    height: 6px;
    margin-left: 0;
    margin-top: 4px;
}

.span-bar[b-8g7h0plxtk] {
    margin-top: -10px;
    padding-left: 39px;
    /* padding-left: 19px; */
    margin-left: 15px;
}

.div-group-grid[b-8g7h0plxtk] {
    display: grid;
}

.img-emplac[b-8g7h0plxtk] {
    width: 17px;
    margin-left: 13px;
    margin-top: -7px;
    cursor: pointer;
}
/* /Components/NRNCommunComponents/AddBtn.razor.rz.scp.css */



.img-icon1[b-y4ap6g57f2] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}
.img-icon2[b-y4ap6g57f2] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display:none;
}




.btn-style[b-y4ap6g57f2] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #33A02C;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 5px;
}

.btn-style-dis[b-y4ap6g57f2] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #33A02C;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 5px;
}
    .btn-style-dis:hover[b-y4ap6g57f2] {
        cursor: not-allowed;
    }

    .btn-style-dis:focus[b-y4ap6g57f2] {
        outline: none;
    }

.btn-style:hover[b-y4ap6g57f2] {
    font-family: 'GravityBold';
    font-size: 13px;
    letter-spacing: 0.28px;
    color: #ffffff;
    background: #33A02C 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;

}
.btn-style:hover .img-icon1[b-y4ap6g57f2] {
    display: none;
}
    .btn-style:hover .img-icon2[b-y4ap6g57f2] {
        display: block;
    }
.btn-style:focus[b-y4ap6g57f2] {
    outline: none;
}
    
/* /Components/NRNCommunComponents/AddressComponents/AddressCardComponent.razor.rz.scp.css */

.adr-title[b-zv3dnczm03] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family:'GravityBold';
    font-size: 14px;
}
.adr-details[b-zv3dnczm03] {
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 13px;
}
.adr-card[b-zv3dnczm03] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
   /* box-shadow: 0px 3px 6px #00000029;*/
    opacity: 1;
    padding: 1rem;
    /*border: 1px solid #eaeaea;*/
}

.selected-adr-card[b-zv3dnczm03] {
    background: #F7F7F7 0% 0% no-repeat padding-box;
}

.span-primary[b-zv3dnczm03] {
    color: #7F8C8D;
    font-family:"Gravity-Reagular";
    font-size : 10px;
}
/* /Components/NRNCommunComponents/AddressComponents/AddressesComponent.razor.rz.scp.css */
.div-header[b-46n75027og] {
    padding: 1rem;
    text-align: left;
    letter-spacing: 0px;
    color: #4C4C4C;
    opacity: 1;
    font-family: "GravityBold";
    font-size: 18px;
}
/* /Components/NRNCommunComponents/AddressComponents/AddressesGridComponent.razor.rz.scp.css */
*[b-0f97rr4mwv] {
    box-sizing: border-box;
}

.top[b-0f97rr4mwv] {
    margin-top: -16px;
    margin-bottom: -30px;
}

.img-roundC[b-0f97rr4mwv] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #268BFD;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 7px;
}

.column[b-0f97rr4mwv] {
    float: left;
    width: 50%;
    padding: 0 10px;
}

.div-header[b-0f97rr4mwv] {
    justify-content: space-between;
    display: flex;
    width: 100%;
}
/* /Components/NRNCommunComponents/AddressComponents/AddressesListComponent.razor.rz.scp.css */

.div-group-child[b-ig5cgz8goa] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.span-code[b-ig5cgz8goa] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

span.name[b-ig5cgz8goa] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    margin-left: 15px;
}
@media  screen and (min-width:1700px) {
    .container-list[b-ig5cgz8goa] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 779px;
    }
}

@media  screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-ig5cgz8goa] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 562px;
    }
}
@media screen and (min-width:1700px) {
    .container-list1[b-ig5cgz8goa] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list1[b-ig5cgz8goa] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
    }
}

.div-cont1[b-ig5cgz8goa] {
    max-height: 300px;
    overflow-y: auto;
}
/* /Components/NRNCommunComponents/AddressComponents/AddressFormComponent.razor.rz.scp.css */
body[b-tm9luqhlqd] {
}
/* /Components/NRNCommunComponents/AddressComponents/AddressSmallFormComponent.razor.rz.scp.css */
/* /Components/NRNCommunComponents/AdjustBtn.razor.rz.scp.css */

.img-icon1[b-vvbu4p7vmr] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-vvbu4p7vmr] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}




.btn-style[b-vvbu4p7vmr] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #2488ff;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px;
}

.btn-style-dis[b-vvbu4p7vmr] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #2488ff;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px;
}

    .btn-style-dis:hover[b-vvbu4p7vmr] {
        cursor: not-allowed;
    }

    .btn-style-dis:focus[b-vvbu4p7vmr] {
        outline: none;
    }

.btn-style:hover[b-vvbu4p7vmr] {
    font-family: 'GravityBold';
    font-size: 13px;
    letter-spacing: 0.28px;
    color: #ffffff;
    background: #2488ff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

    .btn-style:hover .img-icon1[b-vvbu4p7vmr] {
        display: none;
    }

    .btn-style:hover .img-icon2[b-vvbu4p7vmr] {
        display: block;
    }

.btn-style:focus[b-vvbu4p7vmr] {
    outline: none;
}
/* /Components/NRNCommunComponents/AttachNoteComponent.razor.rz.scp.css */
.css-shapes-formplus[b-5mqkontx32] {
    filter: drop-shadow(2px 1px 2px #838384);
    margin-top: -3px;
    margin-right: 10px;
    margin-bottom: -10px;
    margin-left: 10px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 33px;
    width: 33px;
    background-color: #007bc5;
    border-radius: 150px;
    cursor: pointer;
}

.hide[b-5mqkontx32] {
    display: none !important;
}

.listsegment1[b-5mqkontx32] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    filter: drop-shadow(2px 1px 2px #838384);
    background-color: #fff;
    position: absolute;
    z-index: 1003;
    min-width: 282px;
    margin-left: 83px;
    min-height: 336px;
    margin-top: -115px;
}

.somme-triang[b-5mqkontx32] {
    margin-top: -23px;
    margin-left: 70px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    transform: rotate(-90deg);
    font-size: 20px;
}

.container1[b-5mqkontx32] {
    text-align: left;
    height: 264px;
    overflow-y: scroll;
    line-height: 36px;
}

.spansegment[b-5mqkontx32] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'GravityBold';
    color: #FFFFFF;
    text-align: left;
    margin-top: -11px;
/*    background-color: #F7931E;
*/    background: #0898D7 0% 0% no-repeat padding-box;
    height: 42px;
    padding-top: 10px;
    padding-left: 20px;
}

.css-shapes-form-plus[b-5mqkontx32] {
    margin-top: 23px;
    margin-right: 138px;
    margin-bottom: 10px;
    margin-left: 10px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    position: absolute;
    height: 43px;
    border-radius: 150px;
}

.search[b-5mqkontx32] {
    background-color: #EFEFEF;
    width: 280px;
    border: none;
    padding-left: 20px;
    height: 41px;
}

    .search:focus[b-5mqkontx32] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    }

.pourcent[b-5mqkontx32] {
    margin-left: 74px;
}
/* /Components/NRNCommunComponents/BourseComponent.razor.rz.scp.css */
.div-bourse[b-iv3werxnwi] {
    display: flex;
    flex-direction: row;
}
.bourse-icon[b-iv3werxnwi] {
    width: 50px;
    height: 50px;
    margin-top: 10px;
}
.lab[b-iv3werxnwi] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}
.amount[b-iv3werxnwi] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 24px;
    outline: none;
    font-family: 'GravityBold';
    font-size: 14px;
    padding: 9px;
    padding-left: 7px;
    color: #218d83;
    width: 134px !important;
    height: 32px !important;
    text-align: left
}

    .amount:focus[b-iv3werxnwi] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: white;
    }

  
/* /Components/NRNCommunComponents/BtnApercuComponent.razor.rz.scp.css */
.linelabel[b-7t0yev3ahc] {
    font-family: 'GravityBold';
    font-size: 15px;
    color: #00426A;
    padding-left: 10px;
}

.span-prj-title[b-7t0yev3ahc] {
    text-align: left;
    letter-spacing: 0px;
    color: #004059;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    margin-left: 10px;
    /*    padding-left: 5px;
*/
}
img[b-7t0yev3ahc] {
    width: 30px;
    height: 30px;
    margin-left: 16px;

}
/* /Components/NRNCommunComponents/BtnLeftMenuComponent.razor.rz.scp.css */
.disabled[b-allpq2wig4] {
    background-color: Transparent;
    color: #2C333A !important;
    display: block;
    padding: 12px;
    text-decoration: none;
    border-bottom: 3px;
    border-left: 7px solid white;
    cursor: pointer;
    font-family: 'GravityRegular';
    font-size: 14px;
    border-top: 1px solid #dee2e6;
    border-top-color: #dee2e6;
    border-bottom-color: #dee2e6;
}

.disabled:hover[b-allpq2wig4]{
    cursor: not-allowed;
}


.enabled[b-allpq2wig4] {
    background-color: Transparent;
    color: #2C333A !important;
    display: block;
    padding: 12px;
    text-decoration: none;
    border-bottom: 3px;
    border-left: 7px solid white;
    cursor: pointer;
    font-family: 'GravityRegular';
    font-size: 14px;
    border-top: 1px solid #dee2e6;
    border-top-color: #dee2e6;
    border-bottom-color: #dee2e6;
}

    .enabled:hover[b-allpq2wig4] {
        background-color: rgba(199, 207, 216, 0.2);
        /*border-left: 5px solid;*/
        border-color: #268BFD;
        border-top-color: #dee2e6;
        border-bottom-color: #dee2e6;
    }


.icone[b-allpq2wig4] {
   /* height: 20px;
    width: 20px;*/
}

*[b-allpq2wig4], [b-allpq2wig4]::after, [b-allpq2wig4]::before {
    box-sizing: border-box;
}

.active[b-allpq2wig4] {
    background-color: rgba(199, 207, 216, 0.2);
    border-left: 7px solid;
    border-color: #268BFD;
    font-family: 'GravityBold';
    border-top-color: #dee2e6;
    border-bottom-color: #dee2e6;
    padding-left: 10px;
}
.div-icon[b-allpq2wig4] {
    width: 25px;
}

.active img[b-allpq2wig4] {
    filter: invert(52%) sepia(84%) saturate(2319%) hue-rotate(159deg) brightness(91%) contrast(101%);
}
/* /Components/NRNCommunComponents/BtnsComponents/ActionBtn.razor.rz.scp.css */

.btn-style[b-ogvz0zgxke] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'GravityRegular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-ogvz0zgxke] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'GravityRegular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-right: 35px;
}

    .btn-action-style:hover[b-ogvz0zgxke] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
        font-family: 'GravityBold';
    }

.btn-style:hover[b-ogvz0zgxke] {
    font-family: 'GravityRegular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-ogvz0zgxke], .btn-style:focus-visible[b-ogvz0zgxke], .btn-style:active[b-ogvz0zgxke] {
    border: none;
    background: none;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-ogvz0zgxke] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-ogvz0zgxke] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/NRNCommunComponents/CalendarComponents/SmallCalendarComponent.razor.rz.scp.css */
*[b-dn619a5iyl] {
    box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
    .ipad-calendar[b-dn619a5iyl] {
        display: none;
        width: 0%;
    }

    .ipad-budget[b-dn619a5iyl] {
        width: 63% !important;
    }
}

.selected[b-dn619a5iyl] {
    border-radius: 50%;
}

.threeboxs[b-dn619a5iyl] {
    /*display: grid;
    grid-template-columns: 1fr 1fr 1fr;*/
    /*display: flex;
    /*display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    flex-direction: column;*/
}

.column[b-dn619a5iyl] {
    float: left;
    width: 25%;
    padding: 0 10px;
}


.div-scrol[b-dn619a5iyl] {
    overflow-y: auto !important;
    height: calc(100vh - 275px) !important;
}

.row-card[b-dn619a5iyl] {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    overflow-y: auto !important;
    /*    height: calc(100vh - 275px) !important;
*/
}

.card-boxshadow[b-dn619a5iyl] {
    margin-bottom: 12px;
    margin-top: 28px;
}

.row[b-dn619a5iyl]:after {
    content: "";
    display: table;
    clear: both;
}

.columnthree[b-dn619a5iyl] {
    width: 47% !important;
    background: #ced6e087 0% 0% no-repeat padding-box;
    border-radius: 10px;
    margin-top: 40px;
    margin-left: 16px;
    margin-right: 4px;
    /*   height: calc(100vh - 162px) !important;
*/
}
/* Responsive columns */
@media screen and (max-width: 600px) {
    .column[b-dn619a5iyl] {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
}

/* Style the counter cards */
.card[b-dn619a5iyl] {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    /*    padding: 16px;
*/ /*text-align: center;*/
    background-color: #FFFFFF;
    margin-bottom: 20px;
    font-family: 'GravityRegular';
}

.div-group-child[b-dn619a5iyl] {
    display: flex;
    flex-direction: column;
    /*    margin-left: 10px;

*/
}

.contenu-card[b-dn619a5iyl] {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
}

.card-header[b-dn619a5iyl] {
    display: flex;
    background-color: #ffffff;
}



[b-dn619a5iyl] .card-footer {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 50px;
    background-color: #ffffff;
}

[b-dn619a5iyl] .foot-btn {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    height: 50px;
    margin-top: -12px;
    padding: 15px;
}

    [b-dn619a5iyl] .foot-btn:hover {
        cursor: pointer;
    }

[b-dn619a5iyl] .card-footer .foot-btn:last-child {
    border: none;
}

p[b-dn619a5iyl] {
    float: left;
}

.div-grid[b-dn619a5iyl] {
    padding-right: 20px;
    padding-bottom: 6px;
}

.round[b-dn619a5iyl] {
    margin-top: 25px;
    width: 50px;
    height: 50px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 50%;
    float: right;
    text-align: center;
    margin-right: 20px;
}

.span-round[b-dn619a5iyl] {
    font-size: 34px;
    font-weight: bold;
    font-family: 'GravityBold';
}

.span-round-title[b-dn619a5iyl] {
    font-family: 'GravityBold';
    font-size: 15px;
    margin-bottom: 5px;
    color: #576574;
}

[b-dn619a5iyl] .prog-style[value] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    margin-top: 1px;
    width: 85%;
    min-width: 70%;
    margin-left: 0px;
    margin-bottom: 9px;
}

    [b-dn619a5iyl] .prog-style[value]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

[b-dn619a5iyl] .prog-styleres[value]::-webkit-progress-value {
    background-color: #46C1C1;
    border-radius: 7px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

[b-dn619a5iyl] .prog-styleext[value]::-webkit-progress-value {
    background-color: #FD7B38;
    border-radius: 7px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

.datepicker[b-dn619a5iyl]::-webkit-calendar-picker-indicator {
    visibility: visible;
}

/*#region Calendar */



.container-cal[b-dn619a5iyl] {
    width: 100% !important;
    /*  padding-right: 15px;
    padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
}

body[b-dn619a5iyl] {
    background-color: unset !important;
}
/* ---------- CALENDAR ---------- */

.calendar[b-dn619a5iyl] {
    text-align: center;
}

    .calendar header[b-dn619a5iyl] {
        position: relative;
    }

    .calendar h2[b-dn619a5iyl] {
        text-transform: uppercase;
    }

    .calendar thead[b-dn619a5iyl] {
        font-weight: 600;
        text-transform: uppercase;
    }

    .calendar tbody[b-dn619a5iyl] {
        color: black;
    }

        .calendar tbody td:hover[b-dn619a5iyl] {
            /*         border: 2px solid #268BFD;*/
            cursor: pointer;
        }

    .calendar td[b-dn619a5iyl] {
        /*        border: 2px solid transparent;    border-radius: 50%;
*/
        border: 0px solid #F0F0F0;
        display: inline-block;
        height: 11%;
        line-height: 2.8em;
        text-align: center;
        width: 13%;
    }

    .calendar .prev-month[b-dn619a5iyl],
    .calendar .next-month[b-dn619a5iyl] {
        color: #cbd1d2;
    }

        .calendar .prev-month:hover[b-dn619a5iyl],
        .calendar .next-month:hover[b-dn619a5iyl] {
            /*            border: 2px solid #cbd1d2;
*/
        }

.current-day[b-dn619a5iyl] {
    background: #00addf;
    color: #f9f9f9;
}

.event[b-dn619a5iyl] {
    cursor: pointer;
    position: relative;
}

    .event[b-dn619a5iyl]:after {
        background: #00addf;
        border-radius: 50%;
        bottom: .5em;
        display: block;
        content: '';
        height: .5em;
        left: 50%;
        margin: -.25em 0 0 -.25em;
        position: absolute;
        width: .5em;
    }

    .event.current-day[b-dn619a5iyl]:after {
        background: #f9f9f9;
    }

.btn-prev[b-dn619a5iyl],
.btn-next[b-dn619a5iyl] {
    /* border: 2px solid #cbd1d2;*/
    border-radius: 0%;
    color: #cbd1d2;
    /*    height: 2em;*/
    font-size: .75em;
    line-height: 2em;
    margin: -1em;
    position: absolute;
    /*top: 50%;
    width: 2em;*/
    top: 19px;
    height: 10px;
    width: 10px;
}

    .btn-prev:hover[b-dn619a5iyl],
    .btn-next:hover[b-dn619a5iyl] {
        /*        background: #cbd1d2;*/
        color: #f9f9f9;
    }

.btn-prev[b-dn619a5iyl] {
    left: 5em;
}

.btn-next[b-dn619a5iyl] {
    right: 5em;
}

.header-tab[b-dn619a5iyl] {
    font-family: 'GravityBold' !important;
    font-size: 13.02px !important;
    letter-spacing: 0px !important;
    color: #8395A7 !important;
    opacity: 1 !important;
}

input[type="month"][b-dn619a5iyl]::-webkit-calendar-picker-indicator {
    opacity: 0;
    background: black;
    width: 140px;
    z-index: 1;
    position: absolute;
    right: 20px;
}

.spancountabs[b-dn619a5iyl] {
    font-family: 'Franklin Gothic Demi Regular';
    border-radius: 50%;
    /* border: 1px solid #4b6584; */
    /* background: #4b6584; */
    color: #4b6584;
    font-size: 12px;
    padding-bottom: -4px;
    position: absolute;
    margin-top: 6px;
    margin-left: -19px;
    font-size: 14px;
    width: 21px;
    height: 21px;
    line-height: 17px;
}

.input-date-m[b-dn619a5iyl] {
    background: transparent;
    text-align: center;
    border: none;
    outline: none;
    color: #303542;
    font-size: 17px;
    font-family: 'GravityBold';
}

.color-count-b[b-dn619a5iyl] {
    color: #006df0;
}

.color-count-o[b-dn619a5iyl] {
    color: #ff9f43;
}

.color-count-g[b-dn619a5iyl] {
    color: #1dd1a1;
}

@media(min-width:1700px) {
    .div-number[b-dn619a5iyl] {
        margin-left: 17px;
    }

    .selected[b-dn619a5iyl] {
        width: 50%;
        height: 50%;
    }
}

@media (min-width:1338px ) and (max-width:1700px) {
    .div-number[b-dn619a5iyl] {
        padding-left: 6%;
        padding-right: 4%;
        MARGIN-LEFT: 7px;
    }
}

@media(max-width:1338px) {

    .div-number[b-dn619a5iyl] {
        padding-left: 6%;
        padding-right: 4%;
    }
}

.div-months[b-dn619a5iyl] {
    width: 100%;
    height: 42.56px;
    box-shadow: 1px 1px 2px #0000003b;
}

.arrow[b-dn619a5iyl] {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.right1[b-dn619a5iyl] {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left1[b-dn619a5iyl] {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.selected[b-dn619a5iyl] {
    background-color: #268BFD;
    color: white;
    font-family: 'GravityBold';
}
/*#endregion */
 

.card-calendar[b-dn619a5iyl] {
    border: none;
    box-shadow: none;
    height: 318px !important;
    margin-top: -43px;
}
.card[b-dn619a5iyl] {
    height: 386px;
}
input[b-dn619a5iyl]{
    cursor:pointer;
}
/* /Components/NRNCommunComponents/CancelBtn.razor.rz.scp.css */

.img-icon1[b-ixmntid0r1] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-ixmntid0r1] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}


.btn-style-cancel-dis[b-ixmntid0r1] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #F02F0E;
    display: grid;
    justify-items: center;
    min-width: 103px;
}

.btn-style-cancel-dis:hover[b-ixmntid0r1] {
    cursor: not-allowed;
}

    .btn-style-cancel-dis:focus[b-ixmntid0r1] {
        outline: none;
    }

.btn-style-cancel[b-ixmntid0r1] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #F02F0E;
    display: grid;
    justify-items: center;
    min-width: 103px;
}



    .btn-style-cancel:hover[b-ixmntid0r1] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #F02F0E 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-cancel:hover .img-icon1[b-ixmntid0r1] {
            display: none;
        }

        .btn-style-cancel:hover .img-icon2[b-ixmntid0r1] {
            display: block;
        }

    .btn-style-cancel:focus[b-ixmntid0r1] {
        outline: none;
    }
/* /Components/NRNCommunComponents/CardComponent.razor.rz.scp.css */



.card-div[b-xmm7eww0kf] {
    background-color: Transparent;
    color: #2C333A !important;
    display: block;
    padding: 12px;
    text-decoration: none;
    border-bottom: 3px;
    border-left: 7px solid white;
    cursor: pointer;
    font-family: 'GravityRegular';
    font-size: 14px;
    border-top: 1px solid #dee2e6;
    border-top-color: #dee2e6;
    border-bottom-color: #dee2e6;
    align-items: center;
}

.card-div:hover[b-xmm7eww0kf] {
    background-color: rgba(199, 207, 216, 0.2);
    /*border-left: 5px solid;*/
    border-color: #268BFD;
    border-top-color: #dee2e6;
    border-bottom-color: #dee2e6;
}


.icone[b-xmm7eww0kf] {
    /* height: 20px;
    width: 20px;*/
    margin-right: 15px;
    margin-left: 15px;
}

*[b-xmm7eww0kf], [b-xmm7eww0kf]::after, [b-xmm7eww0kf]::before {
    box-sizing: border-box;
}

.active[b-xmm7eww0kf] {
    background-color: rgba(199, 207, 216, 0.2);
    border-left: 7px solid;
    border-color: #268BFD;
    font-family: 'GravityBold';
    border-top-color: #dee2e6;
    border-bottom-color: #dee2e6;
    padding-left: 10px;
}


/* /Components/NRNCommunComponents/CardListComponent.razor.rz.scp.css */
.div-list[b-noty2eaax3] {
    box-shadow: 2px 2px 4px #02171e33;
    
    z-index: 1;
    min-width: 20%;
}
/* /Components/NRNCommunComponents/CardReportComponent.razor.rz.scp.css */
.round[b-g5c2rt166o] {
    margin-top: 25px;
    width: 50px;
    height: 50px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 50%;
    float: right;
    text-align: center;
    margin-right: 20px;
}

.span-round[b-g5c2rt166o] {
    font-size: 34px;
    font-weight: bold;
    font-family: 'GravityBold';
    margin-top: -6px;
}

.span-round-title[b-g5c2rt166o] {
    font-family: 'GravityBold';
    font-size: 15px;
    margin-bottom: 5px;
    color: #576574;
}
.card-styles[b-g5c2rt166o] {
    height: 94.5px;
    display: flex;
    flex-direction: row;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    /* padding: 16px; */
    /* text-align: center; */
    background-color: #FFFFFF;
    margin-bottom: 20px;
    font-family: 'GravityRegular';
}
.round-img[b-g5c2rt166o] {
    margin-top: 9px;
}
/* /Components/NRNCommunComponents/CheckBoxComponent.razor.rz.scp.css */
/* Styles for the hover state of the custom checkbox */
input[type='checkbox'].check-custom:hover ~ .check-toggle[b-grcdjdg337] {
    border: 1px solid #2A982F;
}

/* Styles for the focus state of the custom checkbox */
input[type='checkbox'].check-custom:focus ~ .check-toggle[b-grcdjdg337] {
    box-shadow: 0 0 0 1px rgba(23, 133, 255, 0.25);
}

/* Styles for the checked state of the custom checkbox */
input[type='checkbox'].check-custom:checked ~ .check-toggle[b-grcdjdg337] {
    border-color: #2A982F !important;
    background: url('/icons/CheckBoxActive.svg') center no-repeat;
    background-size: 75%;
}


/* Styles for hiding the native checkbox */
input[type='checkbox'].check-custom[b-grcdjdg337] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    /* Styles for the basic appearance of the custom checkbox */
    input[type='checkbox'].check-custom ~ .check-toggle[b-grcdjdg337] {
        width: 23px;
        height: 23px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%;
      /*  z-index:-1;*/
    }

.label-select[b-grcdjdg337] {
    margin-bottom: unset;
}

/*.tr-list:hover input[type='checkbox'].check-custom ~ .check-toggle {
    border-color: #2A982F;
    background: #2A982F url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center no-repeat;
    background-size: 75%;
}
*/
.cen-select[b-grcdjdg337] {
    margin-top: 10px;
}

.disabledClass[b-grcdjdg337] {
    cursor: default !important;
    pointer-events: none;
}
.div-item-prj-p[b-grcdjdg337] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-grcdjdg337] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}
.divCheckBox[b-grcdjdg337] {
    margin-left: 30px;
    margin-top: 5px;
}
/* /Components/NRNCommunComponents/CheckListComponent.razor.rz.scp.css */
body[b-7gvw16hoxk] {
}
/* /Components/NRNCommunComponents/ChildSecondHeader.razor.rz.scp.css */
.second-header[b-ogdrxyoqv6] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    /* margin-left: -4px;*/
    /*margin-top: -6px;*/
    margin-left: 4px;
    margin-right: 2px;
    background-color: #ffffff;
    height: 56px;
}
/* /Components/NRNCommunComponents/CircleNameAbrevComponent.razor.rz.scp.css */
.icon-name-abrev[b-p57oun7i56] {
    width: 30px;
    height: 30px;
    font-family: 'GravityRegular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 8px;
    text-align: center;
    margin-right: 7px;
}
/* /Components/NRNCommunComponents/ConfirmBtn.razor.rz.scp.css */

.img-icon1[b-wa5hmd40pn] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-wa5hmd40pn] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}




.btn-style[b-wa5hmd40pn] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #2488ff;
    display: grid;
    justify-items: center;
    min-width: 103px;
}

.btn-style-dis[b-wa5hmd40pn] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #2488ff;
    display: grid;
    justify-items: center;
    min-width: 103px;
}

    .btn-style-dis:hover[b-wa5hmd40pn] {
        cursor: not-allowed;
    }

    .btn-style-dis:focus[b-wa5hmd40pn] {
        outline: none;
    }

.btn-style:hover[b-wa5hmd40pn] {
    font-family: 'GravityBold';
    font-size: 13px;
    letter-spacing: 0.28px;
    color: #ffffff;
    background: #35414c 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

    .btn-style:hover .img-icon1[b-wa5hmd40pn] {
        display: none;
    }

    .btn-style:hover .img-icon2[b-wa5hmd40pn] {
        display: block;
    }

.btn-style:focus[b-wa5hmd40pn] {
    outline: none;
}
/* /Components/NRNCommunComponents/ConfirmModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-azfqxrr7pu]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-azfqxrr7pu] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-azfqxrr7pu] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-azfqxrr7pu] {
    width: 100%;
}

    .switch input[type=checkbox][b-azfqxrr7pu] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-azfqxrr7pu] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-azfqxrr7pu] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-azfqxrr7pu]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-azfqxrr7pu]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-azfqxrr7pu] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-azfqxrr7pu] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-azfqxrr7pu] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-azfqxrr7pu] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-azfqxrr7pu] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-azfqxrr7pu] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-azfqxrr7pu] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-azfqxrr7pu] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-azfqxrr7pu], .column-3:focus[b-azfqxrr7pu] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-azfqxrr7pu] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-azfqxrr7pu] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-azfqxrr7pu] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-azfqxrr7pu] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-azfqxrr7pu] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-azfqxrr7pu] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-azfqxrr7pu] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-azfqxrr7pu] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-azfqxrr7pu] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-azfqxrr7pu] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-azfqxrr7pu] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-azfqxrr7pu] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-azfqxrr7pu] {
    margin-right: 0px;
}


select[b-azfqxrr7pu] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-azfqxrr7pu]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-azfqxrr7pu] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-azfqxrr7pu] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: 0px;
}

.modal-header-delet[b-azfqxrr7pu] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    align-items: center;
}

.modal-body-accepter[b-azfqxrr7pu] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-azfqxrr7pu] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-azfqxrr7pu] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-azfqxrr7pu] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-azfqxrr7pu] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-azfqxrr7pu] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-azfqxrr7pu] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-azfqxrr7pu] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-azfqxrr7pu]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-azfqxrr7pu]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-azfqxrr7pu] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-azfqxrr7pu] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-azfqxrr7pu] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-azfqxrr7pu] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-azfqxrr7pu] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-azfqxrr7pu] {
    width: 18px;
    height: 14px;
}

.div-footer[b-azfqxrr7pu] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-azfqxrr7pu] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-azfqxrr7pu] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-azfqxrr7pu] {
    line-height: 15px;
}

.modal-title-entrerheure[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-azfqxrr7pu] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-azfqxrr7pu] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-azfqxrr7pu] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-azfqxrr7pu]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-azfqxrr7pu]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-azfqxrr7pu]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-azfqxrr7pu]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-azfqxrr7pu] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-azfqxrr7pu] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-azfqxrr7pu] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-azfqxrr7pu] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-azfqxrr7pu] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-azfqxrr7pu] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-azfqxrr7pu] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-azfqxrr7pu] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-azfqxrr7pu] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-azfqxrr7pu] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-azfqxrr7pu] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-azfqxrr7pu] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-azfqxrr7pu] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-azfqxrr7pu] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-azfqxrr7pu] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-azfqxrr7pu] {
    margin-top: 12px;
}

.img-choix[b-azfqxrr7pu] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-azfqxrr7pu] {
    margin-left: 4px;
}

.body-entry-time1[b-azfqxrr7pu] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-azfqxrr7pu] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-azfqxrr7pu] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-azfqxrr7pu] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-azfqxrr7pu] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-azfqxrr7pu] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-azfqxrr7pu] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-azfqxrr7pu] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-azfqxrr7pu] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-azfqxrr7pu] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-azfqxrr7pu] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-azfqxrr7pu] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-azfqxrr7pu] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-azfqxrr7pu] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-azfqxrr7pu] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-azfqxrr7pu] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-azfqxrr7pu] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-azfqxrr7pu] {
    margin-top: 9px;
}

.span-debut-chrono[b-azfqxrr7pu] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-azfqxrr7pu] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-azfqxrr7pu] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-azfqxrr7pu] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-azfqxrr7pu] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-azfqxrr7pu] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-azfqxrr7pu] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-azfqxrr7pu] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-azfqxrr7pu] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-azfqxrr7pu] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-azfqxrr7pu] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-azfqxrr7pu] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-azfqxrr7pu] {
    margin-top: -28px;
}

.div-title-manuel[b-azfqxrr7pu] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-azfqxrr7pu] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-azfqxrr7pu] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-azfqxrr7pu] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-azfqxrr7pu] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-azfqxrr7pu] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-azfqxrr7pu] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-azfqxrr7pu] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-azfqxrr7pu] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-azfqxrr7pu] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-azfqxrr7pu] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-azfqxrr7pu] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-azfqxrr7pu] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-azfqxrr7pu] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-azfqxrr7pu] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-azfqxrr7pu] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-azfqxrr7pu] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-azfqxrr7pu] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-azfqxrr7pu] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-azfqxrr7pu] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-azfqxrr7pu] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-azfqxrr7pu] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-azfqxrr7pu] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-azfqxrr7pu] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-azfqxrr7pu] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-azfqxrr7pu] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-azfqxrr7pu] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-azfqxrr7pu] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-azfqxrr7pu] {
    margin-left: 114px;
}

.note-livrer-pos[b-azfqxrr7pu] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-azfqxrr7pu] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-azfqxrr7pu] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-azfqxrr7pu] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-azfqxrr7pu] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-azfqxrr7pu] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-azfqxrr7pu] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-azfqxrr7pu] {
    width: 42px;
    height: 42px;
}

.span-scan[b-azfqxrr7pu] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-azfqxrr7pu] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-azfqxrr7pu] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-azfqxrr7pu] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-azfqxrr7pu] {
        display: block !important;
    }

    .display-date-sec[b-azfqxrr7pu] {
        display: none !important;
    }
}

.display-date[b-azfqxrr7pu] {
    display: none;
}

.modal-ts-content[b-azfqxrr7pu] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-azfqxrr7pu] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-azfqxrr7pu] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-azfqxrr7pu] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-azfqxrr7pu] {
    margin-left: 14px;
}

.modal-ts-footer[b-azfqxrr7pu] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-azfqxrr7pu] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-azfqxrr7pu] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-azfqxrr7pu] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-azfqxrr7pu] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-azfqxrr7pu] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-azfqxrr7pu] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-azfqxrr7pu] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-azfqxrr7pu] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
.btn-footer-dis[b-azfqxrr7pu] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    border: none;
    outline: none !important;
    background: none;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

    .btn-footer-dis:hover[b-azfqxrr7pu] {
        cursor: not-allowed !important;
        opacity: 0.6 !important;
    }
/* /Components/NRNCommunComponents/ConfirmReturnModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-2yf4hmzsnz]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-2yf4hmzsnz] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-2yf4hmzsnz] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-2yf4hmzsnz] {
    width: 100%;
}

    .switch input[type=checkbox][b-2yf4hmzsnz] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-2yf4hmzsnz] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-2yf4hmzsnz] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-2yf4hmzsnz]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-2yf4hmzsnz]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-2yf4hmzsnz] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-2yf4hmzsnz] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-2yf4hmzsnz] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-2yf4hmzsnz] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-2yf4hmzsnz] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-2yf4hmzsnz] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-2yf4hmzsnz] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-2yf4hmzsnz] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-2yf4hmzsnz], .column-3:focus[b-2yf4hmzsnz] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-2yf4hmzsnz] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-2yf4hmzsnz] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-2yf4hmzsnz] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-2yf4hmzsnz] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-2yf4hmzsnz] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-2yf4hmzsnz] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-2yf4hmzsnz] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-2yf4hmzsnz] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-2yf4hmzsnz] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-2yf4hmzsnz] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-2yf4hmzsnz] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-2yf4hmzsnz] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-2yf4hmzsnz] {
    margin-right: 0px;
}


select[b-2yf4hmzsnz] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-2yf4hmzsnz]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-2yf4hmzsnz] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-2yf4hmzsnz] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: 0px;
}

.modal-header-delet[b-2yf4hmzsnz] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    align-items: center;
}

.modal-body-accepter[b-2yf4hmzsnz] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-2yf4hmzsnz] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-2yf4hmzsnz] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-2yf4hmzsnz] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-2yf4hmzsnz] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-2yf4hmzsnz] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-2yf4hmzsnz] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-2yf4hmzsnz] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-2yf4hmzsnz]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-2yf4hmzsnz]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-2yf4hmzsnz] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-2yf4hmzsnz] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-2yf4hmzsnz] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-2yf4hmzsnz] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-2yf4hmzsnz] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-2yf4hmzsnz] {
    width: 18px;
    height: 14px;
}

.div-footer[b-2yf4hmzsnz] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-2yf4hmzsnz] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-2yf4hmzsnz] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-2yf4hmzsnz] {
    line-height: 15px;
}

.modal-title-entrerheure[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-2yf4hmzsnz] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-2yf4hmzsnz] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-2yf4hmzsnz] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-2yf4hmzsnz]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-2yf4hmzsnz]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-2yf4hmzsnz]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-2yf4hmzsnz]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-2yf4hmzsnz] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-2yf4hmzsnz] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-2yf4hmzsnz] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-2yf4hmzsnz] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-2yf4hmzsnz] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-2yf4hmzsnz] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-2yf4hmzsnz] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-2yf4hmzsnz] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-2yf4hmzsnz] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-2yf4hmzsnz] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-2yf4hmzsnz] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-2yf4hmzsnz] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-2yf4hmzsnz] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-2yf4hmzsnz] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-2yf4hmzsnz] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-2yf4hmzsnz] {
    margin-top: 12px;
}

.img-choix[b-2yf4hmzsnz] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-2yf4hmzsnz] {
    margin-left: 4px;
}

.body-entry-time1[b-2yf4hmzsnz] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-2yf4hmzsnz] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-2yf4hmzsnz] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-2yf4hmzsnz] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-2yf4hmzsnz] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-2yf4hmzsnz] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-2yf4hmzsnz] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-2yf4hmzsnz] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-2yf4hmzsnz] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-2yf4hmzsnz] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-2yf4hmzsnz] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-2yf4hmzsnz] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-2yf4hmzsnz] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-2yf4hmzsnz] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-2yf4hmzsnz] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-2yf4hmzsnz] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-2yf4hmzsnz] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-2yf4hmzsnz] {
    margin-top: 9px;
}

.span-debut-chrono[b-2yf4hmzsnz] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-2yf4hmzsnz] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-2yf4hmzsnz] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-2yf4hmzsnz] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-2yf4hmzsnz] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-2yf4hmzsnz] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-2yf4hmzsnz] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-2yf4hmzsnz] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-2yf4hmzsnz] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-2yf4hmzsnz] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-2yf4hmzsnz] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-2yf4hmzsnz] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-2yf4hmzsnz] {
    margin-top: -28px;
}

.div-title-manuel[b-2yf4hmzsnz] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-2yf4hmzsnz] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-2yf4hmzsnz] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-2yf4hmzsnz] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-2yf4hmzsnz] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-2yf4hmzsnz] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-2yf4hmzsnz] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-2yf4hmzsnz] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-2yf4hmzsnz] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-2yf4hmzsnz] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-2yf4hmzsnz] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-2yf4hmzsnz] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-2yf4hmzsnz] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-2yf4hmzsnz] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-2yf4hmzsnz] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-2yf4hmzsnz] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-2yf4hmzsnz] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-2yf4hmzsnz] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-2yf4hmzsnz] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-2yf4hmzsnz] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-2yf4hmzsnz] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-2yf4hmzsnz] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-2yf4hmzsnz] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-2yf4hmzsnz] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-2yf4hmzsnz] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-2yf4hmzsnz] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-2yf4hmzsnz] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-2yf4hmzsnz] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-2yf4hmzsnz] {
    margin-left: 114px;
}

.note-livrer-pos[b-2yf4hmzsnz] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-2yf4hmzsnz] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-2yf4hmzsnz] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-2yf4hmzsnz] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-2yf4hmzsnz] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-2yf4hmzsnz] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-2yf4hmzsnz] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-2yf4hmzsnz] {
    width: 42px;
    height: 42px;
}

.span-scan[b-2yf4hmzsnz] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-2yf4hmzsnz] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-2yf4hmzsnz] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-2yf4hmzsnz] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-2yf4hmzsnz] {
        display: block !important;
    }

    .display-date-sec[b-2yf4hmzsnz] {
        display: none !important;
    }
}

.display-date[b-2yf4hmzsnz] {
    display: none;
}

.modal-ts-content[b-2yf4hmzsnz] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-2yf4hmzsnz] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-2yf4hmzsnz] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-2yf4hmzsnz] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-2yf4hmzsnz] {
    margin-left: 14px;
}

.modal-ts-footer[b-2yf4hmzsnz] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-2yf4hmzsnz] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-2yf4hmzsnz] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-2yf4hmzsnz] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-2yf4hmzsnz] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-2yf4hmzsnz] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-2yf4hmzsnz] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-2yf4hmzsnz] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-2yf4hmzsnz] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
.btn-footer-dis[b-2yf4hmzsnz] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    border: none;
    outline: none !important;
    background: none;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

    .btn-footer-dis:hover[b-2yf4hmzsnz] {
        cursor: not-allowed !important;
        opacity: 0.6 !important;
    }
/* /Components/NRNCommunComponents/DateComponent.razor.rz.scp.css */
.label-date[b-3t6quvcvca] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-bottom: 7px;
}
.span-code[b-3t6quvcvca] {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

.span-name[b-3t6quvcvca] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}
/* /Components/NRNCommunComponents/DatePickerComponent.razor.rz.scp.css */
.div-item-prj-p[b-98po3oqaw0] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-98po3oqaw0] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

input[b-98po3oqaw0] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top:
        11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    height: 32px !important;
    /*    width: 205px;
*/
}
   /* input[type="date"]::-webkit-calendar-picker-indicator {
        color: rgba(0, 0, 0, 0);
        opacity: 1;
        display: block;
        background: url('/icons/icon calnedrier.svg') no-repeat;
        width: 20px;
        height: 20px;
    }*/
.form-control:focus[b-98po3oqaw0] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: url('/icons/icon calnedrier.svg') no-repeat, white;
    background-position: bottom 9px right 10px;
}

.form-control:hover[b-98po3oqaw0] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: url('/icons/icon calnedrier.svg') no-repeat, white;
    background-position: bottom 9px right 10px;
}
.border-input:hover[b-98po3oqaw0] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-98po3oqaw0], .form-control[readonly][b-98po3oqaw0] {
    background-color: transparent;
    opacity: 1;
}

@media (max-width: 1219px)
{
    .css-for-IPAD[b-98po3oqaw0] {
        justify-content: end;
        display: flex;
    }
}
/* /Components/NRNCommunComponents/DeleteBtn.razor.rz.scp.css */



.img-icon1[b-otax0j3l2r] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-otax0j3l2r] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}




.btn-style[b-otax0j3l2r] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #BD0A09;
    display: grid;
    justify-items: center;
    min-width: 103px;
}


    .btn-style:hover[b-otax0j3l2r] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #BD0A09 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style:hover .img-icon1[b-otax0j3l2r] {
            display: none;
        }

        .btn-style:hover .img-icon2[b-otax0j3l2r] {
            display: block;
        }

    .btn-style:focus[b-otax0j3l2r] {
        outline: none;
    }
/* /Components/NRNCommunComponents/DeliveryBtn.razor.rz.scp.css */

.img-icon1[b-cngfj2usok] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-cngfj2usok] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}
@media screen and (max-width: 1024px) {
    
    .btn-style-media[b-cngfj2usok] {
        height: 45px;
    }
}




.btn-style[b-cngfj2usok] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #35414c;
    display: grid;
    justify-items: center;
    min-width: 103px;
    padding: 0 13px;
}

.btn-style-dis[b-cngfj2usok] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #35414c;
    display: grid;
    justify-items: center;
    min-width: 103px;
}

    .btn-style-dis:hover[b-cngfj2usok] {
        cursor: not-allowed;
    }

    .btn-style-dis:focus[b-cngfj2usok] {
        outline: none;
    }

.btn-style:hover[b-cngfj2usok] {
    font-family: 'GravityBold';
    font-size: 13px;
    letter-spacing: 0.28px;
    color: #ffffff;
    background: #35414c 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

    .btn-style:hover .img-icon1[b-cngfj2usok] {
        display: none;
    }

    .btn-style:hover .img-icon2[b-cngfj2usok] {
        display: block;
    }

.btn-style:focus[b-cngfj2usok] {
    outline: none;
}
/* /Components/NRNCommunComponents/DivButton.razor.rz.scp.css */


.btn-style:focus-visible[b-8vhedvvh2y] {
    border: none;
    background: none;
    outline: none;
    height: 52px;
    color: #5D9BEE;
    background-color: transparent;
    border-bottom: 3px solid #5D9BEE;
    font-family: 'GravityBold';
    font-size: 14px;
}


.active[b-8vhedvvh2y] {
    border: none;
    outline: none;
    background: none;
    background-color: transparent;
    border-bottom: 3px solid #5D9BEE;
    color: #5D9BEE;
    font-family: 'GravityBold';
    font-size: 14px;
}
    .active p[b-8vhedvvh2y] {
        filter: invert(52%) sepia(84%) saturate(2319%) hue-rotate(159deg) brightness(91%) contrast(101%);
        font-family: 'GravityBold';
        font-size: 14px;
    }
.btn-style[b-8vhedvvh2y] {
    outline: none;
    background: none;
    height: 52px;
    letter-spacing: 0.28px;
    color: #024662;
    justify-items: center;
    min-width: 88px;
    margin-left: -3px;
    margin-right: -3px;
    cursor: pointer;
    font-family: 'GravityBold';
    font-size: 14px;
}

    /*.btn-style:hover {
        font-size: 14px;
        letter-spacing: 0.28px;
        color: #5D9BEE;
        height: 52px;
    }*/
/* /Components/NRNCommunComponents/DivDropDown.razor.rz.scp.css */
.select-div[b-qxdi799hee] {
    background-color: transparent;
    border: none;
    border-radius: 9px;
    opacity: 1;
    margin-top: 2px;
    margin-left: 10px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    box-shadow: none;
    height: 34px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}


    .select-div:focus[b-qxdi799hee] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);

    }
.border-input:hover[b-qxdi799hee] {
    border-radius: 7px;
    opacity: 1;
}
/* /Components/NRNCommunComponents/DragDropZone.razor.rz.scp.css */
.zone[b-aygjqtuf0y] {
    background-color: #fafafc;
    border-radius: 10px;
    border: 2px dashed #d3d3d3;
    width: 100%;
    height: 100%;
}
/* /Components/NRNCommunComponents/DraggableComponent.razor.rz.scp.css */
.element-drag[b-j66gv93trh] {
    filter: drop-shadow(2px 1px 2px #838384);
    color: #4c4c4c;
    font-family: 'GravityBold';
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 6px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 40px;
    background-color: #fff;
    border-radius: 10px;
}
.cercleNB[b-j66gv93trh] {
    color: #f5f5f5;
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: #f58220;
    border-radius: 150px;
    bottom: 31px;
    left: 15px;
}
.NB[b-j66gv93trh] {
    position: relative;
    font-family: 'GravityRegular';
    font-weight: bold;
    font-size: 10.78px;
    text-align: center;
    bottom: 14px;
    right: 0.5px;
}
/* /Components/NRNCommunComponents/DropDownComponent.razor.rz.scp.css */
.drop-down[b-2n8lixjobk] {
    background-color: transparent;
    border: none;
    border-radius: 9px;
    opacity: 1;
    margin-left: 10px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    box-shadow: none;
    height: 34px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    margin-left: 15px;
    padding-left: 15px;
    display: block;
}


    .drop-down:focus[b-2n8lixjobk] {
        box-shadow: 0 0 0 0.09rem rgba(40, 167, 69, 0.25);
    }

.border-input:hover[b-2n8lixjobk] {
    border-radius: 7px;
    opacity: 1;
}
.div-item-prj-p[b-2n8lixjobk] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}
.span-prj-title[b-2n8lixjobk] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}
/* /Components/NRNCommunComponents/DropDownHeaderComponent.razor.rz.scp.css */
.drop-down-ul[b-dimdcxcc77] {
    z-index: 1003;
    position: fixed;
    width: 182px;
    margin-top: 10px;
    right: 110px;
}

.div-switch-view[b-dimdcxcc77] {
    font-family: 'GravityRegular';
    color: #576574;
    margin: auto;
}

    .div-switch-view:hover[b-dimdcxcc77] {
        cursor: pointer;
    }

.select-switch-view[b-dimdcxcc77], .select-switch-view:active[b-dimdcxcc77], .select-switch-view:focus[b-dimdcxcc77], .select-switch-view:focus-visible[b-dimdcxcc77], .select-switch-view:focus-within[b-dimdcxcc77] {
    border: none;
    color: #0984E3;
    outline: none;
    height: 4px;
    position: fixed;
    width: 130px;
}

.li-view:hover[b-dimdcxcc77] {
    color: #268BFD;
}


.text-span[b-dimdcxcc77] {
    text-align: left;
    letter-spacing: 0px;
    color: #00426A;
    opacity: 1;
    font-size: 15px;
    font-family: GravityBold;
}

.list-group-item-li[b-dimdcxcc77] {
    border: 0px;
    border-bottom: 1px solid #eaeaea;
    color: #576574;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    width: 182px;
    height: 44px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 2px;
    opacity: 1;
}

.span-view[b-dimdcxcc77] {
    padding-right: 16px;
    font-family: 'GravityRegular';
    font-size: 15px;
    float: left;
}
.disabled[b-dimdcxcc77] {
    pointer-events: none;
    opacity: 0.7;
}
.NotAllowed[b-dimdcxcc77] {
    margin: auto;
}
.NotAllowed:hover[b-dimdcxcc77] {
    cursor: not-allowed;
}
/* /Components/NRNCommunComponents/EditBtn.razor.rz.scp.css */



.img-icon1[b-y4urbgeu86] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-y4urbgeu86] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}




.btn-style[b-y4urbgeu86] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #DC9804;
    display: grid;
    justify-items: center;
    min-width: 103px;
}


    .btn-style:hover[b-y4urbgeu86] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #DC9804 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style:hover .img-icon1[b-y4urbgeu86] {
            display: none;
        }

        .btn-style:hover .img-icon2[b-y4urbgeu86] {
            display: block;
        }

    .btn-style:focus[b-y4urbgeu86] {
        outline: none;
    }
/* /Components/NRNCommunComponents/FilterBtn.razor.rz.scp.css */



.img-icon1[b-wroenak7vv] {
    max-width: 20px;
    max-height: 22px;
    padding-right: 3px;
}

.img-icon2[b-wroenak7vv] {
    max-width: 20px;
    max-height: 22px;
    display: none;
    padding-right: 3px;
}




.btn-style[b-wroenak7vv] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #35414C;
    display: grid;
    justify-items: center;
    min-width: 103px;
}

.btn-action-style[b-wroenak7vv] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #33A02C;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-wroenak7vv] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-wroenak7vv] {
    font-family: 'GravityBold';
    font-size: 13px;
    letter-spacing: 0.28px;
    color: #ffffff;
    background: #35414C 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

    .btn-style:hover .img-icon1[b-wroenak7vv] {
        display: none;
    }

    .btn-style:hover .img-icon2[b-wroenak7vv] {
        display: inline;
    }

.btn-style:focus[b-wroenak7vv]{
    outline: none;
 
}
/* /Components/NRNCommunComponents/Filtre/FilterBtnComponent.razor.rz.scp.css */
body[b-kuibidayo2] {
}
/* /Components/NRNCommunComponents/GenerateBtn.razor.rz.scp.css */



.img-icon1[b-6fi72q6qcy] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}
.img-icon2[b-6fi72q6qcy] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display:none;
}




.btn-style[b-6fi72q6qcy] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #268BFD;
    display: grid;
    justify-items: center;
    min-width: 103px;
}
.btn-style-dis[b-6fi72q6qcy] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #268BFD;
    display: grid;
    justify-items: center;
    min-width: 103px;
}
    .btn-style-dis:hover[b-6fi72q6qcy] {
        cursor: not-allowed;
    }

    .btn-style-dis:focus[b-6fi72q6qcy] {
        outline: none;
    }

.btn-style:hover[b-6fi72q6qcy] {
    font-family: 'GravityBold';
    font-size: 13px;
    letter-spacing: 0.28px;
    color: #ffffff;
    background: #268BFD 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}
.btn-style:hover .img-icon1[b-6fi72q6qcy] {
    display: none;
}
    .btn-style:hover .img-icon2[b-6fi72q6qcy] {
        display: block;
    }
.btn-style:focus[b-6fi72q6qcy] {
    outline: none;
}
    
/* /Components/NRNCommunComponents/GenericBtn.razor.rz.scp.css */
.img-icon1[b-ihgqf8nvp2] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-ihgqf8nvp2] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
    filter: brightness(0) invert(1);
}

.btn-style-tran-dis[b-ihgqf8nvp2] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
     display: grid;
    justify-items: center;
    min-width: 103px;
}

    .btn-style-tran-dis:hover[b-ihgqf8nvp2] {
        cursor: not-allowed;
     
    }
     .btn-style-tran-dis:focus[b-ihgqf8nvp2] {
        outline: none;
    }

.btn-style-tran[b-ihgqf8nvp2] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
     display: grid;
    justify-items: center;
    min-width: 103px;
}



    .btn-style-tran:hover[b-ihgqf8nvp2] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff !important;
        background: #bf6ff5 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-tran:hover .img-icon1[b-ihgqf8nvp2] {
            display: none;
        }

        .btn-style-tran:hover .img-icon2[b-ihgqf8nvp2] {
            display: block;
        }

    .btn-style-tran:focus[b-ihgqf8nvp2] {
        outline: none;
    }
.drop-down-ul[b-ihgqf8nvp2] {
    margin-top: 53px;
    margin-left: 526px;
    position: absolute;
    width: auto;
    height: auto;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #576574;
    list-style: none;
    background: #FFFFFF 0% 0% no-repeat;
    box-shadow: 3px 3px 8px #00000040;
    z-index: 3;
}

.somme-triang[b-ihgqf8nvp2] {
    margin-top: 41px;
    margin-left: 716px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}
@media screen and (max-width: 1024px) {
    .div-disp-ipad[b-ihgqf8nvp2] {
        font-size: 10px;
    }
}
/* /Components/NRNCommunComponents/GridTemplate.razor.rz.scp.css */
*[b-5rolleo77n] {
    box-sizing: border-box;
}

.img-roundC[b-5rolleo77n] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #268BFD;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 7px;
}
.threeboxs[b-5rolleo77n] {
    /*display: grid;
    grid-template-columns: 1fr 1fr 1fr;*/
    /*display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    flex-direction: column;*/
}
.column[b-5rolleo77n] {
    float: left;
    width: 50%;
    padding: 0 10px;
}
.div-scrol[b-5rolleo77n] {
    overflow-y: auto !important;
    height: calc(100vh - 275px) !important;
}
.row-card[b-5rolleo77n] {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    overflow-y: auto !important;
 height: calc(100vh - 105px) !important;
}
.card-boxshadow[b-5rolleo77n] {
    margin-bottom: 12px;
    margin-top: 28px;
}
    .row[b-5rolleo77n]:after {
        content: "";
        display: table;
        clear: both;
    }

.columnthree[b-5rolleo77n] {
    width: 47% !important;
    background: #ced6e087 0% 0% no-repeat padding-box;
    border-radius: 10px;
    margin-top: 40px;
    margin-left: 16px;
    margin-right: 4px;
    /*   height: calc(100vh - 162px) !important;
*/
}
/* Responsive columns */
@media screen and (max-width: 600px) {
    .column[b-5rolleo77n] {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
}

/* Style the counter cards */
.card[b-5rolleo77n] {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    /*    padding: 16px;
*/ /*text-align: center;*/
    background-color: #FFFFFF;
    margin-bottom: 20px;
    font-family: 'GravityRegular';
}


.img-round[b-5rolleo77n] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #268BFD;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 3px;
}

.div-group-child[b-5rolleo77n] {
    display: flex;
    flex-direction: column;
    /*    margin-left: 10px;

*/
}

.contenu-card[b-5rolleo77n] {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
}

.card-header[b-5rolleo77n] {
    display: flex;
    background-color: #ffffff;
}



[b-5rolleo77n] .card-footer {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 50px;
    background-color: #ffffff;
}

[b-5rolleo77n]  .foot-btn {
        display: flex;
        align-items: center;
        flex-direction: column;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        height: 50px;
        margin-top: -20px;
        padding-top:5px;
    }
[b-5rolleo77n] .foot-btn:hover {
    cursor:pointer;
}
[b-5rolleo77n]  .card-footer .foot-btn:last-child {
            border: none;
        }

p[b-5rolleo77n] {
    float: left;
}

.div-grid[b-5rolleo77n] {
    padding-right: 20px;
    padding-bottom: 6px;
}
/* /Components/NRNCommunComponents/GrpBtnTax.razor.rz.scp.css */
/*.second-header-div {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    width: 100%;
    position: relative;
    z-index: 10;
}*/

.right-btn[b-7fb35ixagg] {
    text-align: center;
    width: 100%;
    height: 100%;
}

a[b-7fb35ixagg] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}

img[b-7fb35ixagg] {
    width: 20px;
    height: 20px;
}

.btn-style:focus[b-7fb35ixagg], .btn-style:focus-visible[b-7fb35ixagg], .btn-style:active[b-7fb35ixagg] {
    border: none;
    background: none;
    outline: none;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.btn-style[b-7fb35ixagg] {
    border: 1px solid #eaeaea;
    background: none;
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    justify-items: center;
    min-width: 60px;
    margin-left: -3px;
    margin-right: -3px;
}

    .btn-style:hover[b-7fb35ixagg] {
        font-size: 14px;
        letter-spacing: 0.28px;
        color: #576574;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }
/* /Components/NRNCommunComponents/HeaderLineComponent.razor.rz.scp.css */
.line-header[b-g2z1joyn2u] {
    background-color: #F7F7F7;
    border-radius: 3px;
    height: 93px;
    flex-wrap: nowrap !important;
    justify-content: end;
    margin-bottom: 1px;
    display: flex;
    justify-content:flex-end
}

icon-header icon-min-pad[b-g2z1joyn2u] {
    position: absolute;
}

.icon-header[b-g2z1joyn2u] {
    width: 42px;
    height: 42px;
    margin-left: 23px;
    margin-top: 21px;
}

@media only screen and (min-width: 1401px) {
    .icon-min-pad[b-g2z1joyn2u] 
    {
        position:fixed;
        left:0px;
    }
}
@media only screen and (max-width: 1400px) {
    .icon-min-pad[b-g2z1joyn2u] 
    {
        margin-left: 6px !important;
    }

    .firt-input-mini-pad[b-g2z1joyn2u] {
        position: absolute;
        left: 30px !important;
    }

        .firt-input-mini-pad > *[b-g2z1joyn2u] {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            max-width: 100px;
        }

            .firt-input-mini-pad > * > *[b-g2z1joyn2u] {
                max-width: 100px;
            }

    .line-header[b-g2z1joyn2u] {
        height: unset;
        height: fit-content;
        max-height: 150px;
        padding-bottom: 10px;
        padding-right: 5px;
        justify-content:flex-end
    }

    .map-div > *[b-g2z1joyn2u] {
        max-width: 120px;
    }


    .icon-header.icon-min-pad[b-g2z1joyn2u] {
        position: absolute;
        left:0;
    }
}
@media only screen and (max-width: 1024px) {
    .icon-min-pad[b-g2z1joyn2u] {
        margin-left: 6px !important;
    }

    .firt-input-mini-pad[b-g2z1joyn2u] {
        left: 30px !important;
    }
    .firt-input-mini-pad[b-g2z1joyn2u] {
        position: absolute;
        left: 30px !important;
    }

        .firt-input-mini-pad > *[b-g2z1joyn2u] {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            max-width: 100px;
        }

            .firt-input-mini-pad > * > *[b-g2z1joyn2u] {
                max-width: 100px;
            }

    .line-header[b-g2z1joyn2u] {
        height: auto;
        max-height: 150px;
        padding-bottom: 10px;
        padding-right: 5px;
        justify-content: flex-end ;
        overflow-y: hidden;
    }

    .map-div > *[b-g2z1joyn2u] {
        max-width: 120px;
    }
}
/* /Components/NRNCommunComponents/HeaderLineLargeComponent.razor.rz.scp.css */

.line-header[b-f3aw5ymajc] {
    background-color: #F7F7F7;
    border-radius: 3px;
     flex-wrap: nowrap !important;
    justify-content: end;
    margin-bottom: 1px;
    display: grid;
     grid-template-columns: 1fr 1fr 1fr;
}

.icon-header[b-f3aw5ymajc] {
    width: 42px;
    height: 42px;
    margin-left: 23px;
    margin-top: 21px;
}
/* /Components/NRNCommunComponents/HorizontalCards.razor.rz.scp.css */
*[b-azgp55lnug] {
    box-sizing: border-box;
}



.threeboxs[b-azgp55lnug] {
    /*display: grid;
    grid-template-columns: 1fr 1fr 1fr;*/
    /*display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    flex-direction: column;*/
}

.column[b-azgp55lnug] {
    float: left;
    width: 25%;
    padding: 0 10px;
}

.div-scrol[b-azgp55lnug] {
    overflow-y: auto !important;
    height: calc(100vh - 275px) !important;
}

.row-card[b-azgp55lnug] {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    overflow-y: auto !important;
    /*    height: calc(100vh - 275px) !important;
*/
}

.card-boxshadow[b-azgp55lnug] {
    margin-bottom: 12px;
    margin-top: 28px;
}

.row[b-azgp55lnug]:after {
    content: "";
    display: table;
    clear: both;
}

.columnthree[b-azgp55lnug] {
    width: 47% !important;
    background: #ced6e087 0% 0% no-repeat padding-box;
    border-radius: 10px;
    margin-top: 40px;
    margin-left: 16px;
    margin-right: 4px;
    /*   height: calc(100vh - 162px) !important;
*/
}
/* Responsive columns */
@media screen and (max-width: 600px) {
    .column[b-azgp55lnug] {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
}

/* Style the counter cards */
.card[b-azgp55lnug] {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    /*    padding: 16px;
*/ /*text-align: center;*/
    background-color: #FFFFFF;
    margin-bottom: 20px;
    font-family: 'GravityRegular';
}

.div-group-child[b-azgp55lnug] {
    display: flex;
    flex-direction: column;
    /*    margin-left: 10px;

*/
}

.contenu-card[b-azgp55lnug] {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
}

.card-header[b-azgp55lnug] {
    display: flex;
    background-color: #ffffff;
}



[b-azgp55lnug] .card-footer {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 50px;
    background-color: #ffffff;
}

[b-azgp55lnug] .foot-btn {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    height: 50px;
    margin-top: -12px;
    padding: 15px;
}

    [b-azgp55lnug] .foot-btn:hover {
        cursor: pointer;
    }

[b-azgp55lnug] .card-footer .foot-btn:last-child {
    border: none;
}

p[b-azgp55lnug] {
    float: left;
}

.div-grid[b-azgp55lnug] {
    padding-right: 20px;
    padding-bottom: 6px;
}
/* /Components/NRNCommunComponents/InputDescriptionComponent.razor.rz.scp.css */
textarea[b-4j0bi8gas6] {
    background-color: transparent;
    border: none;
    border-radius: 9px;
    height: 100px;
    margin-top: 2px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    margin-right: 20px;
    padding: 9px;
    padding-left: 15px;
}



.form-control:focus[b-4j0bi8gas6] {
    box-shadow: 0 0 0 0.09rem rgb(204 204 204);
    background: white;
}
    .span-prj-title[b-4j0bi8gas6] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    margin-left: 10px;

}

.div-item-prj-p[b-4j0bi8gas6] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 30px;
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}
/* /Components/NRNCommunComponents/InputFormComponent.razor.rz.scp.css */
.div-item-prj-p[b-jxqrd5v60x] {
    padding-top: 6px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-jxqrd5v60x] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}
.label-underlined:hover[b-jxqrd5v60x] {
    text-decoration: underline;
}
.input-filter:hover[b-jxqrd5v60x] {
    border-radius: 9px !important;
    opacity: 1;
    box-shadow: 0 0 0 0.09rem rgba(40, 167, 69, 0.25) !important;
}

.input-filter:focus[b-jxqrd5v60x] {
    box-shadow: 0 0 0 0.09rem rgba(40, 167, 69, 0.25) !important;
    border-radius: 9px !important;
    opacity: 1;
}
.input-liv[b-jxqrd5v60x] {
    margin: 0;
    padding: 0;
    margin-top: -5px;
    font-family: 'GravityBold';
    font-family:13.5px !important;
    width: 25% !important;
}
.div-liv[b-jxqrd5v60x]{

}
.span-liv[b-jxqrd5v60x] {
    flex: auto;
    width: 75% !important;
    margin: 0 !important;
}
input[b-jxqrd5v60x] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}
    input[b-jxqrd5v60x]::placeholder {
        color: #6c757d;
        font-family: 'GravityRegular';
        font-size: 13px;
        opacity: 1;
    }
.form-control[b-jxqrd5v60x]::placeholder {
    color: #6c757d;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 13px;
}
[b-jxqrd5v60x]::placeholder {
    color: #6c757d;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 13px;
}
.form-control:focus[b-jxqrd5v60x] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
}

.border-input:hover[b-jxqrd5v60x] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
.form-control:disabled[b-jxqrd5v60x], .form-control[readonly][b-jxqrd5v60x] {
    background-color: transparent;
    opacity: 1;
}
.classBTM01[b-jxqrd5v60x] {
    font-size: 10px;
    /*color: #024693;*/
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}
.botlabel[b-jxqrd5v60x] {
    font-family: GravityRegular;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    margin-left: 15px;
    padding-left: 15px;
}
@media only screen and (max-width: 1024px) {
    .responsable-mini[b-jxqrd5v60x] {
        max-width: 120px;
        flex-wrap: wrap;
        display: flex;
    }
    
}
/* /Components/NRNCommunComponents/InvoiceBtn.razor.rz.scp.css */

.img-icon1[b-z0urzex28t] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-z0urzex28t] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}




.btn-style[b-z0urzex28t] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #40cf6f;
    display: grid;
    justify-items: center;
    min-width: 103px;
}

.btn-style-dis[b-z0urzex28t] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #40cf6f;
    display: grid;
    justify-items: center;
    min-width: 103px;
}

    .btn-style-dis:hover[b-z0urzex28t] {
        cursor: not-allowed;
    }

    .btn-style-dis:focus[b-z0urzex28t] {
        outline: none;
    }

.btn-style:hover[b-z0urzex28t] {
    font-family: 'GravityBold';
    font-size: 13px;
    letter-spacing: 0.28px;
    color: #ffffff;
    background: #40cf6f 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

    .btn-style:hover .img-icon1[b-z0urzex28t] {
        display: none;
    }

    .btn-style:hover .img-icon2[b-z0urzex28t] {
        display: block;
    }

.btn-style:focus[b-z0urzex28t] {
    outline: none;
}
/* /Components/NRNCommunComponents/JournalGridTemplate.razor.rz.scp.css */
*[b-anpdl2twos] {
    box-sizing: border-box;
}

.img-roundC[b-anpdl2twos] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #268BFD;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 7px;
}

.column[b-anpdl2twos] {
    float: left;
    width: 50%;
    padding: 0 10px;
}

.row[b-anpdl2twos] {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    overflow-y: auto !important;
    height: calc(100vh - 275px) !important;
}

    .row[b-anpdl2twos]:after {
        content: "";
        display: table;
        clear: both;
    }


/* Responsive columns */
@media screen and (max-width: 600px) {
    .column[b-anpdl2twos] {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
}

/* Style the counter cards */
.card[b-anpdl2twos] {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    /*    padding: 16px;
*/ /*text-align: center;*/
    background-color: #FFFFFF;
    margin-bottom: 20px;
    font-family: 'GravityRegular';
}


.img-round[b-anpdl2twos] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #268BFD;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 3px;
}

.div-group-child[b-anpdl2twos] {
    display: flex;
    flex-direction: column;
    /*    margin-left: 10px;

*/
}

.contenu-card[b-anpdl2twos] {
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.card-header[b-anpdl2twos] {
    display: flex;
    background-color: #ffffff;
}


.card-footer[b-anpdl2twos] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 50px;
    background-color: #dee2e6;
}

.card-footer[b-anpdl2twos] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 50px;
    background-color: #ffffff;
}

    .card-footer .foot-btn[b-anpdl2twos] {
        display: flex;
        align-items: center;
        flex-direction: column;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        height: 50px;
        margin-top: -12px;
        padding: 15px;
    }

        .card-footer .foot-btn:last-child[b-anpdl2twos] {
            border: none;
        }

p[b-anpdl2twos] {
    float: left;
}

.div-grid[b-anpdl2twos] {
    padding-right: 20px;
}
/* /Components/NRNCommunComponents/LargeQuickNewPopUp.razor.rz.scp.css */
.modal-back[b-16fpwr1bbo] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-16fpwr1bbo] {
    max-width: 800px;
    width: 600px;
    position: fixed;
    left: 35%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
}
@media only screen and (max-width: 1050px) {
    .modal-dialog-popup[b-16fpwr1bbo] {
        left: 20%;
    }
}
[b-16fpwr1bbo] .popup-footer {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-16fpwr1bbo] {
    width: 600px;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-16fpwr1bbo] {
    width: 600px;
    margin-left: 0px;
    background: #33A02C 0% 0% no-repeat padding-box;
    height: 60px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
}

.modal-title-popup[b-16fpwr1bbo] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-16fpwr1bbo] {
    margin-left: 0px;
}

[b-16fpwr1bbo] .modal-body-add {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-16fpwr1bbo] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/NRNCommunComponents/LeftMenuComponent.razor.rz.scp.css */
@media screen and (min-width:1300px) and (max-width:1699px) {
    .left-menu[b-wbirnwxae7] {
        min-width: 33vh;
        height: 86vh;
        float: left;
        box-shadow: 2px 2px 4px #02171E33;
    }
}
@media screen and (min-width:1700px)  {
    .left-menu[b-wbirnwxae7] {
        min-width: 25vh;
        height: 97vh;
        float: left;
        box-shadow: 2px 2px 4px #02171E33;
       
    }
}
.navigation[b-wbirnwxae7] {
    font-family: 'GravityRegular';
    color: #36485B;
    cursor: pointer;
}



@media screen /*and (min-width:560px)*/ and (max-width:499px) {
    .left-menu[b-wbirnwxae7] {
        width: 100%;
        /*        margin-top:0px;*/
        box-shadow: 2px 2px 4px #02171E33;
        margin: auto;
    }
}
@media only screen and (min-width:450px)and (max-width: 1024px) {

    .left-menu[b-wbirnwxae7] {
        width: 48%;
        box-shadow: 2px 2px 4px #02171E33;
        float: left;
        height:calc(100vh - 11vh);
        overflow-y:auto!important;
    }
}

    .left-menu[b-wbirnwxae7] {
        overflow-y: hidden;
    }
/* /Components/NRNCommunComponents/LeftMenuFixComponent.razor.rz.scp.css */
@media screen and (min-width:1300px) and (max-width:1699px) {
    .left-menu[b-zvu0yfc04o] {
        min-width: 33vh;
        height: 86vh;
        float: left;
        box-shadow: 2px 2px 4px #02171E33;
    }
}
@media screen and (min-width:1700px)  {
    .left-menu[b-zvu0yfc04o] {
        min-width: 25vh;
        height: 97vh;
        float: left;
        box-shadow: 2px 2px 4px #02171E33;
       
    }
}
.navigation[b-zvu0yfc04o] {
    font-family: 'GravityRegular';
    color: #36485B;
    cursor: pointer;
}



@media screen /*and (min-width:560px)*/ and (max-width:499px) {
    .left-menu[b-zvu0yfc04o] {
        width: 100%;
        /*        margin-top:0px;*/
        box-shadow: 2px 2px 4px #02171E33;
        margin: auto;
    }
}

/* /Components/NRNCommunComponents/ListDragComponent.razor.rz.scp.css */
.css-shapes-formplus[b-mxsbrgc6hj] {
    filter: drop-shadow(2px 1px 2px #838384);
    margin-right: 10px;
    margin-bottom: -10px;
    margin-left: 10px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 33px;
    width: 33px;
    background-color: #007bc5;
    border-radius: 150px;
    cursor: pointer;
}

.listsegment1[b-mxsbrgc6hj] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    filter: drop-shadow(2px 1px 2px #838384);
    background-color: #fff;
    position: absolute;
    top: 60px;
    z-index: 2;
    min-width: 187px;
    left: -11px;
}

.beak_cd6f2a1d[b-mxsbrgc6hj] {
    background: transparent;
    width: 0;
    margin-left: 15px;
    margin-top: 15px;
    border-right: solid 11px transparent;
    border-bottom: solid 11px #007bc5;
    border-left: solid 11px transparent;
}

.container1[b-mxsbrgc6hj] {
    text-align: left;
    height: 235px;
    overflow-y: scroll;
    line-height: 36px;
}

.spansegment[b-mxsbrgc6hj] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'GravityBold';
    color: #f2f1f8;
    text-align: left;
    margin-top: -11px;
    background-color: #007bc5;
}

.css-shapes-form-plus[b-mxsbrgc6hj] {
    margin-top: 23px;
    margin-right: 138px;
    margin-bottom: 10px;
    margin-left: 10px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    position: absolute;
    height: 43px;
    border-radius: 150px;
}
/* /Components/NRNCommunComponents/ModalComponents/ModalTemplate.razor.rz.scp.css */

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-ufgav6yazt] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-dialog[b-ufgav6yazt] {
    max-width: 100% !important;
    margin: 1.75rem auto !important;
    width: 100%;
}

.img-enterh[b-ufgav6yazt] {
    margin-left: 16px;
}

.styletitle[b-ufgav6yazt] {
    margin-top: 0 !important;
    margin-left: 13px !important;
    display: flex;
    align-items: center;
}

.modal-title[b-ufgav6yazt] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-ufgav6yazt] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 17px;
    margin-left: 25px;
    margin-top: 10px;
}


.closepop[b-ufgav6yazt] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    top: 21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-ufgav6yazt] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -10px;
    position: absolute;
    right: 19px;
}




.modal-body-revue[b-ufgav6yazt] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}


.modal-footer > :not(:first-child)[b-ufgav6yazt] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-ufgav6yazt] {
    margin-right: 0px;
}


/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content1[b-ufgav6yazt] {
    width: auto;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 6px 6px 6px 6px;
    margin-top: -54px;
    left: 0;
}

.modal-header-accepter1[b-ufgav6yazt] {
    width: 100%;
    height: 39px;
    background: #3399FF 0% 0% no-repeat padding-box;
    border-radius: 1px 1px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-ufgav6yazt] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}





/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-ufgav6yazt] {
    width: 100%;
    height: 42px;
    background: #3399FF 0% 0% no-repeat padding-box;
    border-radius: 6px 6px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-ufgav6yazt] {
    width: auto;
    height: 520px;
    line-height: 15px;
}

.icon-popup[b-ufgav6yazt] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}



.label-pers[b-ufgav6yazt] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}




.span-prog-title[b-ufgav6yazt] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}




.div-footer[b-ufgav6yazt] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/




@media(max-height:657px) {
    .body-entry-time1[b-ufgav6yazt] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}




.btn-confirm[b-ufgav6yazt] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}


.modal-menu-content[b-ufgav6yazt] {
    width: 100%;
    height: 342px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border-radius: 3px;
    opacity: 1;
    position: fixed;
    bottom: 0;
}

.modal-body-menu[b-ufgav6yazt] {
}

.modal-div[b-ufgav6yazt] {
    background-color: rgb(34,47,62,.75);
    display: block;
}
.modal[b-ufgav6yazt] {
    position: fixed;
     top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.3s;
}


@media(max-width:900px) {
    .modal-dialog[b-ufgav6yazt] {
        width: 95%;
      
    }
}

@media(min-width:900px) {
    .modal-dialog[b-ufgav6yazt] {
        width: 80%;
    }
}
.modal-dialog[b-ufgav6yazt] {
   
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0.5rem;
}
@media screen and (max-width: 1024px) 
{
    .ipad-media[b-ufgav6yazt]
    {
        height:95vh;
    }
}
/* /Components/NRNCommunComponents/MultiSelectComponent.razor.rz.scp.css */
.multiselect[b-07z0a5k8yb] {
    width: 441px;
    height: 421px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 6px #00000040;
    border: 1px solid #F2F2F2;
    opacity: 1;
    position:relative;
}
.multiselect-header[b-07z0a5k8yb] {
    height: 75px;
    border-bottom: 0.5px solid rgb(97 105 110 / 25%);
    display:flex;
    flex-wrap: wrap;
    overflow-y: auto;
}
.multiselect-body[b-07z0a5k8yb] {
    overflow-y: auto;
    height: 346px;
}
.multiselect-line[b-07z0a5k8yb] {
    height: 49px;
    border-bottom: 0.5px solid rgb(97 105 110 / 25%);
    display: flex;
    justify-content: space-between;
}
.multiselect-value[b-07z0a5k8yb] {
    font-family: GravityBold;
    font-size: 14px;
    color: #36485B;
    margin-left: 20px;
    margin-top: 10px;
}
.multiselect-check[b-07z0a5k8yb] {
    width: 80px;
    display: none;
}
.multiselect-line:hover .multiselect-check[b-07z0a5k8yb]{
    display:flex;
}
.multiselect-selected[b-07z0a5k8yb] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 17px;
    width: 200px;
    height: 34px;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-left: 10px;
}
/* /Components/NRNCommunComponents/NRNAddressComponent.razor.rz.scp.css */
.div-item-prj-p[b-unuypek7hl] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-unuypek7hl] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

input[b-unuypek7hl] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.form-control:focus[b-unuypek7hl] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-unuypek7hl] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-unuypek7hl], .form-control[readonly][b-unuypek7hl] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-unuypek7hl] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}
/* /Components/NRNCommunComponents/NRNDropDown.razor.rz.scp.css */
.div-item-prj-p[b-7dz78xsccx] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
    display:flex;
    flex-direction:column;
}

.span-prj-title[b-7dz78xsccx] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    padding-left: 15px;
}

select[b-7dz78xsccx] {
    background: none;
    background-color: transparent;
    border: none;
    border-radius: 9px;
    opacity: 1;
    margin-top: 2px;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
    padding-left: 15px;
    box-shadow: none;
    height: 32px !important;
    width: 193px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}


    select:focus[b-7dz78xsccx] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    }

.border-input:hover[b-7dz78xsccx] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

.div-sty[b-7dz78xsccx] {
    padding: 8px !important;
    font-family: 'GravityRegular';
    color: #18af87;
}

.border-input:focus[b-7dz78xsccx] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

.add-l[b-7dz78xsccx] {
    margin-left: 14px;
}

.img-icon-add[b-7dz78xsccx] {
    margin-top: -2px;
    padding-right: 7px;
}

[b-7dz78xsccx] .filterclass {
    width: 255px !important;
}


@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.paddtop[b-7dz78xsccx] {
    padding: 14px;
    text-align: initial;
}

.card-sel[b-7dz78xsccx] {
    /* position: fixed;
*/ width: 257px;
    z-index: 10006;
    box-shadow: 3px 3px 9px #0000004d;
}

.span-show-more[b-7dz78xsccx] {
    font-size: 13px;
}

.divmore[b-7dz78xsccx] {
    text-align: center;
    margin-top: -3px;
}

[b-7dz78xsccx] .div-search-input {
    display: grid;
    grid-template-columns: 5fr 1fr !important;
    height: 36px !important;
    width: 100%;
}

.div-resource[b-7dz78xsccx] {
    border-bottom: 2px solid #eaeaea;
    min-height: 42px;
}

.card-res[b-7dz78xsccx] {
    /*height: 95px;*/
    height: 42px;
    border-radius: 0px !important;
}

.paddin[b-7dz78xsccx] {
    padding: 13px;
}

.nopaddin[b-7dz78xsccx] {
    padding: 21px !important
}

.style-card[b-7dz78xsccx] {
    padding: 13px;
}

.span-username-res-id[b-7dz78xsccx] {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 15px;
    font-family: 'GravityRegular';
    font-size: 12px;
    /*color: #8395A7;*/
    color: #7A91AA;
    opacity: 1;
}

.span-username-res[b-7dz78xsccx] {
    margin-top: -19px;
    font-family: 'GravityRegular';
    font-size: 13px;
    color: #222F3E;
}

.span-pers[b-7dz78xsccx] {
    font-family: 'GravityRegular';
    font-size: 13px;
    color: #8395A7;
    text-align: left;
    letter-spacing: 0.33px;
}

.span-distance[b-7dz78xsccx] {
    font-family: left;
    letter-spacing: 0.33px;
    color: #8395A7;
    font-family: 'GravityRegular';
    font-size: 13px;
}

.span-duration[b-7dz78xsccx] {
    color: #F36C3A;
    text-align: left;
    letter-spacing: 0.3px;
    font-family: 'GravityRegular';
    font-size: 11px;
}

.div-hover-call[b-7dz78xsccx] {
    /*display:none;*/
    position: absolute;
    /*top: 30px;*/
    top: 12px;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity linear 0.3s;
}

.card-body:hover .div-hover-call[b-7dz78xsccx] {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}

.card-body:hover[b-7dz78xsccx] {
    box-shadow: 2px 2px 9px #00000040;
}

.ressource-list-cards[b-7dz78xsccx] {
    overflow: scroll;
    max-height: 340px;
    overflow-x: hidden;
}

.card-button[b-7dz78xsccx] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}


.div-header-ressource[b-7dz78xsccx] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: flex;
}

.div-child-header-ressource[b-7dz78xsccx] {
    height: 34px;
    font-family: 'GravityRegular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res[b-7dz78xsccx] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-7dz78xsccx] {
    margin-top: -3px;
    margin-right: 10px;
}


.ressourceModal[b-7dz78xsccx] {
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}

.imgRessource[b-7dz78xsccx] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.imgAssignRessource[b-7dz78xsccx] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-7dz78xsccx] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}

.email[b-7dz78xsccx] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-7dz78xsccx] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
}

.smallText[b-7dz78xsccx] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
    font-size: 15px;
}


.div-contact-card[b-7dz78xsccx] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
}

.row-flex[b-7dz78xsccx] {
    display: flex;
    flex-direction: row;
}

.column-flex[b-7dz78xsccx] {
    display: flex;
    flex-direction: column;
}

.span-style[b-7dz78xsccx] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
}

.span-phone[b-7dz78xsccx] {
    font-family: 'GravityRegular';
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

.title[b-7dz78xsccx] {
    font-size: 18px;
}

.sub-title[b-7dz78xsccx] {
    font-size: 15px;
}

.icon-img[b-7dz78xsccx] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.user-icon[b-7dz78xsccx] {
    padding-top: 2px;
}

.call-icon[b-7dz78xsccx] {
    padding-top: 8px;
}

.div-contact[b-7dz78xsccx] {
    padding-left: 10px;
}

.email[b-7dz78xsccx] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}


.div-compentance-card[b-7dz78xsccx] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 0.5rem;
    padding-left: 1.5rem;
}

.row-flex[b-7dz78xsccx] {
    display: flex;
    flex-direction: row
}

.column-flex[b-7dz78xsccx] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-7dz78xsccx] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-7dz78xsccx] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'GravityRegular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.span-sub-title[b-7dz78xsccx] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
    color: #576574;
}

.span-sub-sub-title[b-7dz78xsccx] {
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-7dz78xsccx] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.level-icon[b-7dz78xsccx] {
    object-fit: cover;
    opacity: 1;
}

.userimgres[b-7dz78xsccx] {
    width: 24px;
    object-fit: cover;
    border-radius: 50%;
    border-radius: 23px;
    margin-top: -7px;
}

.competance-icon[b-7dz78xsccx] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}

.card-listTAsks[b-7dz78xsccx] {
    position: absolute !important;
    top: 85px;
}

.hoverli:hover[b-7dz78xsccx] {
    box-shadow: 2px 2px 9px #00000040;
    cursor: pointer;
}

.span-username-res:hover[b-7dz78xsccx] {
    cursor: pointer;
}

.span-username-res-id:hover[b-7dz78xsccx] {
    cursor: pointer;
}

.ressource-list-cards[b-7dz78xsccx]::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.ressource-list-cards[b-7dz78xsccx]::-webkit-scrollbar-track {
    background: #dcdcdc59;
}

/* Handle */
.ressource-list-cards[b-7dz78xsccx]::-webkit-scrollbar-thumb {
    background: #E0E0E0;
    border-radius: 4px;
}

    /* Handle on hover */
    .ressource-list-cards[b-7dz78xsccx]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/* Buttons */
.ressource-list-cards[b-7dz78xsccx]::-webkit-scrollbar-button:single-button {
    background-color: #dcdcdc59;
    display: block;
    border-style: solid;
    height: 7px;
}
    /* Up */
    .ressource-list-cards[b-7dz78xsccx]::-webkit-scrollbar-button:single-button:vertical:decrement {
        border-width: 0 4px 4px 4px;
        border-color: transparent transparent #E0E0E0 transparent;
    }

        .ressource-list-cards[b-7dz78xsccx]::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
            border-color: transparent transparent #777777 transparent;
        }
    /* Down */
    .ressource-list-cards[b-7dz78xsccx]::-webkit-scrollbar-button:single-button:vertical:increment {
        border-width: 4px 4px 0 4px;
        border-color: #E0E0E0 transparent transparent transparent;
    }

.ressource-list-cards[b-7dz78xsccx]::-webkit-scrollbar-button:vertical:single-button:increment:hover {
    border-color: #777777 transparent transparent transparent;
}
/* /Components/NRNCommunComponents/NRNInputArea.razor.rz.scp.css */
.div-item-prj-p[b-2ervvp2e0k] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-2ervvp2e0k] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}
textarea[b-2ervvp2e0k] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
}

.form-control:focus[b-2ervvp2e0k] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-2ervvp2e0k] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
textarea[b-2ervvp2e0k]::placeholder {
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

.form-control:disabled[b-2ervvp2e0k], .form-control[readonly][b-2ervvp2e0k] {
    background-color: transparent;
    opacity: 1;
}
/* width */
[b-2ervvp2e0k]::-webkit-scrollbar {
    width: 10px;
}

/* Track */
[b-2ervvp2e0k]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
[b-2ervvp2e0k]::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    [b-2ervvp2e0k]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
/* /Components/NRNCommunComponents/PopoverComponent.razor.rz.scp.css */

.modal-dialog[b-gv9pkpoar6] {
    width: fit-content !important;
    max-width: fit-content !important;
}

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-gv9pkpoar6] {
    background-color: rgb(34 47 62 / 0%);
    display: block;
}

.modal-content-revue[b-gv9pkpoar6] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-gv9pkpoar6] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-gv9pkpoar6] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-gv9pkpoar6] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-gv9pkpoar6] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 16px;
    margin-left: 10px;
    margin-left: 15px;
    margin-bottom: 9px;
    margin-top: 10px;
}


.closepop[b-gv9pkpoar6] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog1[b-gv9pkpoar6] {
    background-color: transparent;
    border: none;
    font-size: 36px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: 21px;
    position: absolute;
    right: 19px;
}




.modal-body-revue[b-gv9pkpoar6] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}


.modal-footer > :not(:first-child)[b-gv9pkpoar6] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-gv9pkpoar6] {
    margin-right: 0px;
}


/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-gv9pkpoar6] {
    width: 301.98px;
    height: 402.09px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026, 0em 0 0.7em #00000026;
    border-radius: 9px 9px 0px 0px;
    left: 36%;
    position: fixed;
}

.modal-header-accepter[b-gv9pkpoar6] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-gv9pkpoar6] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-gv9pkpoar6] {
    width: 100%;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}



/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-gv9pkpoar6] {
    width: 100%;
    height: 42px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-gv9pkpoar6] {
    /*height:auto;*/
    min-height: 400px;
    line-height: 15px;
    overflow: scroll;
}

.icon-popup[b-gv9pkpoar6] {
    width: 14px;
    height: 18px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 12px;
}

.progressbar[value][b-gv9pkpoar6] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-gv9pkpoar6]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-gv9pkpoar6]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-gv9pkpoar6] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-gv9pkpoar6] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-gv9pkpoar6] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-gv9pkpoar6] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-gv9pkpoar6] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-gv9pkpoar6] {
    width: 18px;
    height: 14px;
}

.div-footer[b-gv9pkpoar6] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-gv9pkpoar6] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-gv9pkpoar6] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-gv9pkpoar6] {
    line-height: 15px;
}

.modal-title-entrerheure[b-gv9pkpoar6] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-gv9pkpoar6] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-gv9pkpoar6] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-gv9pkpoar6] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-gv9pkpoar6]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-gv9pkpoar6]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-gv9pkpoar6]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-gv9pkpoar6]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-gv9pkpoar6] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-gv9pkpoar6] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-gv9pkpoar6] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-gv9pkpoar6] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-gv9pkpoar6] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-gv9pkpoar6] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-gv9pkpoar6] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-gv9pkpoar6] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-gv9pkpoar6] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-gv9pkpoar6] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-gv9pkpoar6] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-gv9pkpoar6] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-gv9pkpoar6] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-gv9pkpoar6] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-gv9pkpoar6] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-gv9pkpoar6] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-gv9pkpoar6] {
    margin-top: 12px;
}

.img-choix[b-gv9pkpoar6] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-gv9pkpoar6] {
    margin-left: 4px;
}

.body-entry-time1[b-gv9pkpoar6] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-gv9pkpoar6] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-gv9pkpoar6] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-gv9pkpoar6] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-gv9pkpoar6] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-gv9pkpoar6] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-gv9pkpoar6] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-gv9pkpoar6] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-gv9pkpoar6] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-gv9pkpoar6] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-gv9pkpoar6] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-gv9pkpoar6] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}


.btn-confirm[b-gv9pkpoar6] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}


.modal-menu-content[b-gv9pkpoar6] {
    width: 100%;
    height: 342px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border-radius: 3px;
    opacity: 1;
    position: fixed;
    bottom: 0;
}

.modal-body-menu[b-gv9pkpoar6] {
}

.modal-div[b-gv9pkpoar6] {
    background-color: rgb(34,47,62,.75);
    display: block;
}
/* /Components/NRNCommunComponents/PopoverListComponent.razor.rz.scp.css */
.somme-card[b-jdhep2wtd5] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 301px;
    height: 382px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

.somme-triang[b-jdhep2wtd5] {
    margin-top: -15px;
    margin-left: 43px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}

.somme-solde[b-jdhep2wtd5] {
    font-family: GravityRegular;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
}

.somme-devise[b-jdhep2wtd5] {
    font-family: GravityBold;
    font-size: 10px;
    text-align: left;
    letter-spacing: 0px;
}

.somme-valeur[b-jdhep2wtd5] {
    font-family: GravityBold;
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
}

.somme:hover[b-jdhep2wtd5] {
    cursor: pointer;
}
/* /Components/NRNCommunComponents/PopupComponent.razor.rz.scp.css */

.modal-dialog[b-3cyzy9dm66] {
    width: fit-content !important;
    max-width:fit-content !important;
}
   
/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-3cyzy9dm66] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-3cyzy9dm66] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-3cyzy9dm66] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-3cyzy9dm66] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-3cyzy9dm66] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-3cyzy9dm66] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}


.closepop[b-3cyzy9dm66] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-3cyzy9dm66] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: 21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: 23px;
    position: absolute;
    right: 19px;
}




.modal-body-revue[b-3cyzy9dm66] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}


.modal-footer > :not(:first-child)[b-3cyzy9dm66] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-3cyzy9dm66] {
    margin-right: 0px;
}


/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-3cyzy9dm66] {
    width: auto;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: unset;
}

.modal-header-accepter[b-3cyzy9dm66] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-3cyzy9dm66] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-3cyzy9dm66] {
    width: 100%;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}



/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-3cyzy9dm66] {
    width: 100%;
    height: 60px;
    background: #33A02C 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-3cyzy9dm66] {
    /*height:auto;*/
    min-height: 400px;
    line-height: 15px;
}

.icon-popup[b-3cyzy9dm66] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-3cyzy9dm66] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-3cyzy9dm66]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-3cyzy9dm66]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-3cyzy9dm66] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-3cyzy9dm66] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-3cyzy9dm66] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-3cyzy9dm66] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-3cyzy9dm66] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-3cyzy9dm66] {
    width: 18px;
    height: 14px;
}

.div-footer[b-3cyzy9dm66] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-3cyzy9dm66] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-3cyzy9dm66] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-3cyzy9dm66] {
    line-height: 15px;
}

.modal-title-entrerheure[b-3cyzy9dm66] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-3cyzy9dm66] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-3cyzy9dm66] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-3cyzy9dm66] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-3cyzy9dm66]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-3cyzy9dm66]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-3cyzy9dm66]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-3cyzy9dm66]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-3cyzy9dm66] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-3cyzy9dm66] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-3cyzy9dm66] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-3cyzy9dm66] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-3cyzy9dm66] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-3cyzy9dm66] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-3cyzy9dm66] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-3cyzy9dm66] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-3cyzy9dm66] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-3cyzy9dm66] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-3cyzy9dm66] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-3cyzy9dm66] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-3cyzy9dm66] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-3cyzy9dm66] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-3cyzy9dm66] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-3cyzy9dm66] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-3cyzy9dm66] {
    margin-top: 12px;
}

.img-choix[b-3cyzy9dm66] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-3cyzy9dm66] {
    margin-left: 4px;
}

.body-entry-time1[b-3cyzy9dm66] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-3cyzy9dm66] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-3cyzy9dm66] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-3cyzy9dm66] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-3cyzy9dm66] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-3cyzy9dm66] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-3cyzy9dm66] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-3cyzy9dm66] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-3cyzy9dm66] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-3cyzy9dm66] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-3cyzy9dm66] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-3cyzy9dm66] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}


.btn-confirm[b-3cyzy9dm66] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}


.modal-menu-content[b-3cyzy9dm66] {
    width: 100%;
    height: 342px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border-radius: 3px;
    opacity: 1;
    position: fixed;
    bottom: 0;
}

.modal-body-menu[b-3cyzy9dm66] {
}

.modal-div[b-3cyzy9dm66] {
    background-color: rgb(34,47,62,.75);
    display: block;
}











/* /Components/NRNCommunComponents/ProductRefComponent.razor.rz.scp.css */
.div-group[b-74moxe8608] {
    display: flex;
    margin: 10px;
    padding-left: 15px;
    padding-top: 15px;
    font-family: 'GravityRegular';
    
}

.div-group-child1[b-74moxe8608] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    margin-top: 2px;
}

.img-round[b-74moxe8608] {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: #FD9644;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top:3px;
}

.span-code[b-74moxe8608] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 15px;
}

span-name[b-74moxe8608] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    font-weight: bold;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 15px;
    margin-left: 17px;
}

.upl[b-74moxe8608] {
    width: 44.05px;
    height: 44.05px;
    border-radius: 50%;
    border-style: none;
    background-color: #FD9644;
    position: relative;
    
}

.main-profile-img[b-74moxe8608] {
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding-top: 6px;
    font-size: 20px;
}

    .upl img[b-74moxe8608] {
        height: 100%;
        width: 100%;
        border-radius: 50%;
    }

    .upl i[b-74moxe8608] {
        position: absolute;
        top:0;
        left: -12px;
        border-radius: 50%;
        height: 25.57px;
        width: 24.79px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background-color: white;
        color: cornflowerblue;
    }
/* /Components/NRNCommunComponents/QuickNewPopUp.razor.rz.scp.css */
.modal-back[b-axz857k7yu] {
    background-color: rgb(240 240 244 / 75%);
}
.modal-dialog-popup[b-axz857k7yu] {
    max-width: 433px;
    width: 433px;
    position: absolute;
    top: 40% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0.5rem;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
}
 
.popup-modal-center[b-axz857k7yu] {
    max-width: 670px;
    width: unset;
    position: absolute;
    top: 46%;
    left: 50% !important;
    transform: translate(-50%, -50%);
    border-radius: 0.5rem;
}

[b-axz857k7yu] .popup-footer {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-axz857k7yu] {
    width: 433px;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-axz857k7yu] {
    width: 433px;
    margin-left: 0px;
    background: #33A02C 0% 0% no-repeat padding-box;
    height: 60px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
}
.modal-title-popup[b-axz857k7yu] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-axz857k7yu] {
    margin-left: 0px;
}

[b-axz857k7yu] .modal-body-add {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-axz857k7yu] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}




@media screen and (max-width:1024px) {
    .new-suppressources-rep[b-axz857k7yu] {
        left: 200px!important;
    }
}
/* /Components/NRNCommunComponents/SaveBtn.razor.rz.scp.css */

.img-icon1[b-34c9fo7ed4] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
}

.img-icon2[b-34c9fo7ed4] {
    padding-top: 7px;
    max-width: 20px;
    max-height: 22px;
    display: none;
}




.btn-style-save[b-34c9fo7ed4] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #87C531;
    display: grid;
    justify-items: center;
    min-width: 103px;
}



    .btn-style-save:hover[b-34c9fo7ed4] {
        font-family: 'GravityBold';
        font-size: 13px;
        letter-spacing: 0.28px;
        color: #ffffff;
        background: #87C531 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
    }

        .btn-style-save:hover .img-icon1[b-34c9fo7ed4] {
            display: none;
        }

        .btn-style-save:hover .img-icon2[b-34c9fo7ed4] {
            display: block;
        }

    .btn-style-save:focus[b-34c9fo7ed4] {
        outline: none;
      
    }
.btn-style-save-dis[b-34c9fo7ed4] {
    border: none;
    background: none;
    font-size: 13px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #87C531;
    display: grid;
    justify-items: center;
    min-width: 103px;
}
    .btn-style-save-dis:hover[b-34c9fo7ed4] {
        cursor: not-allowed;
    }

    .btn-style-save-dis:focus[b-34c9fo7ed4] {
        outline: none;
    }
/* /Components/NRNCommunComponents/ScrollableComponent.razor.rz.scp.css */
.div-header[b-a04uwsfcqd] {
    display: flex;
    background-color: #F9F9F9;
    justify-content: space-between;
    padding: 0.75rem;
    font-family: "GravityRegular";
    font-size: 14px;
    padding-left: 25px;
}
.left-content-header[b-a04uwsfcqd]{
    display:flex;
}
.div-title[b-a04uwsfcqd] {
    padding-left: 1rem;
}
.icon-show-hide[b-a04uwsfcqd] {
    cursor: pointer;
}

.rotate[b-a04uwsfcqd] {
    transform: rotate(180deg); 
    margin-right: 8px;
}
.arrow-span[b-a04uwsfcqd] {
    height: 2vh;
    width: 4vh;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 3.5vh;
    margin-right: 96vh;
    z-index: 1;
}

.div-tabs[b-a04uwsfcqd] {
    display: flex;
    width: 200px;
    height: 100%;
    align-items: center;
}
.active-tab[b-a04uwsfcqd] {
    font-size: 14.5px;
    font-weight: bold;
    color: #40474a;
    border-bottom: 4.5px solid #0898D7;
}
    .active-tab img[b-a04uwsfcqd] {
        filter: invert(52%) sepia(84%) saturate(2319%) hue-rotate(159deg) brightness(91%) contrast(101%);
    }

    @media screen and (min-width:1300px) and (max-width:1699px){
        .arrow-span[b-a04uwsfcqd] {
            height: 2vh;
            width: 4vh;
            display: flex !important;
            align-items: center;
            justify-content: center;
            margin-top: 3.5vh;
            margin-right: 99vh;
            z-index: 1;
        }
    }
/* /Components/NRNCommunComponents/SecondHeaderComponent.razor.rz.scp.css */
.second-header-div[b-om2n5dcwx9] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 4px;
    align-items: center;
    height: 57px;
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 2px #0d152633;
    opacity: 1;
}

.small-header[b-om2n5dcwx9] {
    width: calc(100vw - 389px ) !important;
}
@media screen and (max-width: 1024px) {
    .second-header-div[b-om2n5dcwx9][b-om2n5dcwx9] {
        height: 45px;
        margin-top:2px;
    }
    .btn-style-media[b-om2n5dcwx9] {
        height: 45px;
    }
}
/* /Components/NRNCommunComponents/SmallPopoverComponent.razor.rz.scp.css */
.css-shapes-formplus[b-7tqq4lejti] {
    filter: drop-shadow(2px 1px 2px #838384);
    margin-top: -3px;
    margin-right: 10px;
    margin-bottom: -10px;
    margin-left: 10px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 33px;
    width: 33px;
    background-color: #007bc5;
    border-radius: 150px;
    cursor: pointer;
}
.hide[b-7tqq4lejti]{
    display:none !important;
}
.listsegment1[b-7tqq4lejti] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    filter: drop-shadow(2px 1px 2px #838384);
    background-color: #fff;
    position: absolute;
    z-index: 1003;
    min-width: 282px;
    margin-left: 83px;
    min-height: 336px;
    margin-top: -115px;
}
.somme-triang[b-7tqq4lejti] {
    margin-top: -23px;
    margin-left: 70px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    transform: rotate(-90deg);
    font-size: 20px;
}

.container1[b-7tqq4lejti] {
    text-align: left;
    height: 264px;
    overflow-y: scroll;
    line-height: 36px;
}

.spansegment[b-7tqq4lejti] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'GravityBold';
    color: #FFFFFF;
    text-align: left;
    margin-top: -11px;
    background-color: #F7931E;
    height: 42px;
    padding-top: 10px;
    padding-left: 20px;
}

.css-shapes-form-plus[b-7tqq4lejti] {
    margin-top: 23px;
    margin-right: 138px;
    margin-bottom: 10px;
    margin-left: 10px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    position: absolute;
    height: 43px;
    border-radius: 150px;
}
.search[b-7tqq4lejti] {
    background-color: #EFEFEF;
    width: 280px;
    border: none;
    padding-left: 20px;
    height: 41px;
}

    .search:focus[b-7tqq4lejti] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    }
.pourcent[b-7tqq4lejti] {
    margin-left: 74px;
}
/* /Components/NRNCommunComponents/SmallPopoverComponent1.razor.rz.scp.css */
.css-shapes-formplus[b-3gqp22m5uk] {
    filter: drop-shadow(2px 1px 2px #838384);
    margin-top: -3px;
    margin-right: 10px;
    margin-bottom: -10px;
    margin-left: 10px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 33px;
    width: 33px;
    background-color: #007bc5;
    border-radius: 150px;
    cursor: pointer;
}
.hide[b-3gqp22m5uk]{
    display:none !important;
}
.listsegment1[b-3gqp22m5uk] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    filter: drop-shadow(2px 1px 2px #838384);
    background-color: #fff;
    position: absolute;
    z-index: 1003;
    min-width: 282px;
    margin-left: 83px;
    min-height: 336px;
    margin-top: -115px;
}
.somme-triang[b-3gqp22m5uk] {
    margin-top: -23px;
    margin-left: 70px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    transform: rotate(-90deg);
    font-size: 20px;
}

.container1[b-3gqp22m5uk] {
    text-align: left;
    height: 264px;
    overflow-y: scroll;
    line-height: 36px;
}

.spansegment[b-3gqp22m5uk] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'GravityBold';
    color: #FFFFFF;
    text-align: left;
    margin-top: -11px;
    background-color: #F7931E;
    height: 42px;
    padding-top: 10px;
    padding-left: 20px;
}

.css-shapes-form-plus[b-3gqp22m5uk] {
    margin-top: 23px;
    margin-right: 138px;
    margin-bottom: 10px;
    margin-left: 10px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    position: absolute;
    height: 43px;
    border-radius: 150px;
}
.search[b-3gqp22m5uk] {
    background-color: #EFEFEF;
    width: 280px;
    border: none;
    padding-left: 20px;
    height: 41px;
}

    .search:focus[b-3gqp22m5uk] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    }
.pourcent[b-3gqp22m5uk] {
    margin-left: 74px;
}
/* /Components/NRNCommunComponents/SmallPopoverComponent2.razor.rz.scp.css */
.css-shapes-formplus[b-x7bwzz6jxt] {
    filter: drop-shadow(2px 1px 2px #838384);
    margin-top: -3px;
    margin-right: 10px;
    margin-bottom: -10px;
    margin-left: 10px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 33px;
    width: 33px;
    background-color: #007bc5;
    border-radius: 150px;
    cursor: pointer;
}
.hide[b-x7bwzz6jxt]{
    display:none !important;
}
.listsegment1[b-x7bwzz6jxt] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    filter: drop-shadow(2px 1px 2px #838384);
    background-color: #fff;
    position: absolute;
    z-index: 1003;
    min-width: 282px;
    margin-left: 83px;
    min-height: 336px;
    margin-top: -115px;
}
.somme-triang[b-x7bwzz6jxt] {
    margin-top: -23px;
    margin-left: 70px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    transform: rotate(-90deg);
    font-size: 20px;
}

.container1[b-x7bwzz6jxt] {
    text-align: left;
    height: 264px;
    overflow-y: scroll;
    line-height: 36px;
}

.spansegment[b-x7bwzz6jxt] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'GravityBold';
    color: #FFFFFF;
    text-align: left;
    margin-top: -11px;
    background-color: #F7931E;
    height: 42px;
    padding-top: 10px;
    padding-left: 20px;
}

.css-shapes-form-plus[b-x7bwzz6jxt] {
    margin-top: 23px;
    margin-right: 138px;
    margin-bottom: 10px;
    margin-left: 10px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    position: absolute;
    height: 43px;
    border-radius: 150px;
}
.search[b-x7bwzz6jxt] {
    background-color: #EFEFEF;
    width: 280px;
    border: none;
    padding-left: 20px;
    height: 41px;
}

    .search:focus[b-x7bwzz6jxt] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    }
.pourcent[b-x7bwzz6jxt] {
    margin-left: 74px;
}
/* /Components/NRNCommunComponents/SmallPopoverFactCustComponent.razor.rz.scp.css */
.css-shapes-formplus[b-odz7wiigk5] {
    filter: drop-shadow(2px 1px 2px #838384);
    margin-top: -3px;
    margin-right: 10px;
    margin-bottom: -10px;
    margin-left: 10px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 33px;
    width: 33px;
    background-color: #007bc5;
    border-radius: 150px;
    cursor: pointer;
}
.hide[b-odz7wiigk5]{
    display:none !important;
}
.listsegment1[b-odz7wiigk5] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    filter: drop-shadow(2px 1px 2px #838384);
    background-color: #fff;
    position: absolute;
    z-index: 1003;
    min-width: 282px;
    margin-left: 83px;
    min-height: 336px;
    margin-top: -115px;
}
.somme-triang[b-odz7wiigk5] {
    margin-top: -23px;
    margin-left: 70px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    transform: rotate(-90deg);
    font-size: 20px;
}

.container1[b-odz7wiigk5] {
    text-align: left;
    height: 264px;
    overflow-y: scroll;
    line-height: 36px;
}

.spansegment[b-odz7wiigk5] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'GravityBold';
    color: #FFFFFF;
    text-align: left;
    margin-top: -11px;
    background-color: #F7931E;
    height: 42px;
    padding-top: 10px;
    padding-left: 20px;
}

.css-shapes-form-plus[b-odz7wiigk5] {
    margin-top: 23px;
    margin-right: 138px;
    margin-bottom: 10px;
    margin-left: 10px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    position: absolute;
    height: 43px;
    border-radius: 150px;
}
.search[b-odz7wiigk5] {
    background-color: #EFEFEF;
    width: 280px;
    border: none;
    padding-left: 20px;
    height: 41px;
}

    .search:focus[b-odz7wiigk5] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    }
.pourcent[b-odz7wiigk5] {
    margin-left: 74px;
}
/* /Components/NRNCommunComponents/SmallPopoverFactFournsComponent.razor.rz.scp.css */
.css-shapes-formplus[b-jfd8a3thb2] {
    filter: drop-shadow(2px 1px 2px #838384);
    margin-top: -3px;
    margin-right: 10px;
    margin-bottom: -10px;
    margin-left: 10px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 33px;
    width: 33px;
    background-color: #007bc5;
    border-radius: 150px;
    cursor: pointer;
}
.hide[b-jfd8a3thb2]{
    display:none !important;
}
.listsegment1[b-jfd8a3thb2] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    filter: drop-shadow(2px 1px 2px #838384);
    background-color: #fff;
    position: absolute;
    z-index: 1003;
    min-width: 282px;
    margin-left: 83px;
    min-height: 336px;
    margin-top: -115px;
}
.somme-triang[b-jfd8a3thb2] {
    margin-top: -23px;
    margin-left: 70px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    transform: rotate(-90deg);
    font-size: 20px;
}

.container1[b-jfd8a3thb2] {
    text-align: left;
    height: 264px;
    overflow-y: scroll;
    line-height: 36px;
}

.spansegment[b-jfd8a3thb2] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'GravityBold';
    color: #FFFFFF;
    text-align: left;
    margin-top: -11px;
    background-color: #F7931E;
    height: 42px;
    padding-top: 10px;
    padding-left: 20px;
}

.css-shapes-form-plus[b-jfd8a3thb2] {
    margin-top: 23px;
    margin-right: 138px;
    margin-bottom: 10px;
    margin-left: 10px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    position: absolute;
    height: 43px;
    border-radius: 150px;
}
.search[b-jfd8a3thb2] {
    background-color: #EFEFEF;
    width: 280px;
    border: none;
    padding-left: 20px;
    height: 41px;
}

    .search:focus[b-jfd8a3thb2] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    }
.pourcent[b-jfd8a3thb2] {
    margin-left: 74px;
}
/* /Components/NRNCommunComponents/SmallPopoverVendorComponent.razor.rz.scp.css */
.css-shapes-formplus[b-jn4y4tlhyk] {
    filter: drop-shadow(2px 1px 2px #838384);
    margin-top: -3px;
    margin-right: 10px;
    margin-bottom: -10px;
    margin-left: 10px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 33px;
    width: 33px;
    background-color: #007bc5;
    border-radius: 150px;
    cursor: pointer;
}

.hide[b-jn4y4tlhyk] {
    display: none !important;
}

.listsegment1[b-jn4y4tlhyk] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    filter: drop-shadow(2px 1px 2px #838384);
    background-color: #fff;
    position: absolute;
    z-index: 1003;
    min-width: 282px;
    margin-left: 83px;
    min-height: 336px;
    margin-top: -115px;
}

.somme-triang[b-jn4y4tlhyk] {
    margin-top: -23px;
    margin-left: 70px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    transform: rotate(-90deg);
    font-size: 20px;
}

.container1[b-jn4y4tlhyk] {
    text-align: left;
    height: 264px;
    overflow-y: scroll;
    line-height: 36px;
}

.spansegment[b-jn4y4tlhyk] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'GravityBold';
    color: #FFFFFF;
    text-align: left;
    margin-top: -11px;
    background-color: #F7931E;
    height: 42px;
    padding-top: 10px;
    padding-left: 20px;
}

.css-shapes-form-plus[b-jn4y4tlhyk] {
    margin-top: 23px;
    margin-right: 138px;
    margin-bottom: 10px;
    margin-left: 10px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    position: absolute;
    height: 43px;
    border-radius: 150px;
}

.search[b-jn4y4tlhyk] {
    background-color: #EFEFEF;
    width: 280px;
    border: none;
    padding-left: 20px;
    height: 41px;
}

    .search:focus[b-jn4y4tlhyk] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    }

.pourcent[b-jn4y4tlhyk] {
    margin-left: 74px;
}
/* /Components/NRNCommunComponents/SommeTotalComponent.razor.rz.scp.css */
.somme-card[b-gi1jju1sde] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: auto;
    height: auto;
    margin-top: 5px;
    right: 20px;
    z-index: 1001;
    position: absolute;
    padding-bottom: 12px;
    min-width: 368px;
    min-height: 209.64px;
}

.somme-triang[b-gi1jju1sde] {
    margin-top: -15px;
    margin-left: 43px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}

.somme-solde[b-gi1jju1sde] {
    font-family: GravityBold;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    width: 110px;
}

.somme-devise[b-gi1jju1sde] {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
}

.somme-valeur[b-gi1jju1sde] {
    font-family: 'GravityBold';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.somme:hover[b-gi1jju1sde] {
    cursor: pointer;
}
.head-pop[b-gi1jju1sde] {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    margin-bottom: 14px;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 5px;
}
.foot-pop[b-gi1jju1sde] {
    display: flex;
    justify-content: space-between;
    padding-top: 7.08px;
    border-top: 1px solid #E6E6E6;
}
.remise[b-gi1jju1sde] {
    color: #1CBBE3;
    font-size: 13px;
    margin-top: 26px;
    font-family: 'GravityBold';
}
.line-amount[b-gi1jju1sde] {
    display: flex;
    justify-content: space-between;
 
}
.click:hover[b-gi1jju1sde] {
    color: #1CBBE3;
    text-decoration: underline;
    cursor:pointer;
}
.content-pop[b-gi1jju1sde] {
    display: flex;
    flex-direction: column;
}
.scrollable[b-gi1jju1sde] {
    overflow: auto;
    height: calc(32vh - 148px);
}
/* /Components/NRNCommunComponents/SwitchTaxBtn.razor.rz.scp.css */
img[b-jyoto26ulp] {
    width: 20px;
    height: 20px;
}

.btn-style:focus[b-jyoto26ulp], .btn-style:focus-visible[b-jyoto26ulp], .btn-style:active[b-jyoto26ulp] {
    border: none;
    background: none;
    outline: none;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    background-color: #F4F6F7;
    min-width: 149px;
    margin-left: -3px;
    margin-right: -3px;
}

.active .lab[b-jyoto26ulp] {
    filter: invert(52%) sepia(84%) saturate(2319%) hue-rotate(159deg) brightness(91%) contrast(101%);
}

.active[b-jyoto26ulp] {
    background: #F4F6F7 0% 0% no-repeat padding-box !important;
}

.btn-style[b-jyoto26ulp] {
    border: 1px solid #eaeaea;
    background: none;
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    justify-items: center;
    min-width: 149px;
    margin-left: -3px;
    margin-right: -3px;
}

    .btn-style:hover[b-jyoto26ulp] {
        font-size: 14px;
        letter-spacing: 0.28px;
        color: #576574;
        background: #F4F6F7 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        height: 54px;
        min-width: 149px;
        margin-left: -2px;
        margin-right: -3px;
    }
/* /Components/NRNCommunComponents/SwtBoursePayModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-kyd6si9ip3]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-kyd6si9ip3] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-kyd6si9ip3] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-kyd6si9ip3] {
    width: 100%;
}

    .switch input[type=checkbox][b-kyd6si9ip3] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-kyd6si9ip3] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-kyd6si9ip3] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-kyd6si9ip3]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-kyd6si9ip3]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-kyd6si9ip3] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-kyd6si9ip3] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-kyd6si9ip3] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-kyd6si9ip3] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-kyd6si9ip3] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-kyd6si9ip3] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-kyd6si9ip3] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-kyd6si9ip3] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-kyd6si9ip3], .column-3:focus[b-kyd6si9ip3] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-kyd6si9ip3] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-kyd6si9ip3] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-kyd6si9ip3] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-kyd6si9ip3] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-kyd6si9ip3] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-kyd6si9ip3] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-kyd6si9ip3] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-kyd6si9ip3] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-kyd6si9ip3] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-kyd6si9ip3] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-kyd6si9ip3] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-kyd6si9ip3] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-kyd6si9ip3] {
    margin-right: 0px;
}


select[b-kyd6si9ip3] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-kyd6si9ip3]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-kyd6si9ip3] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-kyd6si9ip3] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: 0px;
}

.modal-header-delet[b-kyd6si9ip3] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    align-items: center;
}

.modal-body-accepter[b-kyd6si9ip3] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-kyd6si9ip3] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-kyd6si9ip3] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-kyd6si9ip3] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-kyd6si9ip3] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-kyd6si9ip3] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-kyd6si9ip3] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-kyd6si9ip3] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-kyd6si9ip3]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-kyd6si9ip3]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-kyd6si9ip3] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-kyd6si9ip3] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-kyd6si9ip3] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-kyd6si9ip3] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-kyd6si9ip3] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-kyd6si9ip3] {
    width: 18px;
    height: 14px;
}

.div-footer[b-kyd6si9ip3] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-kyd6si9ip3] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-kyd6si9ip3] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-kyd6si9ip3] {
    line-height: 15px;
}

.modal-title-entrerheure[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-kyd6si9ip3] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-kyd6si9ip3] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-kyd6si9ip3] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-kyd6si9ip3]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-kyd6si9ip3]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-kyd6si9ip3]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-kyd6si9ip3]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-kyd6si9ip3] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-kyd6si9ip3] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-kyd6si9ip3] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-kyd6si9ip3] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-kyd6si9ip3] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-kyd6si9ip3] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-kyd6si9ip3] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-kyd6si9ip3] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-kyd6si9ip3] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-kyd6si9ip3] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-kyd6si9ip3] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-kyd6si9ip3] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-kyd6si9ip3] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-kyd6si9ip3] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-kyd6si9ip3] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-kyd6si9ip3] {
    margin-top: 12px;
}

.img-choix[b-kyd6si9ip3] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-kyd6si9ip3] {
    margin-left: 4px;
}

.body-entry-time1[b-kyd6si9ip3] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-kyd6si9ip3] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-kyd6si9ip3] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-kyd6si9ip3] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-kyd6si9ip3] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-kyd6si9ip3] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-kyd6si9ip3] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-kyd6si9ip3] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-kyd6si9ip3] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-kyd6si9ip3] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-kyd6si9ip3] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-kyd6si9ip3] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-kyd6si9ip3] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-kyd6si9ip3] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-kyd6si9ip3] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-kyd6si9ip3] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-kyd6si9ip3] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-kyd6si9ip3] {
    margin-top: 9px;
}

.span-debut-chrono[b-kyd6si9ip3] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-kyd6si9ip3] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-kyd6si9ip3] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-kyd6si9ip3] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-kyd6si9ip3] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-kyd6si9ip3] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-kyd6si9ip3] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-kyd6si9ip3] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-kyd6si9ip3] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-kyd6si9ip3] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-kyd6si9ip3] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-kyd6si9ip3] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-kyd6si9ip3] {
    margin-top: -28px;
}

.div-title-manuel[b-kyd6si9ip3] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-kyd6si9ip3] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-kyd6si9ip3] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-kyd6si9ip3] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-kyd6si9ip3] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-kyd6si9ip3] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-kyd6si9ip3] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-kyd6si9ip3] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-kyd6si9ip3] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-kyd6si9ip3] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-kyd6si9ip3] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-kyd6si9ip3] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-kyd6si9ip3] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-kyd6si9ip3] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-kyd6si9ip3] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-kyd6si9ip3] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-kyd6si9ip3] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-kyd6si9ip3] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-kyd6si9ip3] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-kyd6si9ip3] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-kyd6si9ip3] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-kyd6si9ip3] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-kyd6si9ip3] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-kyd6si9ip3] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-kyd6si9ip3] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-kyd6si9ip3] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-kyd6si9ip3] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-kyd6si9ip3] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-kyd6si9ip3] {
    margin-left: 114px;
}

.note-livrer-pos[b-kyd6si9ip3] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-kyd6si9ip3] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-kyd6si9ip3] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-kyd6si9ip3] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-kyd6si9ip3] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-kyd6si9ip3] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-kyd6si9ip3] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-kyd6si9ip3] {
    width: 42px;
    height: 42px;
}

.span-scan[b-kyd6si9ip3] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-kyd6si9ip3] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-kyd6si9ip3] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-kyd6si9ip3] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-kyd6si9ip3] {
        display: block !important;
    }

    .display-date-sec[b-kyd6si9ip3] {
        display: none !important;
    }
}

.display-date[b-kyd6si9ip3] {
    display: none;
}

.modal-ts-content[b-kyd6si9ip3] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-kyd6si9ip3] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-kyd6si9ip3] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-kyd6si9ip3] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-kyd6si9ip3] {
    margin-left: 14px;
}

.modal-ts-footer[b-kyd6si9ip3] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-kyd6si9ip3] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-kyd6si9ip3] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-kyd6si9ip3] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-kyd6si9ip3] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-kyd6si9ip3] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-kyd6si9ip3] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-kyd6si9ip3] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-kyd6si9ip3] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
.btn-footer-dis[b-kyd6si9ip3] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    border: none;
    outline: none !important;
    background: none;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

    .btn-footer-dis:hover[b-kyd6si9ip3] {
        cursor: not-allowed !important;
        opacity: 0.6 !important;
    }
/* /Components/NRNCommunComponents/TableTemplateLines.razor.rz.scp.css */
[b-bcdpxlbjh9] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.table-nrn[b-bcdpxlbjh9] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-bcdpxlbjh9] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-bcdpxlbjh9] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-bcdpxlbjh9] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-bcdpxlbjh9] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-bcdpxlbjh9] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-bcdpxlbjh9] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-bcdpxlbjh9] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-bcdpxlbjh9] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-bcdpxlbjh9] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-bcdpxlbjh9] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

[b-bcdpxlbjh9] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-bcdpxlbjh9] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-bcdpxlbjh9] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-bcdpxlbjh9] {
        display: block;
    }

[b-bcdpxlbjh9] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-bcdpxlbjh9] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}



[b-bcdpxlbjh9] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-bcdpxlbjh9] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 20px;
}

[b-bcdpxlbjh9] .btn-del {
    height: 15px;
    width: 13px;
}

[b-bcdpxlbjh9] .cen-select {
    margin-top: 15px;
}

[b-bcdpxlbjh9] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-bcdpxlbjh9] .fa {
    padding-left: 8px;
    float: none !important;
}
/* /Components/NRNCommunComponents/TaxeComponent.razor.rz.scp.css */
.pourcent[b-6n9fbvicqe] {
    margin-left: 90px;
}
/* /Components/NRNCommunComponents/TemplateListTable.razor.rz.scp.css */
[b-z08m16coe9] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}
.table-nrn[b-z08m16coe9] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-z08m16coe9] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}
[b-z08m16coe9] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}
[b-z08m16coe9] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}
[b-z08m16coe9] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}
[b-z08m16coe9] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}
[b-z08m16coe9] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}
[b-z08m16coe9] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}
[b-z08m16coe9] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}
[b-z08m16coe9] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}
.tr-list-nrn[b-z08m16coe9] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}
[b-z08m16coe9] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


    .tr-list-nrn:hover[b-z08m16coe9] {
        cursor: pointer;
       /* background: #FFFFFF;*/
        box-shadow: 2px 1px 4px #00000040;
        border-radius: 5px;
    }

        .tr-list-nrn:hover .select-cercle[b-z08m16coe9] {
            display: none;
        }

        .tr-list-nrn:hover .select-cercle-selected[b-z08m16coe9] {
            display: block;
        }
[b-z08m16coe9] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}
[b-z08m16coe9] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}



[b-z08m16coe9] .div-group {
    display: flex;
    padding-top: 4px;
}
[b-z08m16coe9] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 10px;
}
[b-z08m16coe9] .btn-del {
    height: 15px;
    width: 13px;
}
[b-z08m16coe9] .cen-select {
    margin-top: 15px;
}

[b-z08m16coe9] .div-group-center {
    display: flex;
    padding-top: 13px;
}
[b-z08m16coe9] .fa {
    padding-left: 8px;
    float: none !important;
}

@media only screen and (max-width: 1050px) {
   [b-z08m16coe9] .div-edit-delete {
        display: block;
        padding-top: 15px;
        float: right;
        padding-right: 15px;
    }
}
/* /Components/NRNCommunComponents/ToggleSwitchComponent.razor.rz.scp.css */
.switch[b-8j1y1n441t] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input[b-8j1y1n441t] {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider[b-8j1y1n441t] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider[b-8j1y1n441t]:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider[b-8j1y1n441t] {
    background-color: #2196F3;
}

input:focus + .slider[b-8j1y1n441t] {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider[b-8j1y1n441t]:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round[b-8j1y1n441t] {
    border-radius: 34px;
}

    .slider.round[b-8j1y1n441t]:before {
        border-radius: 50%;
    }
/* /Components/NRNCommunComponents/TopHeaderComponent.razor.rz.scp.css */
.second-header-div[b-kt9atmdlpq] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    width: 100%;
    position: relative;
    z-index: 10;
}
/* /Components/NRNCommunComponents/TotalAmountComponent.razor.rz.scp.css */

.title[b-3rijefifys] {
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
    margin-left: 15px;
    padding-left: 15px;
    font-family: 'GravityRegular';
    color: #7A91AA;
    font-size: 12px;
}
.cad[b-3rijefifys] {
    font-size: 10px;
    font-family: 'GravityBold';
    color: #0898D7;
    float: right;
    margin-left: 16px;
}
.amount[b-3rijefifys] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityBold';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #0898D7;
    width: 134px !important;
    height: 32px !important;
    text-align: left
}
    .amount:focus[b-3rijefifys] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: white;
    }
.montant[b-3rijefifys] {
   
    display: flex;
    flex-direction: row;
}
/* /Components/NRNCommunComponents/TotalAmountRigComponent.razor.rz.scp.css */

.title[b-ivuoxiu3h4] {
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
    margin-left: 15px;
    padding-left: 15px;
    font-family: 'GravityRegular';
    color: #7A91AA;
    font-size: 12px;
}

.cad[b-ivuoxiu3h4] {
    font-size: 10px;
    font-family: 'GravityBold';
    color: #0898D7;
    float: right;
    margin-left: 16px;
}

.amount[b-ivuoxiu3h4] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityBold';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #0898D7;
    width: 134px !important;
    height: 32px !important;
    text-align: left
}

    .amount:focus[b-ivuoxiu3h4] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: white;
    }

.montant[b-ivuoxiu3h4] {
    display: flex;
    flex-direction: row;
}
/* /Components/NRNCommunComponents/TransactionComponents/AddModalTransaction.razor.rz.scp.css */
.modal-back[b-vyiqof3bh0] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-vyiqof3bh0] {
    max-width: 100%;
    width: 100%;
    position: fixed;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
    height: 100vh;
}

.popup-footer[b-vyiqof3bh0] {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-vyiqof3bh0] {
    width: 100%;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-vyiqof3bh0] {
    width: 100%;
    margin-left: 0px;
    background: #024D6C 0% 0% no-repeat padding-box;
    height: 39px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
    justify-content: space-between;
}

.modal-title-popup[b-vyiqof3bh0] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-vyiqof3bh0] {
    margin-left: 0px;
}

.modal-body-filter[b-vyiqof3bh0] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-vyiqof3bh0] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/NRNCommunComponents/TransactionComponents/AddSupplierModalTransaction.razor.rz.scp.css */
.modal-back[b-8i7r5ardgu] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-8i7r5ardgu] {
    max-width: 100%;
    width: 100%;
    position: fixed;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
    height: 100vh;
}

.popup-footer[b-8i7r5ardgu] {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-8i7r5ardgu] {
    width: 100%;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-8i7r5ardgu] {
    width: 100%;
    margin-left: 0px;
    background: #024D6C 0% 0% no-repeat padding-box;
    height: 39px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
    justify-content: space-between;
}

.modal-title-popup[b-8i7r5ardgu] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-8i7r5ardgu] {
    margin-left: 0px;
}

.modal-body-filter[b-8i7r5ardgu] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-8i7r5ardgu] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/NRNCommunComponents/TransactionComponents/TransactionListComponent.razor.rz.scp.css */
@media screen and (min-width:1700px) {
    .container-list[b-7kh8znirmk] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 779px;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-7kh8znirmk] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 562px;
    }
}
/* /Components/NRNCommunComponents/ViewComponents/RightBtnsHeaderView.razor.rz.scp.css */
/*.second-header-div {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    width: 100%;
    position: relative;
    z-index: 10;
}*/

.right-btn[b-37qe4etrei]{
    text-align:center;
    width:100%;
    height:100%;

}
a[b-37qe4etrei] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}

img[b-37qe4etrei] {
    width: 20px;
    height: 20px;
}

.btn-style:focus[b-37qe4etrei], .btn-style:focus-visible[b-37qe4etrei], .btn-style:active[b-37qe4etrei] {
    border: none;
    background: none;
    outline: none;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.btn-style[b-37qe4etrei] {
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-top:none;
    border-bottom: none;
    background: none;
    height: 55px;
    letter-spacing: 0.28px;
    color: #576574;
    justify-items: center;
    min-width: 60px;
    margin-left: -3px;
    margin-right: -3px;
}

    .btn-style:hover[b-37qe4etrei] {
        font-size: 14px;
        letter-spacing: 0.28px;
        color: #576574;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        
    }
/* /Components/NRNCommunComponents/ViewComponents/ViewButton.razor.rz.scp.css */
img[b-agwt25j257]{
    width:20px;
    height:20px;
}

.btn-style:focus[b-agwt25j257], .btn-style:focus-visible[b-agwt25j257], .btn-style:active[b-agwt25j257] {
    border: none;
    background: none;
    outline: none;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    background-color: #F4F6F7;
}
.active img[b-agwt25j257] {
    filter: invert(52%) sepia(84%) saturate(2319%) hue-rotate(159deg) brightness(91%) contrast(101%);
}
.active[b-agwt25j257] {
    background: #F4F6F7 0% 0% no-repeat padding-box !important;
}

.btn-style[b-agwt25j257] {
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-top: none;
    border-bottom: none;
    background: none;
    height: 55px;
    letter-spacing: 0.28px;
    color: #576574;
    justify-items: center;
    min-width: 60px;
}

    .btn-style:hover[b-agwt25j257] {

        background: #F4F6F7 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
      
    }
@media(max-width:1200px) and ( min-width:801px) {
    .btn-style:focus[b-agwt25j257], .btn-style:focus-visible[b-agwt25j257], .btn-style:active[b-agwt25j257] , .btn-style[b-agwt25j257]{
        height: 45px !important;
    }
}
/* /Components/POReceiptComponents/FilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-vhpzrnfa3s] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-vhpzrnfa3s] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-vhpzrnfa3s] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-vhpzrnfa3s] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-vhpzrnfa3s] {
    margin-top: 17px;
}

.closepop-entrerheure[b-vhpzrnfa3s] {
    float: right;
}

.modal-body-filter[b-vhpzrnfa3s] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-vhpzrnfa3s] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-vhpzrnfa3s] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-vhpzrnfa3s] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-vhpzrnfa3s] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-vhpzrnfa3s] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
  
/* /Components/POReceiptComponents/PoreceiptLogModal.razor.rz.scp.css */
@media (min-width: 576px) {
    [b-f0snd0l972] .modal-dialog {
        max-width: none;
        margin: 1.75rem auto;
    }
}


[b-f0snd0l972] .modal-header-filter {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    margin-left: 0px;
    background: #E67E22 0% 0% no-repeat padding-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

[b-f0snd0l972] .closepop-entrerheure {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -6px;
    margin-right: 19px;
    outline: none !important;
    float: right;
}

[b-f0snd0l972] .container-list {
    height: calc(100vh - 160px);
}

[b-f0snd0l972] .inputText {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 256px;
    outline: none !important;
}

[b-f0snd0l972] .table-list {
    max-width: none;
}
[b-f0snd0l972] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.table-nrn[b-f0snd0l972] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-f0snd0l972] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-f0snd0l972] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-f0snd0l972] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-f0snd0l972] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-f0snd0l972] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-f0snd0l972] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-f0snd0l972] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-f0snd0l972] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-f0snd0l972] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-f0snd0l972] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

[b-f0snd0l972] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-f0snd0l972] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-f0snd0l972] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-f0snd0l972] {
        display: block;
    }

[b-f0snd0l972] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-f0snd0l972] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}



[b-f0snd0l972] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-f0snd0l972] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 10px;
}

[b-f0snd0l972] .btn-del {
    height: 15px;
    width: 13px;
}

[b-f0snd0l972] .cen-select {
    margin-top: 15px;
}

[b-f0snd0l972] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-f0snd0l972] .fa {
    padding-left: 8px;
    float: none !important;
}
/* /Components/PRCComponents/CommandeComponents/AjustementFactureComponents/AjustementFacture.razor.rz.scp.css */
.label[b-gje5pqzt8u] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
}
/* /Components/PRCComponents/CommandeComponents/AjustementReceptionComponents/AjustementLivraison.razor.rz.scp.css */
.label[b-ktrbgcnk3y]{
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
}
/* /Components/PRCComponents/CommandeComponents/BonReceptionComponents/AddressFieldsComponent.razor.rz.scp.css */
.div-item-prj-p[b-ljrwnxm3yp] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-ljrwnxm3yp] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

input[b-ljrwnxm3yp] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.form-control:focus[b-ljrwnxm3yp] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-ljrwnxm3yp] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-ljrwnxm3yp], .form-control[readonly][b-ljrwnxm3yp] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-ljrwnxm3yp] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}
/* /Components/PRCComponents/CommandeComponents/BonReceptionComponents/BLDetailListComponents/BtnHeaderDetails.razor.rz.scp.css */
.left-btn[b-a261p4q8dz] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}

a[b-a261p4q8dz] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}

img[b-a261p4q8dz] {
    width: 20px;
    height: 20px;
}
/* /Components/PRCComponents/CommandeComponents/BonReceptionComponents/BLDetailListComponents/DivDetailTr.razor.rz.scp.css */
body[b-shxi8zq0p9] {
}
/* /Components/PRCComponents/CommandeComponents/BonReceptionComponents/BLDetailListComponents/FormReception.razor.rz.scp.css */
.champTra[b-0sxr3k10me] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-0sxr3k10me] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-0sxr3k10me] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/PRCComponents/CommandeComponents/BonReceptionComponents/BLDetailListComponents/FormTexte.razor.rz.scp.css */
textarea[b-xh4agskuwc] {
    background-color: transparent;
    border: none;
    border-radius: 9px;
    height: 100%;
    margin-top: 2px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    margin-right: 20px;
    padding: 9px;
    padding-left: 15px;
}

.form-control:focus[b-xh4agskuwc] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}
.champTra[b-xh4agskuwc] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-xh4agskuwc] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-xh4agskuwc] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/PRCComponents/CommandeComponents/BonReceptionComponents/BLDetailListComponents/FormTracabilite.razor.rz.scp.css */
.champTra[b-6bs72yyr2k] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-6bs72yyr2k] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-6bs72yyr2k] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/PRCComponents/CommandeComponents/BonReceptionComponents/BonReceptionLine.razor.rz.scp.css */
.somme-card[b-avlm1rx71p] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 301px;
    height: 382px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

td[b-avlm1rx71p] {
    border-bottom: 1px solid #E6E6E6 !important;
}

.arrow-span[b-avlm1rx71p] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -3px;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
    z-index: 1;
}

.imgProduit[b-avlm1rx71p] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 6px;
}


.imgSwitch[b-avlm1rx71p] {
    transition-duration: 0.4s;
    transition-property: transform;
}

.th-jrnl[b-avlm1rx71p] {
    padding-left: 7px;
    padding-bottom: 11px;
}

.popover-lab[b-avlm1rx71p] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}

.popover-p[b-avlm1rx71p] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}

.rotate[b-avlm1rx71p] {
    transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}

.opened[b-avlm1rx71p] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/PRCComponents/CommandeComponents/BonReceptionComponents/ReceptionPage.razor.rz.scp.css */
.dot-purple[b-wws1v1suz4] {
    height: 8px;
    width: 8px;
    background-color: #019cb1;
    border-radius: 50%;
    display: inline-block;
}

.statu[b-wws1v1suz4] {
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-top: 15px;
    margin-right: 20px;
}

.label[b-wws1v1suz4] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
}

.dot-red[b-wws1v1suz4] {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

.dot-turq[b-wws1v1suz4] {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

.dot-blue[b-wws1v1suz4] {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

.dot-greenLght[b-wws1v1suz4] {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

.dot-green[b-wws1v1suz4] {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

.dot-purple0[b-wws1v1suz4] {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

.dot-purple[b-wws1v1suz4] {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

.label[b-wws1v1suz4] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
}
/* /Components/PRCComponents/CommandeComponents/BonReceptionComponents/ReceptionSlipComponents/AddressRecep.razor.rz.scp.css */
.div-item-prj-p[b-x0b7djxkdq] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-x0b7djxkdq] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

input[b-x0b7djxkdq] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.form-control:focus[b-x0b7djxkdq] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-x0b7djxkdq] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-x0b7djxkdq], .form-control[readonly][b-x0b7djxkdq] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-x0b7djxkdq] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}
/* /Components/PRCComponents/CommandeComponents/BonReceptionComponents/ReceptionSlipComponents/ReceptionSlipLine.razor.rz.scp.css */
.somme-card[b-5rv0ch7doh] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 301px;
    height: 382px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

td[b-5rv0ch7doh] {
    border-bottom: 1px solid #E6E6E6 !important;
}

.arrow-span[b-5rv0ch7doh] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -3px;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
    z-index: 1;
}

.imgProduit[b-5rv0ch7doh] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 6px;
}


.imgSwitch[b-5rv0ch7doh] {
    transition-duration: 0.4s;
    transition-property: transform;
}

.th-jrnl[b-5rv0ch7doh] {
    padding-left: 7px;
    padding-bottom: 11px;
}

.popover-lab[b-5rv0ch7doh] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}

.popover-p[b-5rv0ch7doh] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}

.rotate[b-5rv0ch7doh] {
    transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}

.opened[b-5rv0ch7doh] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/PRCComponents/CommandeComponents/FactureClientComponents/PRCFactClientHeaderComponents/PRCFactClientFields/PRCFactClientAddress.razor.rz.scp.css */
.div-item-prj-p[b-8i682zz10d] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-8i682zz10d] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

input[b-8i682zz10d] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.form-control:focus[b-8i682zz10d] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-8i682zz10d] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-8i682zz10d], .form-control[readonly][b-8i682zz10d] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-8i682zz10d] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}
/* /Components/PRCComponents/CommandeComponents/FactureClientComponents/PRCFactClientLineComponents/DivDetailComponents/PRCBtnHeaderFactClient.razor.rz.scp.css */
.left-btn[b-i2ae4rg8sx] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}
/* /Components/PRCComponents/CommandeComponents/FactureClientComponents/PRCFactClientLineComponents/DivDetailComponents/PRCFormTextFactClient.razor.rz.scp.css */
textarea[b-cqxurrl82a] {
    background-color: transparent;
    border: none;
    border-radius: 9px;
    height: 100%;
    margin-top: 2px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    margin-right: 20px;
    padding: 9px;
    padding-left: 15px;
}

.form-control:focus[b-cqxurrl82a] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.champTra[b-cqxurrl82a] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-cqxurrl82a] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-cqxurrl82a] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/PRCComponents/CommandeComponents/FactureClientComponents/PRCFactClientLineComponents/DivDetailComponents/PRCTRDetailFactClient.razor.rz.scp.css */
.left-btn[b-s31zhh3ywn] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}

a[b-s31zhh3ywn] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}
/* /Components/PRCComponents/CommandeComponents/FactureClientComponents/PRCFactClientLineComponents/MoreInfoDetailFactClient.razor.rz.scp.css */
.detail[b-7agb9pvbcf] {
    border-bottom: 1px solid #F3EEEE;
    display: flex;
    flex-direction: row;
    padding-bottom: 18px;
}

.body-detail[b-7agb9pvbcf] {
    display: flex;
    flex-direction: row;
    margin-top: 14px;
}

.det[b-7agb9pvbcf] {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}

.box-lab[b-7agb9pvbcf] {
    margin-left: 7px;
    font-family: 'GravityBold';
    float: left;
    color: #024662;
    font-size: 14px;
    opacity: 1;
}

.box-p[b-7agb9pvbcf] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: right;
    color: #4C4C4C;
    opacity: 1;
    margin-bottom: 10px px;
}

.box[b-7agb9pvbcf] {
    margin-left: 20px;
    margin-top: 20px;
}

.div-group-child-short[b-7agb9pvbcf] {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.span-name[b-7agb9pvbcf] {
    padding-top: 8px;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #35414C;
    opacity: 1;
}

.btnDiv:focus[b-7agb9pvbcf], .btnDiv:focus-visible[b-7agb9pvbcf], .btnDiv:active[b-7agb9pvbcf] {
    border: none;
    background: none;
    outline: none;
    height: 54px;
    width: 88px;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
    opacity: 1;
}

.btnDiv[b-7agb9pvbcf] {
    border: none;
    background: none;
    outline: none;
    color: #024662;
    font-size: 14px;
    font-family: 'GravityBold';
    opacity: 1;
    height: 60px;
    width: 88px;
}

.SubDiv[b-7agb9pvbcf] {
    margin-left: 7px;
}

.opened[b-7agb9pvbcf] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/PRCComponents/CommandeComponents/FactureClientComponents/PRCFactClientLineComponents/PRCBoxLineFactClient.razor.rz.scp.css */
.box-lab[b-56hc8xveq5] {
    margin-left: 7px;
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    opacity: 1;
}

.icon-div[b-56hc8xveq5] {
    margin-top: -3px;
}

.box-p[b-56hc8xveq5] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #4C4C4C;
    opacity: 1;
    margin-top: -4px;
}

.iconShow[b-56hc8xveq5] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
}

.opened[b-56hc8xveq5] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/PRCComponents/CommandeComponents/FactureClientComponents/PRCFactClientLineComponents/PRCBoxMoreInfoFactClient.razor.rz.scp.css */
.IDmvt[b-be936r9dl2] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}

.datecss:disabled[b-be936r9dl2], .datecss[readonly][b-be936r9dl2] {
    background-color: transparent;
    opacity: 1;
}
.datecss:enabled:hover[b-be936r9dl2] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
.datecss[b-be936r9dl2] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto;
    height: 32px !important;
}

    .datecss:focus[b-be936r9dl2] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: url('/icons/icon calnedrier.svg') no-repeat, white;
        background-position: bottom 9px right 10px;
    }
/* /Components/PRCComponents/CommandeComponents/FactureClientComponents/PRCFactClientLineComponents/PRCListLineFactClient.razor.rz.scp.css */
.somme-card[b-4b25j598lz] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 301px;
    height: 382px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}

td[b-4b25j598lz] {
    border-bottom: 1px solid #E6E6E6 !important;
}

.arrow-span[b-4b25j598lz] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -19px;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
    z-index: 1;
}

.imgProduit[b-4b25j598lz] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 6px;
}


.imgSwitch[b-4b25j598lz] {
    transition-duration: 0.4s;
    transition-property: transform;
}

.th-jrnl[b-4b25j598lz] {
    padding-left: 7px;
    padding-bottom: 11px;
}

.popover-lab[b-4b25j598lz] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}

.popover-p[b-4b25j598lz] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}

.rotate[b-4b25j598lz] {
    transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}

.opened[b-4b25j598lz] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/PRCComponents/CommandeComponents/FactureClientComponents/PRCFactClientPage.razor.rz.scp.css */
.IDmvt[b-39ksjxpmpn] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}
.datecss:disabled[b-39ksjxpmpn], .datecss[readonly][b-39ksjxpmpn] {
    background-color: transparent;
    opacity: 1;
}
.datecss:enabled:hover[b-39ksjxpmpn] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
.datecss[b-39ksjxpmpn] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto;
    height: 32px !important;
}

    .datecss:focus[b-39ksjxpmpn] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: url('/icons/icon calnedrier.svg') no-repeat, white;
        background-position: bottom 9px right 10px;
    }
/* /Components/PRCComponents/CommandeComponents/FilterModalCommande.razor.rz.scp.css */

.modal-dialog-filter[b-fi0iusorgl] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-fi0iusorgl] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-fi0iusorgl] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-fi0iusorgl] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-fi0iusorgl] {
    margin-top: 17px;
}

.closepop-entrerheure[b-fi0iusorgl] {
    float: right;
}

.modal-body-filter[b-fi0iusorgl] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-fi0iusorgl] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-fi0iusorgl] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-fi0iusorgl] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-fi0iusorgl] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-fi0iusorgl] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/PRCComponents/CommandeComponents/OrderHeaderComponents/OrderStautsComponent.razor.rz.scp.css */
.dot-purple[b-mdz6qk7k86] {
    height: 8px;
    width: 8px;
    background-color: #019cb1;
    border-radius: 50%;
    display: inline-block;
}

.statu[b-mdz6qk7k86] {
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-top: 15px;
    margin-right: 20px;
}

.label[b-mdz6qk7k86] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
}

.dot-red[b-mdz6qk7k86] {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

.dot-turq[b-mdz6qk7k86] {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

.dot-blue[b-mdz6qk7k86] {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

.dot-greenLght[b-mdz6qk7k86] {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

.dot-green[b-mdz6qk7k86] {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

.dot-purple0[b-mdz6qk7k86] {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

.dot-purple[b-mdz6qk7k86] {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/PRCComponents/CommandeComponents/OrderHeaderComponents/SmallFormsComponents/AddressSmallFormOrder.razor.rz.scp.css */
.div-item-prj-p[b-7w99r3bgd8] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.span-prj-title[b-7w99r3bgd8] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 45%;
}

.address-body[b-7w99r3bgd8] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: 20px;
}

.input-row[b-7w99r3bgd8] {
    display: flex;
    flex-direction: row;
    align-items: center;
}


input[b-7w99r3bgd8] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto; /* Adjust the width as needed */
    margin-right: 10px;
    height: 32px !important;
}

.form-control:focus[b-7w99r3bgd8] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-7w99r3bgd8] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-7w99r3bgd8], .form-control[readonly][b-7w99r3bgd8] {
    background-color: transparent;
    opacity: 1;
}

.classBTM01[b-7w99r3bgd8] {
    font-size: 10px;
    color: #024693;
    font-family: 'GravityBold';
    opacity: 0.8;
    padding-left: 30px;
    letter-spacing: 1px;
}
/* /Components/PRCComponents/CommandeComponents/OrderLineViewsCompnents/BoxLineOrderComponent.razor.rz.scp.css */
.box-lab[b-h27f853yd9] {
    margin-left: 7px;
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    opacity: 1;
}
.icon-div[b-h27f853yd9] {
    margin-top: -3px;
}
.box-p[b-h27f853yd9] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #4C4C4C;
    opacity: 1;
    margin-top: -4px;
}

.iconShow[b-h27f853yd9] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
}
.opened[b-h27f853yd9] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/PRCComponents/CommandeComponents/OrderLineViewsCompnents/BoxMoreInfo.razor.rz.scp.css */

.IDmvt[b-y5jkt8lunj] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}
/* /Components/PRCComponents/CommandeComponents/OrderLineViewsCompnents/DetailListComponents/BtnHeaderDetails.razor.rz.scp.css */
.left-btn[b-kktj10bqkm] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}

a[b-kktj10bqkm] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}

img[b-kktj10bqkm] {
    width: 20px;
    height: 20px;
}
/* /Components/PRCComponents/CommandeComponents/OrderLineViewsCompnents/DetailListComponents/DivDetailTr.razor.rz.scp.css */
body[b-di74yttir9] {
}
/* /Components/PRCComponents/CommandeComponents/OrderLineViewsCompnents/DetailListComponents/FormFinance.razor.rz.scp.css */
.champTra[b-crspyrd8q8] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-crspyrd8q8] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-crspyrd8q8] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
.span-prj-title[b-crspyrd8q8] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}
/* /Components/PRCComponents/CommandeComponents/OrderLineViewsCompnents/DetailListComponents/FormLivraison.razor.rz.scp.css */
.champTra[b-3nwrnthqiv] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-3nwrnthqiv] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-3nwrnthqiv] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/PRCComponents/CommandeComponents/OrderLineViewsCompnents/DetailListComponents/FormProjet.razor.rz.scp.css */
.champTra[b-s3f9riw3j3] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-s3f9riw3j3] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-s3f9riw3j3] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/PRCComponents/CommandeComponents/OrderLineViewsCompnents/DetailListComponents/FormSuivi.razor.rz.scp.css */
body[b-835t9wuurc] {
}
/* /Components/PRCComponents/CommandeComponents/OrderLineViewsCompnents/DetailListComponents/FormTexte.razor.rz.scp.css */
textarea[b-3ci1y04obe] {
    background-color: transparent;
    border: none;
    border-radius: 9px;
    height: 100%;
    margin-top: 2px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    margin-right: 20px;
    padding: 9px;
    padding-left: 15px;
}

.form-control:focus[b-3ci1y04obe] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}
.champTra[b-3ci1y04obe] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-3ci1y04obe] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-3ci1y04obe] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/PRCComponents/CommandeComponents/OrderLineViewsCompnents/DetailListComponents/FormTracabilite.razor.rz.scp.css */
.champTra[b-lmrbqgvgbv] {
    display: flex;
    flex-direction: column;
}


.btnDiv:focus[b-lmrbqgvgbv] {
    outline: none;
    border: none;
    outline: none;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
}

.btnDiv[b-lmrbqgvgbv] {
    height: 52px;
    width: 88px;
    background: none;
    border: none;
    color: #024662;
}

.champDet[b-lmrbqgvgbv] {
    display: flex;
    flex-direction: column;
}

.lineDet[b-lmrbqgvgbv] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelDet[b-lmrbqgvgbv] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}

.champTra[b-lmrbqgvgbv] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-lmrbqgvgbv] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-lmrbqgvgbv] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/PRCComponents/CommandeComponents/OrderLineViewsCompnents/ListLineOrderCompnent.razor.rz.scp.css */
.somme-card[b-iguavmjrkn] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 301px;
    height: 382px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}
td[b-iguavmjrkn] {
    border-bottom: 1px solid #E6E6E6 !important;
}
.arrow-span[b-iguavmjrkn] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -19px;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
    z-index: 1;
}

.imgProduit[b-iguavmjrkn] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 6px;
}


.imgSwitch[b-iguavmjrkn] {
    transition-duration: 0.4s;
    transition-property: transform;
}

.th-jrnl[b-iguavmjrkn] {
    padding-left: 7px;
    padding-bottom: 11px;
}

.popover-lab[b-iguavmjrkn] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}

.popover-p[b-iguavmjrkn] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}

.rotate[b-iguavmjrkn] {
    transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}
.opened[b-iguavmjrkn] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}

/* /Components/PRCComponents/CommandeComponents/OrderLineViewsCompnents/MoreInfoDetail.razor.rz.scp.css */
.detail[b-vlh9pbpiyg] {
    border-bottom: 1px solid #F3EEEE;
    display: flex;
    flex-direction: row;
    padding-bottom: 18px;
}

.body-detail[b-vlh9pbpiyg] {
    display: flex;
    flex-direction: row;
    margin-top: 14px;
}

.det[b-vlh9pbpiyg] {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}

.box-lab[b-vlh9pbpiyg] {
    margin-left: 7px;
    font-family: 'GravityBold';
    float: left;
    color: #024662;
    font-size: 14px;
    opacity: 1;
}

.box-p[b-vlh9pbpiyg] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: right;
    color: #4C4C4C;
    opacity: 1;
    margin-bottom: 10px px;
}

.box[b-vlh9pbpiyg] {
    margin-left: 20px;
    margin-top: 20px;
}

.div-group-child-short[b-vlh9pbpiyg] {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.span-name[b-vlh9pbpiyg] {
    padding-top: 8px;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #35414C;
    opacity: 1;
}

.btnDiv:focus[b-vlh9pbpiyg], .btnDiv:focus-visible[b-vlh9pbpiyg], .btnDiv:active[b-vlh9pbpiyg] {
    border: none;
    background: none;
    outline: none;
    height: 54px;
    width: 88px;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
    opacity: 1;
}

.btnDiv[b-vlh9pbpiyg] {
    border: none;
    background: none;
    outline: none;
    color: #024662;
    font-size: 14px;
    font-family: 'GravityBold';
    opacity: 1;
    height: 60px;
    width: 88px;
}

.SubDiv[b-vlh9pbpiyg] {
    margin-left: 7px;
}
.opened[b-vlh9pbpiyg] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/PRCComponents/CommandeComponents/RelatedInfo/RelatedInfoComponent.razor.rz.scp.css */
.div-box-action[b-222gvh3ats] {
    width: 51px;
    height: 45px;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    z-index: 1;
    background: rgba(230,234,237,.2);
}

.img-action[b-222gvh3ats] {
    width: 28px;
    height: 28px;
    margin-left: 10px;
    margin-top: 10px;
}

.ul-action[b-222gvh3ats] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #40414240;
    border-radius: 5px;
    opacity: 1;
    width: 387px;
    height: 100vh;
    z-index: 1;
    box-shadow: 3px 3px 6px #0000008c;
}

.li-action[b-222gvh3ats] {
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
}

p[b-222gvh3ats] {
    color: #024662;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    font-family: 'GravityBold';
    margin-left: 110px;
}

.relatedInfo[b-222gvh3ats] {
    float: left;
    width: 233px;
    height: 133px;
    background-position: 50% 50%;
    background-size: 27%;
    margin-top: -14px;
    margin-left: 15px;
    margin-bottom: 25px;
}

.span-name[b-222gvh3ats] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    margin-left: 35px;
}

.span-num:hover[b-222gvh3ats] {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}
/* /Components/PRCComponents/CommandeComponents/SimilarProductComponent.razor.rz.scp.css */
.similaire[b-kibvklg4ro] {
    font-family: 'GravityBold';
    font-size: 16px;
    color: #414042;
    text-align:left;
}
.product-card[b-kibvklg4ro] {
    width: 202.12px;
    height: 239.23px;
    background-color: #F8F8F8;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    margin-right: 23px;
}
.image-produit[b-kibvklg4ro] {
    height: 80px;
    width: 100px;
    margin-left: 28px;
    margin-top: 24px;
}
.type[b-kibvklg4ro] {
    font-size: 12px;
    text-align: center;
    font-family: 'GravityRegular';
    color: #7A91AA;
}
.nom[b-kibvklg4ro] {
    font-size: 14px;
    text-align: center;
    font-family: 'GravityBold';
    color: #024662;
}
.description[b-kibvklg4ro] {
    font-size: 9px;
    text-align: center;
    font-family: 'GravityBold';
    color: #666666;
}
.bottom[b-kibvklg4ro] {
    width: 100%;
    height: 41.37px;
    border: 1px solid #7a91aa33;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
}
.content-prod[b-kibvklg4ro] {
    display: flex;
    flex-direction: column;
    width: 153px;
    margin-left: 20px;
    margin-top: 10px;
}
.right[b-kibvklg4ro] {
    width: 40px;
    padding: 7px;
}
.left[b-kibvklg4ro] {
    display: flex;
    flex-direction: column;
    margin-left: 85px;
    margin-top: 3px;
}
.prix[b-kibvklg4ro] {
    font-size: 11px;
    color: #7A91AA;
    font-family:'GravityRegular';
}
/* /Components/PRCComponents/CommandeComponents/TaxPopUpchargeDvrs.razor.rz.scp.css */
.css-shapes-formplus[b-qepbde0cu6] {
    filter: drop-shadow(2px 1px 2px #838384);
    margin-top: -3px;
    margin-right: 10px;
    margin-bottom: -10px;
    margin-left: 10px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 33px;
    width: 33px;
    background-color: #007bc5;
    border-radius: 150px;
    cursor: pointer;
}

.listsegment1[b-qepbde0cu6] {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    filter: drop-shadow(2px 1px 2px #838384);
    background-color: #fff;
    position: absolute;
    z-index: 10;
    min-width: 282px;
    margin-left: 83px;
    min-height: 336px;
    margin-top: -99px;
}

.somme-triang[b-qepbde0cu6] {
    margin-top: -23px;
    margin-left: 70px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    transform: rotate(-90deg);
    font-size: 20px;
}
.container1[b-qepbde0cu6] {
    text-align: left;
    height: 228px;
    overflow-y: scroll;
    line-height: 36px;
}

.spansegment[b-qepbde0cu6] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'GravityBold';
    color: #FFFFFF;
    text-align: left;
    margin-top: -11px;
    background-color: #F7931E;
    height: 42px;
    padding-top: 10px;
    padding-left: 20px;
}

.css-shapes-form-plus[b-qepbde0cu6] {
    margin-top: 23px;
    margin-right: 138px;
    margin-bottom: 10px;
    margin-left: 10px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    position: absolute;
    height: 43px;
    border-radius: 150px;
}

.search[b-qepbde0cu6] {
    background-color: #EFEFEF;
    width: 280px;
    border: none;
    padding-left: 20px;
    height: 41px;
}

    .search:focus[b-qepbde0cu6] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    }

.pourcent[b-qepbde0cu6] {
    margin-left: 74px;
}
/* /Components/PRCComponents/Parametrage/ClassificationComponents/FilterModalClassification.razor.rz.scp.css */

.modal-dialog-filter[b-7cyg538jxn] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}
@media only screen and (max-width: 1024px) {
    .modal-dialog-filter[b-7cyg538jxn]{
        left:160px !important;
    }
}
.modal-filter-content[b-7cyg538jxn] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-7cyg538jxn] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-7cyg538jxn] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-7cyg538jxn] {
    margin-top: 17px;
}

.closepop-entrerheure[b-7cyg538jxn] {
    float: right;
}

.modal-body-filter[b-7cyg538jxn] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-7cyg538jxn] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-7cyg538jxn] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-7cyg538jxn] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-7cyg538jxn] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-7cyg538jxn] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/PRCComponents/Parametrage/EscompteComponents/FilterModalEscompte.razor.rz.scp.css */

.modal-dialog-filter[b-nxv1jce98g] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-nxv1jce98g] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-nxv1jce98g]{
        left:-160px;
    }
}

.modal-header-filter[b-nxv1jce98g] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-nxv1jce98g] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-nxv1jce98g] {
    margin-top: 17px;
}

.closepop-entrerheure[b-nxv1jce98g] {
    float: right;
}

.modal-body-filter[b-nxv1jce98g] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-nxv1jce98g] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-nxv1jce98g] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-nxv1jce98g] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-nxv1jce98g] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-nxv1jce98g] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/PRCComponents/Parametrage/GroupeComponents/FilterModalGroupe.razor.rz.scp.css */

.modal-dialog-filter[b-k467xu22vs] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-k467xu22vs] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-k467xu22vs] {
        left: -160px;
    }
}

.modal-header-filter[b-k467xu22vs] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-k467xu22vs] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-k467xu22vs] {
    margin-top: 17px;
}

.closepop-entrerheure[b-k467xu22vs] {
    float: right;
}

.modal-body-filter[b-k467xu22vs] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-k467xu22vs] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-k467xu22vs] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-k467xu22vs] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-k467xu22vs] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-k467xu22vs] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/PRCComponents/Parametrage/ModeLivraisonComponents/FilterModalDeliveryMethod.razor.rz.scp.css */

.modal-dialog-filter[b-zjn79tzu7c] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-zjn79tzu7c] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-zjn79tzu7c] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-zjn79tzu7c] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-zjn79tzu7c] {
    margin-top: 17px;
}

.closepop-entrerheure[b-zjn79tzu7c] {
    float: right;
}

.modal-body-filter[b-zjn79tzu7c] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-zjn79tzu7c] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-zjn79tzu7c] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-zjn79tzu7c] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-zjn79tzu7c] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-zjn79tzu7c] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/PRCComponents/Parametrage/TermeLivraisonComponents/FilterModalTermeLivraison.razor.rz.scp.css */

.modal-dialog-filter[b-q2dk7288cn] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-q2dk7288cn] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-q2dk7288cn] {
        left: -160px;
    }
}

.modal-header-filter[b-q2dk7288cn] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-q2dk7288cn] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-q2dk7288cn] {
    margin-top: 17px;
}

.closepop-entrerheure[b-q2dk7288cn] {
    float: right;
}

.modal-body-filter[b-q2dk7288cn] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-q2dk7288cn] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-q2dk7288cn] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-q2dk7288cn] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-q2dk7288cn] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-q2dk7288cn] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/PRCComponents/Parametrage/TermePaiementComponents/FilterModalTermePaiement.razor.rz.scp.css */

.modal-dialog-filter[b-49q4krvp0h] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-49q4krvp0h] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-49q4krvp0h] {
        left: -160px;
    }
}

.modal-header-filter[b-49q4krvp0h] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-49q4krvp0h] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-49q4krvp0h] {
    margin-top: 17px;
}

.closepop-entrerheure[b-49q4krvp0h] {
    float: right;
}

.modal-body-filter[b-49q4krvp0h] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-49q4krvp0h] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-49q4krvp0h] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-49q4krvp0h] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-49q4krvp0h] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-49q4krvp0h] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/PRCComponents/Parametrage/TypeResponsableComponents/FilterModalTypeResponsable.razor.rz.scp.css */

.modal-dialog-filter[b-tuql38j5ra] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-tuql38j5ra] {
    width: 850px;
    height: auto;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-tuql38j5ra] {
        left: -160px;
    }
}
.modal-header-filter[b-tuql38j5ra] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-tuql38j5ra] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-tuql38j5ra] {
    margin-top: 17px;
}

.closepop-entrerheure[b-tuql38j5ra] {
    float: right;
}

.modal-body-filter[b-tuql38j5ra] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-tuql38j5ra] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-tuql38j5ra] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-tuql38j5ra] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-tuql38j5ra] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-tuql38j5ra] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/PRCComponents/PRCVendorOrder/FilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-8bwbq4t3lt] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-8bwbq4t3lt] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-8bwbq4t3lt] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-8bwbq4t3lt] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-8bwbq4t3lt] {
    margin-top: 17px;
}

.closepop-entrerheure[b-8bwbq4t3lt] {
    float: right;
}

.modal-body-filter[b-8bwbq4t3lt] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-8bwbq4t3lt] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-8bwbq4t3lt] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-8bwbq4t3lt] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-8bwbq4t3lt] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-8bwbq4t3lt] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/PRCComponents/PRCVendorOrder/HeaderLineContent.razor.rz.scp.css */
.nrnInput[b-hxj1t83jbr] {
    background-color: transparent;
    border: 0px solid #FFFFFF !important;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.nrnInput:focus[b-hxj1t83jbr] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}
/* /Components/PRCComponents/PRCVendor/FilterModalSupplier.razor.rz.scp.css */

.modal-dialog-filter[b-d28d9rzugt] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-d28d9rzugt] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-d28d9rzugt] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-d28d9rzugt] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-d28d9rzugt] {
    margin-top: 17px;
}

.closepop-entrerheure[b-d28d9rzugt] {
    float: right;
}

.modal-body-filter[b-d28d9rzugt] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-d28d9rzugt] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-d28d9rzugt] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-d28d9rzugt] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-d28d9rzugt] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-d28d9rzugt] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
@media only screen and (max-width: 1024px) {
    .modal-filter-content[b-d28d9rzugt]{
        right:160px;
    }
}
/* /Components/PRCComponents/PRCVendor/FinanceComponents/FinanceFormComponent.razor.rz.scp.css */
@media only screen and (max-width: 1024px) {
    .ipad-form-view[b-9vlrk8r0zp] {
        max-width: 710px !important;
    }
}
/* /Components/PRCComponents/PRCVendor/GeneralContentComponent.razor.rz.scp.css */
.input-nrn-style[b-jpyuvbkjvi] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /* margin-top: 11px; */
    /*margin-left: 14px;*/
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 200px;
    height: 32px !important;
}
@media only screen and (max-width: 1024px) {
    .ipad-form-view[b-jpyuvbkjvi]
    {
        max-width:710px !important;
    }
}
.form-control:disabled[b-jpyuvbkjvi], .form-control[readonly][b-jpyuvbkjvi] {
    background-color: transparent;
    opacity: 1;
}
/* /Components/PRCComponents/PRCVendor/PRCVendorPageComponent.razor.rz.scp.css */
body[b-6nk0ncq873] {
}
/* /Components/PRCComponents/PRCVendor/ResponsableComponent/ResponsibleComponent.razor.rz.scp.css */
@media screen and (min-width:1700px) {
    .container-list[b-3q6etnq7zn] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 779px;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-3q6etnq7zn] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 562px;
    }
}
/* /Components/PRCComponents/PRCVendor/TransactionsComponents/TransactionsComponent.razor.rz.scp.css */
@media screen and (min-width:1700px) {
    .container-list[b-vtiryq1hkw] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 779px;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-vtiryq1hkw] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 562px;
    }
}
/* /Components/PRJProject/Expense/ACPExpenseComponentPage.razor.rz.scp.css */
.IDmvt[b-tkdstp3w2q] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}


.info-facturation[b-tkdstp3w2q] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 20px;
}

.plus-information[b-tkdstp3w2q] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin: 0.5rem;
}

.info[b-tkdstp3w2q] {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
}

.sp[b-tkdstp3w2q] {
    display: grid;
    grid-template-columns: 3fr 2fr;
    margin: 0 0.5em;
}

.info-entreprise[b-tkdstp3w2q] {
    flex-direction: column;
    display: flex;
    text-align: left;
    align-items: end;
}

.jourhead[b-tkdstp3w2q] {
    height: 195px;
    border-radius: 0px 0px 72px 0px;
    box-shadow: 0px 3px 6px #00000029;
    background: #F5F7F9 0% 0% no-repeat padding-box;
}

.span-code[b-tkdstp3w2q] {
    text-align: left;
    font-family: GravityRegular;
    letter-spacing: 0px;
    color: #7A91AA;
    font-size: 12px;
}

.span-sous_code[b-tkdstp3w2q] {
    text-align: left;
    font-family: GravityRegular;
    letter-spacing: 0px;
    color: #7A91AA;
    font-size: 10.5px;
}

.span-name[b-tkdstp3w2q] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    line-height: 1.5;
    font-family: GravityRegular;
    font-size: 12px;
}

.span-name-td[b-tkdstp3w2q] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    line-height: 1.5;
    font-family: GravityRegular;
    font-size: 11.5px;
}

.jourfoot[b-tkdstp3w2q] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
}

.th-jrnl[b-tkdstp3w2q] {
    font-size: 11.5px;
    font-family: 'GravityBold';
}

.pagenum[b-tkdstp3w2q] {
    width: 75px;
    height: 33px;
    background: #268BFD 0% 0% no-repeat padding-box;
    border-radius: 22px 0px 0px 0px;
    opacity: 1;
    display: flex;
}

.menu:hover[b-tkdstp3w2q] {
    cursor: pointer;
}

.hr[b-tkdstp3w2q] {
    align-items: center;
    display: flex;
    text-align: center;
    text-align: center;
    letter-spacing: 0px;
    color: #024662;
    font-family: 'GravityBold';
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 25px;
}

    .hr[b-tkdstp3w2q]::before,
    .hr[b-tkdstp3w2q]::after {
        background: currentColor;
        content: "";
        flex: 1;
        height: 1px;
        margin: 0.5em;
        color: #E4E4E4;
    }
/* /Components/PRJProject/Expense/AddNewExpenseModalComponent.razor.rz.scp.css */
.modal-back[b-53m24e4fui] {
    background-color: rgb(240 240 244 / 75%);
}

.modal-dialog-popup[b-53m24e4fui] {
    max-width: 100%;
    width: 100%;
    position: fixed;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
    height: 100vh;
}

.popup-footer[b-53m24e4fui] {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-53m24e4fui] {
    width: 100%;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-53m24e4fui] {
    width: 100%;
    margin-left: 0px;
    background: #024D6C 0% 0% no-repeat padding-box;
    height: 39px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
    justify-content: space-between;
}

.modal-title-popup[b-53m24e4fui] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-53m24e4fui] {
    margin-left: 0px;
}

.modal-body-filter[b-53m24e4fui] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-53m24e4fui] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
/* /Components/ProjectComponents/BtnDashboard.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-g0tzb87db8] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-g0tzb87db8] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-g0tzb87db8] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-g0tzb87db8] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-g0tzb87db8], .btn-style:focus-visible[b-g0tzb87db8], .btn-style:active[b-g0tzb87db8] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-g0tzb87db8] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-g0tzb87db8] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/ProjectComponents/BtnNewProject.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-new[b-p9c6fz8ekm] {
    border: none;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #222F3E;
    width: 120px;
    height: 40px;
    margin-left: 45px;
    margin-top: 5px;
    margin-bottom: 7px;
    display: flex;
    flex-direction: column;
}

    .btn-new:hover[b-p9c6fz8ekm] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 120px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

    .btn-new:focus[b-p9c6fz8ekm], .btn-new-task:focus-visible[b-p9c6fz8ekm], .btn-new-task:active[b-p9c6fz8ekm] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 120px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

.img-add[b-p9c6fz8ekm] {
    padding-left: 45px;
    padding-top: 2px;
}
.btn-style[b-p9c6fz8ekm] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-p9c6fz8ekm] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-p9c6fz8ekm] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-p9c6fz8ekm] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-p9c6fz8ekm], .btn-style:focus-visible[b-p9c6fz8ekm], .btn-style:active[b-p9c6fz8ekm] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-p9c6fz8ekm] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-p9c6fz8ekm] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/ProjectComponents/CroquisComponents/FilterModalCroquis.razor.rz.scp.css */

.modal-dialog-filter[b-lqfg3bxy2a] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-lqfg3bxy2a] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-lqfg3bxy2a] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-lqfg3bxy2a] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-lqfg3bxy2a] {
    margin-top: 17px;
}

.closepop-entrerheure[b-lqfg3bxy2a] {
    float: right;
}

.modal-body-filter[b-lqfg3bxy2a] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-lqfg3bxy2a] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-lqfg3bxy2a] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-lqfg3bxy2a] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-lqfg3bxy2a] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-lqfg3bxy2a] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ProjectComponents/CroquisComponents/ListCroquis.razor.rz.scp.css */
@media screen and (max-width: 1024px) {
    .min-no[b-dvgmelnc1g]
    {
        display:none;
    }
     .div-edit-delete[b-dvgmelnc1g] {
        display: block;
        padding-top: 15px;
        float: right;
        padding-right: 15px;
    }
}
.circle[b-dvgmelnc1g] {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #EF7911;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-family: GravityRegular;
    position: absolute;
    left: 95px;
    border-style: solid;
    border-color: #fff;
    border-width: 1px;
}

.number[b-dvgmelnc1g] {
    font-size: 8.75px;
}
@media screen and (min-width:1700px) {
    .container-list[b-dvgmelnc1g] {
        width: 170vh;
        padding-right: 1.5vh;
        padding-left: 1vh;
        margin-right: 0vh;
        margin-left: 0vh;
        position: relative;
        overflow-y: auto;
        height: 89vh;
    }

    .table-nrn[b-dvgmelnc1g] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 163vh;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-dvgmelnc1g] {
        width: 171vh;
        padding-right: 1.5vh;
        padding-left: 1.5vh;
        margin-right: 0vh;
        margin-left: 0vh;
        position: relative;
        overflow-y: auto;
        height: 86vh;
    }

    .table-nrn[b-dvgmelnc1g] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 175vh;
        width: 164vh;
    }
}
/* /Components/ProjectComponents/DetailsProjectDiv.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.card-info-content[b-w0kkm0yibq] {
    max-width: 100%;
    border-radius: 0px;
/*    margin-top: -5px;
*/    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
 height:100%;
 
}
[b-w0kkm0yibq] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}
.list-info-list[b-w0kkm0yibq] {
    overflow: scroll;
    height: calc(100vh - 98px);
}

@media (min-width: 656px) {
    [b-w0kkm0yibq] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-w0kkm0yibq] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-w0kkm0yibq] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-w0kkm0yibq] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-w0kkm0yibq] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-w0kkm0yibq] .div-line-col {
        display: grid;
    }
}

[b-w0kkm0yibq] .content-project-div {
    max-width: 1382px;
}

[b-w0kkm0yibq] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-w0kkm0yibq] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-w0kkm0yibq] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-w0kkm0yibq] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-w0kkm0yibq] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-w0kkm0yibq] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-w0kkm0yibq] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-w0kkm0yibq] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-w0kkm0yibq] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-w0kkm0yibq] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-w0kkm0yibq] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-w0kkm0yibq] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-w0kkm0yibq] .div-note-content {
        height: unset !important;
    }

    [b-w0kkm0yibq] .div-note-content {
        flex-direction: column;
    }

    [b-w0kkm0yibq] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-w0kkm0yibq] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-w0kkm0yibq] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-w0kkm0yibq]  .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-w0kkm0yibq] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-w0kkm0yibq] .col-prj {
    padding-left: 0px;
}

[b-w0kkm0yibq] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-w0kkm0yibq] .input-style, .input-icon[b-w0kkm0yibq] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-w0kkm0yibq] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-w0kkm0yibq] .div-dashboard {
        display: none;
    }
}

[b-w0kkm0yibq] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-w0kkm0yibq] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-w0kkm0yibq] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-w0kkm0yibq] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-w0kkm0yibq] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-w0kkm0yibq] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-w0kkm0yibq] .div-hour {
    margin-top: 4px;
}

[b-w0kkm0yibq] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-w0kkm0yibq] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-w0kkm0yibq] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-w0kkm0yibq] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-w0kkm0yibq] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-w0kkm0yibq] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-w0kkm0yibq] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-w0kkm0yibq] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-w0kkm0yibq] check-span {
    content: "\2713";
}

[b-w0kkm0yibq] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-w0kkm0yibq] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-w0kkm0yibq] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-w0kkm0yibq] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-w0kkm0yibq] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-w0kkm0yibq] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-w0kkm0yibq] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-w0kkm0yibq] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-w0kkm0yibq] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-w0kkm0yibq] .div-note-content {
        height: unset !important;
    }

    [b-w0kkm0yibq] .div-note-content {
        flex-direction: column;
    }

    [b-w0kkm0yibq] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-w0kkm0yibq] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-w0kkm0yibq] .div-text-note {
        margin-top: 0px !important;
    }
}


@media (min-width:550px) and (max-width:900px) {

    .div-prj-container[b-w0kkm0yibq] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .card-info-content[b-w0kkm0yibq] {
        height: unset !important;
    }
    .input-icon[b-w0kkm0yibq], .input-prj-style[b-w0kkm0yibq], .prj-textarea[b-w0kkm0yibq] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}
@media (max-width:550px)  {

    .div-prj-container[b-w0kkm0yibq] {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .last-row[b-w0kkm0yibq] {
        margin-top: -110px;
    }

    .card-info-content[b-w0kkm0yibq] {
        height: unset !important;
    }
    .input-icon[b-w0kkm0yibq], .input-prj-style[b-w0kkm0yibq], .prj-textarea[b-w0kkm0yibq] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}
/* /Components/ProjectComponents/EditProjectAssignResourceModal.razor.rz.scp.css */
body[b-7cx47figt1] {
}
/* /Components/ProjectComponents/EditProjectModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-7c8ioetqgq] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

.div-toggle[b-7c8ioetqgq] {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
}

[b-7c8ioetqgq] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-7c8ioetqgq] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-7c8ioetqgq] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-7c8ioetqgq] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-7c8ioetqgq] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-7c8ioetqgq] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-7c8ioetqgq] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-7c8ioetqgq] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-7c8ioetqgq] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-7c8ioetqgq] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-7c8ioetqgq] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-7c8ioetqgq] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-7c8ioetqgq] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-7c8ioetqgq] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-7c8ioetqgq] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-7c8ioetqgq] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-7c8ioetqgq] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-7c8ioetqgq] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-7c8ioetqgq] .column-3:hover, .column-3:focus[b-7c8ioetqgq] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-7c8ioetqgq] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-7c8ioetqgq] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-7c8ioetqgq] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-7c8ioetqgq] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-7c8ioetqgq] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-7c8ioetqgq] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-7c8ioetqgq] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-7c8ioetqgq] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-7c8ioetqgq] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-7c8ioetqgq] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-7c8ioetqgq] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-7c8ioetqgq] {
    margin-left: 110px;
    width: 370px;
    margin-top: 62px;
    background: white;
    height: 473px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-7c8ioetqgq] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-7c8ioetqgq] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-7c8ioetqgq] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 374px;
}

.note-ts-pos[b-7c8ioetqgq] {
    margin-left: 14px;
}

.modal-ts-footer[b-7c8ioetqgq] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-7c8ioetqgq] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-7c8ioetqgq] {
    background-color: #00b665;
}

    .switch input:checked + label[b-7c8ioetqgq]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-7c8ioetqgq]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-7c8ioetqgq] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-7c8ioetqgq] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-7c8ioetqgq] {
    width: 100%;
}

    .switch input[type=checkbox][b-7c8ioetqgq] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-7c8ioetqgq] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-7c8ioetqgq] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-7c8ioetqgq] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 294px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}


.startDate[type="date"][b-7c8ioetqgq]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 277px;
    margin-left: -41px;
    position: absolute;
    cursor: pointer;
    height: 36px;
    margin-top: -12px;
}

.endDate[type="date"][b-7c8ioetqgq]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 277px;
    margin-left: -41px;
    position: absolute;
    height: 37px;
    cursor: pointer;
    margin-top: -11px;
}

.input-date[b-7c8ioetqgq] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
/* /Components/ProjectComponents/EquipementsComponents/EquipementsPageComponent.razor.rz.scp.css */
.navelm[b-u29dxypl45] {
    margin-left: 15px;
    font-family: GravityRegular;
}
.navelmselc[b-u29dxypl45] {
    margin-left: 15px;
    border-bottom: 5px solid #268BFD;
    cursor: pointer;
    font-family: GravityBold;
}
.navelm:hover[b-u29dxypl45] {
    font-family: GravityBold;
    border-bottom: 5px solid #268BFD;
    cursor: pointer;
}
[b-u29dxypl45] .select-entry-style {
    font-family: 'GravityRegular' !important;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 98% / 3% no-repeat white;
}
.navtext[b-u29dxypl45] {
    text-align: left;
    letter-spacing: 0.35px;
    color: #4C4C4C;
    opacity: 1;
    font-size: 14px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 10px;
}
/* /Components/ProjectComponents/EquipementsComponents/EquipementUtiPageComponent.razor.rz.scp.css */
.dtime[b-pvt1hobgao] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    height: 32px !important;
}
    .dtime:hover[b-pvt1hobgao] {
        border: 1px solid #CCCCCC;
        border-radius: 7px;
        opacity: 1;
    }
[b-pvt1hobgao] .select-entry-style {
    font-family: 'GravityRegular' !important;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 98% / 3% no-repeat white;
}
.dtime:focus[b-pvt1hobgao] {
    box-shadow: 0 0 0 0.09rem rgb(204 204 204);
    background-position: bottom 9px right 10px;
}
.dtime:enabled:hover[b-pvt1hobgao] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
input[type="datetime-local"][b-pvt1hobgao]::-webkit-calendar-picker-indicator {
    background-image: url('/icons/icon calnedrier.svg') ;
}

    input[type="datetime-local"][b-pvt1hobgao]::-webkit-calendar-picker-indicator:hover {
        cursor: pointer;
        border: 1px solid #CCCCCC;
        border-radius: 7px;
        opacity: 1;
    }
    input[type="datetime-local"]:hover[b-pvt1hobgao] {
        border : 1px solid #CCCCCC;
        border-radius: 7px;
        opacity: 1;
    }
.border-input:hover[b-pvt1hobgao] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
.inputDoubleQu[b-pvt1hobgao] {
    background-color: transparent;
    border: transparent;
    border-radius: 7px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 229px;
    height: 32px !important;
}


    .inputDoubleQu:disabled[b-pvt1hobgao], .inputDoubleQu[readonly][b-pvt1hobgao] {
        background-color: transparent;
        border-color: #CCCCCC;
        opacity: 1;
    }
    .inputDoubleQu:enabled:focus[b-pvt1hobgao] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    }
@media screen and (min-width:1700px) {
    .container-list[b-pvt1hobgao] {
        width: 1617px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 851px;
    }
    .heightAtt[b-pvt1hobgao] {
        height: 96vh;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-pvt1hobgao] {
        width: 1233px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 634px;
    }
    .heightAtt[b-pvt1hobgao] {
        height: 96vh;
    }
}
/* /Components/ProjectComponents/EquipementsComponents/FilterModalEquipement.razor.rz.scp.css */

.modal-dialog-filter[b-zy8h71d75l] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-zy8h71d75l] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-zy8h71d75l] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-zy8h71d75l] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-zy8h71d75l] {
    margin-top: 17px;
}

.closepop-entrerheure[b-zy8h71d75l] {
    float: right;
}

.modal-body-filter[b-zy8h71d75l] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-zy8h71d75l] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-zy8h71d75l] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-zy8h71d75l] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-zy8h71d75l] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-zy8h71d75l] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
.datea1[b-zy8h71d75l]::-webkit-calendar-picker-indicator {
    background: transparent !important;
    color: transparent;
    cursor: pointer;
    position: absolute;
    left: 450px;
    height: 34px;
    top: 110px;
}

.datea2[b-zy8h71d75l]::-webkit-calendar-picker-indicator {
    background: transparent !important;
    color: transparent;
    cursor: pointer;
    position: absolute;
    left: 450px;
    height: 34px;
    top: 110px;
}

.datess[b-zy8h71d75l] {
    width: 184px;
}
/* /Components/ProjectComponents/EquipementsComponents/ViewListComponent.razor.rz.scp.css */
@media only screen and (max-width: 1050px) {
    .container-list[b-tu56ljip9d] {
        width: 1000px;
        overflow: scroll;
    }
}
@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-tu56ljip9d] {
        width: 170.5vh;
        padding-right: 1.5vh;
        padding-left: 1.5vh;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: auto;
        height: 86vh;
    }
    .table-nrn[b-tu56ljip9d] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 163vh;
    }
}
@media screen and (min-width:1700px) {
    .container-list[b-tu56ljip9d] {
        width: 171.5vh;
        padding-right: 1.5vh;
        padding-left: 1.5vh;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: auto;
        height: 89vh;
    }
    .table-nrn[b-tu56ljip9d] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 175vh;
        width: 164vh;
    }
}
/* /Components/ProjectComponents/FilterModal.razor.rz.scp.css */
.modal-dialog-filter[b-lepbrgfykb] {
    max-width: 580px;
    width: 580px;
    position: fixed;
    top: 25%;
    left: 40%;
}
@media only screen and (max-width: 1050px) {
    .modal-dialog-filter[b-lepbrgfykb] {
        left: 30%;
    }
}
.modal-filter-content[b-lepbrgfykb] {
    width: 580px;
    height: auto;
}

.modal-header-filter[b-lepbrgfykb] {
    width: 580px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-lepbrgfykb] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-lepbrgfykb] {
    margin-top: 17px;
}

.closepop-entrerheure[b-lepbrgfykb] {
    float: right;
}

.modal-body-filter[b-lepbrgfykb] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-lepbrgfykb] {
    font-family: 'Franklin Gothic Medium Regular';
}

.modal-footer-filter[b-lepbrgfykb] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-lepbrgfykb] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}
input:hover[b-lepbrgfykb] {
    border: 1px solid #CCCCCC;
} 
.modal-body-filter[b-lepbrgfykb] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-lepbrgfykb] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ProjectComponents/FilterModalResourceAssign.razor.rz.scp.css */

.modal-dialog-filter[b-ui11a6rf7e] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}
@media screen and (max-width: 1024px) {
    .modal-dialog-filter[b-ui11a6rf7e] {
        max-width: 850px;
        width: 850px;
        position: fixed;
        top: 25%;
        left: 26%;
    }
}
.modal-filter-content[b-ui11a6rf7e] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-ui11a6rf7e] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-ui11a6rf7e] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-ui11a6rf7e] {
    margin-top: 17px;
}

.closepop-entrerheure[b-ui11a6rf7e] {
    float: right;
}

.modal-body-filter[b-ui11a6rf7e] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-ui11a6rf7e] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-ui11a6rf7e] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-ui11a6rf7e] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-ui11a6rf7e] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-ui11a6rf7e] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ProjectComponents/GeneralContentsComponent.razor.rz.scp.css */
.IDmvt[b-63r1kom8ee] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}

.datecss:disabled[b-63r1kom8ee], .datecss[readonly][b-63r1kom8ee] {
    background-color: transparent;
    opacity: 1;
}
.datecss:enabled:hover[b-63r1kom8ee] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
.widthForm[b-63r1kom8ee] {
    width: 1620px;
}
@media screen and (min-width:1300px) and (max-width:1699px) {
    .widthForm[b-63r1kom8ee] {
        width: 1283px;
    }
}
.datecss[b-63r1kom8ee] {
    background: url('/icons/icon calnedrier.svg') no-repeat;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: auto;
    height: 32px !important;
}

    .datecss:focus[b-63r1kom8ee] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: url('/icons/icon calnedrier.svg') no-repeat, white;
        background-position: bottom 9px right 10px;
    }
.div-item-prj-p[b-63r1kom8ee] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
    display: flex;
    flex-direction: column;
}
.span-username-res-id[b-63r1kom8ee] {
    margin-top: -28px;
    margin-left: 30px;
    font-family: 'GravityRegular';
    font-size: 12px;
    /*color: #8395A7;*/
    color: #7A91AA;
    opacity: 1;
}

.span-prj-title[b-63r1kom8ee] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    padding-left: 15px;
}

select[b-63r1kom8ee] {
    background: none;
    background-color: transparent;
    border: none;
    border-radius: 9px;
    opacity: 1;
    margin-top: 2px;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
    padding-left: 15px;
    box-shadow: none;
    height: 32px !important;
    width: 193px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}


    select:focus[b-63r1kom8ee] {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    }

.border-input:hover[b-63r1kom8ee] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
.border-input:focus[b-63r1kom8ee] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
}
/* Styles for the hover state of the custom checkbox */
input[type='checkbox'].check-custom:hover ~ .check-toggle[b-63r1kom8ee] {
    border: 1px solid #2A982F;
}

/* Styles for the focus state of the custom checkbox */
input[type='checkbox'].check-custom:focus ~ .check-toggle[b-63r1kom8ee] {
    box-shadow: 0 0 0 1px rgba(23, 133, 255, 0.25);
}

/* Styles for the checked state of the custom checkbox */
input[type='checkbox'].check-custom:checked ~ .check-toggle[b-63r1kom8ee] {
    border-color: #2A982F !important;
    background: url('/icons/CheckBoxActive.svg') center no-repeat;
    background-size: 75%;
}


/* Styles for hiding the native checkbox */
input[type='checkbox'].check-custom[b-63r1kom8ee] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    /* Styles for the basic appearance of the custom checkbox */
    input[type='checkbox'].check-custom ~ .check-toggle[b-63r1kom8ee] {
        width: 23px;
        height: 23px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%;

    }

.label-select[b-63r1kom8ee] {
    margin-bottom: unset;
}

/*.tr-list:hover input[type='checkbox'].check-custom ~ .check-toggle {
    border-color: #2A982F;
    background: #2A982F url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center no-repeat;
    background-size: 75%;
}
*/
.cen-select[b-63r1kom8ee] {
    margin-top: 10px;
}

.disabledClass[b-63r1kom8ee] {
    cursor: default !important;
    pointer-events: none;
}

.div-item-prj-p[b-63r1kom8ee] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-63r1kom8ee] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

.divCheckBox[b-63r1kom8ee] {
    margin-left: 30px;
    margin-top: 5px;
}
/* /Components/ProjectComponents/HealthSecurityComponents/FilterSecurityModal.razor.rz.scp.css */

.modal-dialog-filter[b-d8vekr4396] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}
InputSelect[b-d8vekr4396] {
    padding: 5px 35px 5px 10px;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}
.modal-filter-content[b-d8vekr4396] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-d8vekr4396] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-d8vekr4396] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-d8vekr4396] {
    margin-top: 17px;
}

.closepop-entrerheure[b-d8vekr4396] {
    float: right;
}

.modal-body-filter[b-d8vekr4396] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-d8vekr4396] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-d8vekr4396] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-d8vekr4396] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-d8vekr4396] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-d8vekr4396] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ProjectComponents/HealthSecurityComponents/ListHealthSecurity.razor.rz.scp.css */
@media screen and (max-width: 1024px) {
    .min-no[b-npn61yop8p] {
        display: none;
    }

    .div-edit-delete[b-npn61yop8p] {
        display: block;
        padding-top: 15px;
        float: right;
        padding-right: 15px;
    }
}
@media screen and (min-width:1700px) {
    .container-list[b-npn61yop8p] {
        width: 170.5vh;
        padding-right: 1.5vh;
        padding-left: 1vh;
        margin-right: 0vh;
        margin-left: 0vh;
        position: relative;
        overflow-y: auto;
        height: 89vh;
    }

    .table-nrn[b-npn61yop8p] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 163vh;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-npn61yop8p] {
        width: 171vh;
        padding-right: 1.5vh;
        padding-left: 1.5vh;
        margin-right: 0vh;
        margin-left: 0vh;
        position: relative;
        overflow-y: auto;
        height: 86vh;
    }

    .table-nrn[b-npn61yop8p] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 175vh;
        width: 164vh;
    }
}
/* /Components/ProjectComponents/LivrableComponents/AddLivrableComponent.razor.rz.scp.css */
.nrnInput[b-yx8y6b7jo0] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

/*
        .nrnInput:focus {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: white;
    }
    */

.border-input:hover[b-yx8y6b7jo0] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.nrnInput:disabled[b-yx8y6b7jo0], .nrnInput[readonly][b-yx8y6b7jo0] {
    background-color: transparent;
    opacity: 1;
}
/* /Components/ProjectComponents/LivrableComponents/AddLivrableContentsComponent.razor.rz.scp.css */
.nrnInput[b-hvmwp87u2t] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

/*
        .nrnInput:focus {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: white;
    }

    */
.border-input:hover[b-hvmwp87u2t] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.nrnInput:disabled[b-hvmwp87u2t], .nrnInput[readonly][b-hvmwp87u2t] {
    background-color: transparent;
    opacity: 1;
}
/* /Components/ProjectComponents/LivrableComponents/AssignTasksToLivrableModal.razor.rz.scp.css */
.modal-assign-content[b-3yevoi1tto] {
    width: 800px;
    height: 500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: -130px;
}
.hide[b-3yevoi1tto]{
    display:none !important;
}

.modal-div[b-3yevoi1tto] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-title[b-3yevoi1tto] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-center-dialog[b-3yevoi1tto] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.closepop[b-3yevoi1tto] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}
[b-3yevoi1tto] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.table-nrn[b-3yevoi1tto] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-3yevoi1tto] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-3yevoi1tto] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-3yevoi1tto] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-3yevoi1tto] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-3yevoi1tto] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-3yevoi1tto] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-3yevoi1tto] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-3yevoi1tto] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-3yevoi1tto] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-3yevoi1tto] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

[b-3yevoi1tto] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-3yevoi1tto] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-3yevoi1tto] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-3yevoi1tto] {
        display: block;
    }

[b-3yevoi1tto] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-3yevoi1tto] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}



[b-3yevoi1tto] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-3yevoi1tto] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 10px;
}

[b-3yevoi1tto] .btn-del {
    height: 15px;
    width: 13px;
}

[b-3yevoi1tto] .cen-select {
    margin-top: 15px;
}

[b-3yevoi1tto] .div-group-center {
    display: flex;
    padding-left: 14px;
    padding-top: 16px;
}

[b-3yevoi1tto] .fa {
    padding-left: 8px;
    float: none !important;
}
.modal[b-3yevoi1tto] {
    text-align: center;
    padding: 0 !important;
}

.modal-dialog[b-3yevoi1tto] {
    width: unset;
    max-width: unset;
}

.modal[b-3yevoi1tto]:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog[b-3yevoi1tto] {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-header-assign[b-3yevoi1tto] {
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-assign[b-3yevoi1tto] {
    text-align: center;
    height: 400px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    overflow-y: scroll;
    align-items: center;
    flex-direction: column;
}

.modal-footer-assign[b-3yevoi1tto] {
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-assign-qs[b-3yevoi1tto] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-3yevoi1tto] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}

.img-footer[b-3yevoi1tto] {
    width: 18px;
    height: 14px;
}

.div-footer[b-3yevoi1tto] {
    width: 50%;
    text-align: center;
}

.arrow-left[b-3yevoi1tto] {
    background: url(/icons/deplacer-gauche.svg) no-repeat;
    height: 50px;
    margin-top: -3px;
    background-size: 52px;
    background-position: 0% 61%;
    width: 46px;
    float: right;
    cursor: pointer;
    border: none;
    outline: none;
}

    .arrow-left:hover[b-3yevoi1tto] {
        background: url(/icons/deplacer-gauche-hover.svg) no-repeat;
        height: 50px;
        margin-top: -3px;
        background-size: 52px;
        background-position: 0% 61%;
        width: 46px;
        float: right;
        cursor: pointer;
        border: none;
    }

.arrow-right[b-3yevoi1tto] {
    background: url(/icons/deplacer-droite.svg) no-repeat;
    margin-top: -3px;
    background-size: 56px;
    background-position: 0% 61%;
    width: 46px;
    float: right;
    cursor: pointer;
    border: none;
    outline: none;
    height: 50px;
}

    .arrow-right:hover[b-3yevoi1tto] {
        height: 50px;
        background: url(/icons/deplacer-droite-hover.svg) no-repeat;
        margin-top: -3px;
        background-size: 56px;
        background-position: 0% 61%;
        width: 46px;
        float: right;
        cursor: pointer;
        border: none;
    }
/* /Components/ProjectComponents/LivrableComponents/AttachmentModalLivrables.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.style-att-att[b-8yqa1c7oyi] {
    margin-left: 228px;
    margin-top: 15px !important;
}
.style-att-note[b-8yqa1c7oyi] {
    margin-left: 451px;
    margin-top: 15px !important;
}
.display-none[b-8yqa1c7oyi]{
    display:none;
}
.posFixed[b-8yqa1c7oyi] {
    position: fixed !important;
}
input[type='time'][b-8yqa1c7oyi]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

.stylemodalNote[b-8yqa1c7oyi] {
    margin-top: 159px !important;
    margin-left: 408px;
}
.stylemodalAtt[b-8yqa1c7oyi] {
    margin-left: 296px;
    margin-top: 159px !important;
}
.triangAtt[b-8yqa1c7oyi] {
    margin-left: 284px;
    margin-top: -86px;
}
.triangNote[b-8yqa1c7oyi] {
    margin-left: 395px;
    margin-top: -86px;
}
    /*Checkbox Toggle*/
    .switch-div[b-8yqa1c7oyi] {
        width: 8%;
        margin-left: 13px;
        margin-top: -21px;
    }

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-8yqa1c7oyi] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-8yqa1c7oyi] {
    width: 100%;
}

    .switch input[type=checkbox][b-8yqa1c7oyi] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-8yqa1c7oyi] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-8yqa1c7oyi] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-8yqa1c7oyi]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-8yqa1c7oyi]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-8yqa1c7oyi] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-8yqa1c7oyi] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-8yqa1c7oyi] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-8yqa1c7oyi] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-8yqa1c7oyi] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-8yqa1c7oyi] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-8yqa1c7oyi] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-8yqa1c7oyi] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-8yqa1c7oyi], .column-3:focus[b-8yqa1c7oyi] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-8yqa1c7oyi] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-8yqa1c7oyi] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-8yqa1c7oyi] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-8yqa1c7oyi] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-8yqa1c7oyi] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-8yqa1c7oyi] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-8yqa1c7oyi] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-8yqa1c7oyi] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-8yqa1c7oyi] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-8yqa1c7oyi] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-8yqa1c7oyi] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-8yqa1c7oyi] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-8yqa1c7oyi] {
    margin-right: 0px;
}


select[b-8yqa1c7oyi] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-8yqa1c7oyi]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-8yqa1c7oyi] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-8yqa1c7oyi] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-8yqa1c7oyi] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-8yqa1c7oyi] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-8yqa1c7oyi] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-8yqa1c7oyi] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-8yqa1c7oyi] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-8yqa1c7oyi] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-8yqa1c7oyi] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-8yqa1c7oyi] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-8yqa1c7oyi] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-8yqa1c7oyi]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-8yqa1c7oyi]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-8yqa1c7oyi] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-8yqa1c7oyi] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-8yqa1c7oyi] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-8yqa1c7oyi] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-8yqa1c7oyi] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-8yqa1c7oyi] {
    width: 18px;
    height: 14px;
}

.div-footer[b-8yqa1c7oyi] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-8yqa1c7oyi] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-8yqa1c7oyi] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-8yqa1c7oyi] {
    line-height: 15px;
}

.modal-title-entrerheure[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-8yqa1c7oyi] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-8yqa1c7oyi] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-8yqa1c7oyi] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-8yqa1c7oyi]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-8yqa1c7oyi]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-8yqa1c7oyi]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-8yqa1c7oyi]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-8yqa1c7oyi] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-8yqa1c7oyi] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-8yqa1c7oyi] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-8yqa1c7oyi] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-8yqa1c7oyi] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-8yqa1c7oyi] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-8yqa1c7oyi] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-8yqa1c7oyi] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-8yqa1c7oyi] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-8yqa1c7oyi] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-8yqa1c7oyi] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-8yqa1c7oyi] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-8yqa1c7oyi] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-8yqa1c7oyi] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-8yqa1c7oyi] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-8yqa1c7oyi] {
    margin-top: 12px;
}

.img-choix[b-8yqa1c7oyi] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-8yqa1c7oyi] {
    margin-left: 4px;
}

.body-entry-time1[b-8yqa1c7oyi] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-8yqa1c7oyi] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-8yqa1c7oyi] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-8yqa1c7oyi] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-8yqa1c7oyi] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-8yqa1c7oyi] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-8yqa1c7oyi] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-8yqa1c7oyi] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-8yqa1c7oyi] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-8yqa1c7oyi] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-8yqa1c7oyi] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-8yqa1c7oyi] {
    border-radius: 8px 8px 0px 0px;

}

.img-att-modal[b-8yqa1c7oyi] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btnup[b-8yqa1c7oyi] {
    background-position: 10% 50% !important;
}

.div-box-demarerHorloge[b-8yqa1c7oyi] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-8yqa1c7oyi] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-8yqa1c7oyi] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-8yqa1c7oyi] {
    margin-top: 9px;
}

.span-debut-chrono[b-8yqa1c7oyi] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-8yqa1c7oyi] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-8yqa1c7oyi] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-8yqa1c7oyi] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-8yqa1c7oyi] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-8yqa1c7oyi] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-8yqa1c7oyi] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-8yqa1c7oyi] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-8yqa1c7oyi] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-8yqa1c7oyi] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-8yqa1c7oyi] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-8yqa1c7oyi] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-8yqa1c7oyi] {
    margin-top: -28px;
}

.div-title-manuel[b-8yqa1c7oyi] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-8yqa1c7oyi] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-8yqa1c7oyi] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-8yqa1c7oyi] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-8yqa1c7oyi] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-8yqa1c7oyi] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-8yqa1c7oyi] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-8yqa1c7oyi] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-8yqa1c7oyi] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-8yqa1c7oyi] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-8yqa1c7oyi] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-8yqa1c7oyi] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-8yqa1c7oyi] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-8yqa1c7oyi] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-8yqa1c7oyi] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-8yqa1c7oyi] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-8yqa1c7oyi] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-8yqa1c7oyi] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-8yqa1c7oyi] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-8yqa1c7oyi] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-8yqa1c7oyi] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-8yqa1c7oyi] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-8yqa1c7oyi] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-8yqa1c7oyi] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-8yqa1c7oyi] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-8yqa1c7oyi] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-8yqa1c7oyi] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-8yqa1c7oyi] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-8yqa1c7oyi] {
    margin-left: 114px;
}

.note-livrer-pos[b-8yqa1c7oyi] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-8yqa1c7oyi] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-8yqa1c7oyi] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-8yqa1c7oyi] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-8yqa1c7oyi] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-8yqa1c7oyi] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-8yqa1c7oyi] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-8yqa1c7oyi] {
    width: 42px;
    height: 42px;
}

.span-scan[b-8yqa1c7oyi] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-8yqa1c7oyi] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-8yqa1c7oyi] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-8yqa1c7oyi] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-8yqa1c7oyi] {
        display: block !important;
    }

    .display-date-sec[b-8yqa1c7oyi] {
        display: none !important;
    }
}

.display-date[b-8yqa1c7oyi] {
    display: none;
}

.modal-ts-content[b-8yqa1c7oyi] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-8yqa1c7oyi] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-8yqa1c7oyi] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-8yqa1c7oyi] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-8yqa1c7oyi] {
    margin-left: 14px;
}

.modal-ts-footer[b-8yqa1c7oyi] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-8yqa1c7oyi] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-8yqa1c7oyi] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-8yqa1c7oyi] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-8yqa1c7oyi] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-8yqa1c7oyi] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-8yqa1c7oyi] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-8yqa1c7oyi] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-8yqa1c7oyi] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
@media screen and (max-width: 1024px) {

    .personal-attchment[b-8yqa1c7oyi] {
        left: 25% !important;
        margin-top: 25% !important;
    }
}
/* /Components/ProjectComponents/LivrableComponents/DeliverableTask/DeliverableTaskBox.razor.rz.scp.css */
.top[b-ngrotqo4rq] {
    display: flex;
    width: 100%;
}

.div-top[b-ngrotqo4rq] {
    width: 50%;
}

.date-style[b-ngrotqo4rq] {
    margin-left: 15px;
    padding-left: 15px;
}

[b-ngrotqo4rq] .img-stat-large {
    width: 43px;
    height: 45px;
    margin-top: 16px;
}

.icon-st[b-ngrotqo4rq] {
    margin-left: 31px;
    margin-top: -1px;
}

[b-ngrotqo4rq] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.icon-menu[b-ngrotqo4rq] {
    padding-left: 17px;
    margin-top: 21px;
    padding-right: 5px;
    width: 27px;
    cursor: pointer;
}

.table-nrn[b-ngrotqo4rq] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-ngrotqo4rq] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-ngrotqo4rq] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-ngrotqo4rq] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-ngrotqo4rq] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-ngrotqo4rq] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-ngrotqo4rq] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-ngrotqo4rq] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-ngrotqo4rq] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-ngrotqo4rq] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-ngrotqo4rq] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

.drop-down-ul[b-ngrotqo4rq] {
    margin-top: 63px;
    margin-left: -61px;
    position: absolute;
    width: 207px;
    height: auto;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #576574;
    list-style: none;
    background: #FFFFFF 0% 0% no-repeat;
    box-shadow: 3px 3px 8px #00000040;
    z-index: 1003;
}

.li-tr[b-ngrotqo4rq] {
    width: auto;
    height: 41px;
    border-bottom: 0px;
    padding-top: 9px;
    margin-left: -40px;
    cursor: pointer;
    border-bottom: 1.5px solid #00000010;
}

.li-span[b-ngrotqo4rq] {
    margin-left: 12px;
}

.li-img[b-ngrotqo4rq] {
    margin-right: 5px;
    margin-top: -3px;
    margin-left: 20px;
}

.hide[b-ngrotqo4rq] {
    display: none;
}

.somme-triang[b-ngrotqo4rq] {
    margin-top: 45px;
    margin-left: 136px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}


[b-ngrotqo4rq] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-ngrotqo4rq] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-ngrotqo4rq] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-ngrotqo4rq] {
        display: block;
    }

[b-ngrotqo4rq] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-ngrotqo4rq] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}



[b-ngrotqo4rq] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-ngrotqo4rq] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 20px;
}

[b-ngrotqo4rq] .btn-del {
    height: 15px;
    width: 13px;
}

[b-ngrotqo4rq] .cen-select {
    margin-top: 15px;
}

[b-ngrotqo4rq] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-ngrotqo4rq] .fa {
    padding-left: 8px;
    float: none !important;
}

progress[b-ngrotqo4rq]::-webkit-progress-value {
    background: #0898D7;
}

.progr-bar[b-ngrotqo4rq] {
    width: 84px;
    height: 6px;
    margin-left: 0;
    margin-top: 4px;
}

.span-bar[b-ngrotqo4rq] {
    margin-top: -10px;
    padding-left: 39px;
    /* padding-left: 19px; */
    margin-left: 15px;
}

.div-group-grid[b-ngrotqo4rq] {
    display: grid;
}

.img-emplac[b-ngrotqo4rq] {
    width: 17px;
    margin-left: 13px;
    margin-top: -7px;
    cursor: pointer;
}

.gridheader[b-ngrotqo4rq] {
    width: auto;
}

@media only screen and (max-width: 1050px) {
    .gridheader[b-ngrotqo4rq] {
        width: 100px;
    }
}
/* /Components/ProjectComponents/LivrableComponents/DeliverableTask/DeliverableTaskList.razor.rz.scp.css */


@media(max-width:920px) {

    [b-h47vv0i41x] .table-nrn {
        width: 156%;
    }
}

@media(max-width:1200px) and ( min-width:920px) {
    [b-h47vv0i41x] .table-nrn {
        width: 123%;
    }
}
[b-h47vv0i41x] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.table-nrn[b-h47vv0i41x] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

td[b-h47vv0i41x] {
    height: unset !important;
    width: 7%;
}

[b-h47vv0i41x]::-webkit-scrollbar {
    width: 0.1px;
    height: 9px;
}

.progress-bar[b-h47vv0i41x] {
    background-color: unset;
    width: 93px;
    height: 6px;
    margin-left: -33px;
    margin-top: 13px;
}

[b-h47vv0i41x]::-webkit-scrollbar-track {
    background: #dcdcdc9c !important;
    border-radius: 8px;
}

[b-h47vv0i41x]::-webkit-scrollbar-thumb {
    background: #7c7b7bb3 !important;
    border-radius: 18px;
}

[b-h47vv0i41x] .img-roundList {
    margin-top: 1px;
    margin-right: 4px;
}

[b-h47vv0i41x] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-h47vv0i41x] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-h47vv0i41x] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-h47vv0i41x] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-h47vv0i41x] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-h47vv0i41x] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-h47vv0i41x] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-h47vv0i41x] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-h47vv0i41x] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-h47vv0i41x] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

[b-h47vv0i41x] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-h47vv0i41x] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-h47vv0i41x] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-h47vv0i41x] {
        display: block;
    }

[b-h47vv0i41x] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-h47vv0i41x] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}



[b-h47vv0i41x] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-h47vv0i41x] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 20px;
}

[b-h47vv0i41x] .btn-del {
    height: 15px;
    width: 13px;
}

[b-h47vv0i41x] .cen-select {
    margin-top: 15px;
}

[b-h47vv0i41x] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-h47vv0i41x] .fa {
    padding-left: 8px;
    float: none !important;
}

.top[b-h47vv0i41x] {
    display: flex;
    width: 100%;
}

.div-top[b-h47vv0i41x] {
    width: 50%;
}

.date-style[b-h47vv0i41x] {
    margin-left: 15px;
    padding-left: 15px;
}

[b-h47vv0i41x] .img-stat-large {
    width: 43px;
    height: 45px;
    margin-top: 16px;
}

.icon-st[b-h47vv0i41x] {
    margin-left: 31px;
    margin-top: -1px;
}

[b-h47vv0i41x] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.icon-menu[b-h47vv0i41x] {
    padding-left: 17px;
    padding-right: 5px;
    width: 27px;
    cursor: pointer;
}

.table-nrn[b-h47vv0i41x] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-h47vv0i41x] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-h47vv0i41x] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-h47vv0i41x] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-h47vv0i41x] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-h47vv0i41x] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-h47vv0i41x] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-h47vv0i41x] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-h47vv0i41x] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-h47vv0i41x] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-h47vv0i41x] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

.drop-down-ul[b-h47vv0i41x] {
    margin-top: 63px;
    margin-left: -61px;
    position: absolute;
    width: 207px;
    height: auto;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #576574;
    list-style: none;
    background: #FFFFFF 0% 0% no-repeat;
    box-shadow: 3px 3px 8px #00000040;
    z-index: 1003;
}

.li-tr[b-h47vv0i41x] {
    width: auto;
    height: 41px;
    border-bottom: 0px;
    padding-top: 9px;
    margin-left: -45px;
    cursor: pointer;
    border-bottom: 1.5px solid #00000010;
}

.li-span[b-h47vv0i41x] {
    margin-left: 12px;
}

.li-img[b-h47vv0i41x] {
    margin-right: 5px;
    margin-top: -3px;
    margin-left: 20px;
}

.hide[b-h47vv0i41x] {
    display: none;
}

.somme-triang[b-h47vv0i41x] {
    margin-top: 45px;
    margin-left: 136px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}


[b-h47vv0i41x] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-h47vv0i41x] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-h47vv0i41x] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-h47vv0i41x] {
        display: block;
    }

[b-h47vv0i41x] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-h47vv0i41x] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}



[b-h47vv0i41x] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-h47vv0i41x] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 20px;
}

[b-h47vv0i41x] .btn-del {
    height: 15px;
    width: 13px;
}

[b-h47vv0i41x] .cen-select {
    margin-top: 15px;
}

[b-h47vv0i41x] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-h47vv0i41x] .fa {
    padding-left: 8px;
    float: none !important;
}

progress[b-h47vv0i41x]::-webkit-progress-value {
    background: #0898D7;
}

.progr-bar[b-h47vv0i41x] {
    width: 84px;
    height: 6px;
    margin-left: 0;
    margin-top: 4px;
}

.span-bar[b-h47vv0i41x] {
    margin-top: -10px;
    padding-left: 39px;
    /* padding-left: 19px; */
    margin-left: 15px;
}

.div-group-grid[b-h47vv0i41x] {
    display: grid;
}

.img-emplac[b-h47vv0i41x] {
    width: 17px;
    margin-left: 13px;
    margin-top: -7px;
    cursor: pointer;
}
/* /Components/ProjectComponents/LivrableComponents/DeliverModal.razor.rz.scp.css */
.input-entry-style[b-mmgaa5h47v] {
    font-size: 19px;
    font-family: 'GravityBold';
    text-align: center;
    margin-left: 5px;
    border: none;
    width: 94%;
}
.box-add[b-mmgaa5h47v] {
    text-align: center;
}
.span-count[b-mmgaa5h47v] {
    font-family: 'GravityBold';
}
/* Hide the spinner */
.input-entry-style[b-mmgaa5h47v]::-webkit-inner-spin-button {
    display: none;
}

/* Remove the spinner */
.input-entry-style[type=number][b-mmgaa5h47v] {
    -moz-appearance: textfield;
    appearance: textfield;
}
[b-mmgaa5h47v] .span-prj-title {
    color: #576574;
}
.div-item[b-mmgaa5h47v] {
    width: 100%;
}
.div-sub-item[b-mmgaa5h47v] {
    width: 297px;
    display: grid;
}
.div-header[b-mmgaa5h47v] {
    display: flex;
    padding-top: 20px;
    padding-left: 25px;
    padding-bottom: 14px;
    padding-right: 25px;
}
.span-name-title[b-mmgaa5h47v] {
    font-family: 'GravityBold';
    color: #77808b;
}
.span-desc-title[b-mmgaa5h47v] {
    font-family: 'GravityBold';
  
}
.div-header-title[b-mmgaa5h47v] {
    margin-top: -7px;
    padding-left: 7px;
}
.div-container-popup[b-mmgaa5h47v] {
    padding-top: 10px;
    padding-bottom: 20px;
}
/* /Components/ProjectComponents/LivrableComponents/DeliveryLog/DeliveryLogsBox.razor.rz.scp.css */
body[b-5gpl2q1ix7] {
}
/* /Components/ProjectComponents/LivrableComponents/DeliveryLog/DeliveryLogsListComponent.razor.rz.scp.css */
.div-group-center[b-17kid0k875] {
    display: flex;
    padding-top: 10px;
}
@media(max-width:920px) {

    [b-17kid0k875] .table-nrn {
        width: 168%;
    }
}
@media(max-width:1200px ) and ( min-width:920px) {
    [b-17kid0k875] .table-nrn {
        width: 129%;
    }
}
/* /Components/ProjectComponents/LivrableComponents/DeliveryLog/FilterDeliveryLogModal.razor.rz.scp.css */
.inputText[b-oih3k9hkx6] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 256px;
    outline: none !important;
}


.selectlist[b-oih3k9hkx6] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000042;
    border-radius: 9px;
}


.modal-dialog-filter[b-oih3k9hkx6] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-oih3k9hkx6] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-oih3k9hkx6] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-oih3k9hkx6] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-oih3k9hkx6] {
    margin-top: 17px;
}

.closepop-entrerheure[b-oih3k9hkx6] {
    float: right;
}

.modal-body-filter[b-oih3k9hkx6] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-oih3k9hkx6] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-oih3k9hkx6] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-oih3k9hkx6] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-oih3k9hkx6] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-oih3k9hkx6] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ProjectComponents/LivrableComponents/FilterModalLivrable.razor.rz.scp.css */
.inputText[b-z3r7etuhzh] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 256px;
    outline: none !important;
}

 
 
.modal-dialog-filter[b-z3r7etuhzh] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-z3r7etuhzh] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-z3r7etuhzh] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-z3r7etuhzh] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-z3r7etuhzh] {
    margin-top: 17px;
}

.closepop-entrerheure[b-z3r7etuhzh] {
    float: right;
}

.modal-body-filter[b-z3r7etuhzh] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-z3r7etuhzh] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-z3r7etuhzh] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-z3r7etuhzh] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-z3r7etuhzh] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-z3r7etuhzh] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
.liselect:last-child[b-z3r7etuhzh] {
    border-bottom: unset;
}

.liselect[b-z3r7etuhzh] {
    border-bottom: 2px solid #eaeaea;
}

    .liselect:hover[b-z3r7etuhzh] {
        box-shadow: 2px 2px 9px #00000040;
    }

.selectlist[b-z3r7etuhzh] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000042;
    border-radius: 9px;
}
/* /Components/ProjectComponents/LivrableComponents/HeaderLinesContent.razor.rz.scp.css */
.select-entry-style[b-0d641bw68z]{
    width: 100%;
}
.inputDouble[b-0d641bw68z] {
    width: 95%;
}
.form-control:disabled[b-0d641bw68z], .form-control[readonly][b-0d641bw68z] {
    background-color: transparent;
    opacity: 1;
}
.form-control:focus[b-0d641bw68z] {
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    opacity: 1;
}
/* /Components/ProjectComponents/LivrableComponents/LivrableAssignTask.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-resource-assign[b-lioogip87j] {
    position: relative;
    width: 380px;
    z-index: 1000;
    box-shadow: 3px 3px 9px #00000073;
}

.card-res[b-lioogip87j] {
    /*height: 95px;*/
    border-radius: 0px !important;
    padding: 13px;
}

.span-username-res[b-lioogip87j] {
    margin-top: -10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    color: #222F3E;
    text-align: left;
}

.span-pers[b-lioogip87j] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    color: #8395A7;
    text-align: left;
    letter-spacing: 0.33px;
}

.span-distance[b-lioogip87j] {
    font-family: left;
    letter-spacing: 0.33px;
    color: #8395A7;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
}

.span-duration[b-lioogip87j] {
    color: #F36C3A;
    text-align: left;
    letter-spacing: 0.3px;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 11px;
}

.div-hover-call[b-lioogip87j] {
    /*display:none;*/
    position: absolute;
    /*top: 30px;*/
    top: 12px;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity linear 0.3s;
}

.card-body:hover .div-hover-call[b-lioogip87j] {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}

.card-body:hover[b-lioogip87j] {
    box-shadow: 2px 2px 9px #00000040;
}

.ressource-list-cards[b-lioogip87j] {
    overflow: scroll;
    max-height: 75vh;
    overflow-x: hidden;
    box-shadow: 9px 9px 9px #00000040;
}

.card-button[b-lioogip87j] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}
.span-title-assign[b-lioogip87j] {
    font-size: 15px;
    padding-left: 3px;
    font-family: 'GravityBold';
}
.imgb[b-lioogip87j] {
    margin-top: -8px;
    height: 17px;
    padding-left: 19px;
}

.imgassign[b-lioogip87j] {
   
    margin-top: -8px;
}

.div-header-ressource[b-lioogip87j] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: grid;
    cursor: pointer;
    grid-template-columns: 1fr 1fr ;
}

.div-child-header-ressource[b-lioogip87j] {
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
    text-align:center;
}

.active-res[b-lioogip87j] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-lioogip87j] {
    margin-top: -3px;
    margin-right: 10px;
}


.ressourceModal[b-lioogip87j] {
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}

.imgRessource[b-lioogip87j] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.imgAssignRessource[b-lioogip87j] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-lioogip87j] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}

.email[b-lioogip87j] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-lioogip87j] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.smallText[b-lioogip87j] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}


.div-contact-card[b-lioogip87j] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
}

.row-flex[b-lioogip87j] {
    display: flex;
    flex-direction: row;
}

.column-flex[b-lioogip87j] {
    display: flex;
    flex-direction: column;
}

.span-style[b-lioogip87j] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.span-phone[b-lioogip87j] {
    font-family: 'Franklin Gothic Book Regular';
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

.title[b-lioogip87j] {
    font-size: 18px;
}

.sub-title[b-lioogip87j] {
    font-size: 15px;
}

.icon-img[b-lioogip87j] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.user-icon[b-lioogip87j] {
    padding-top: 2px;
}

.call-icon[b-lioogip87j] {
    padding-top: 8px;
}

.div-contact[b-lioogip87j] {
    padding-left: 10px;
}

.email[b-lioogip87j] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}


.div-compentance-card[b-lioogip87j] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 0.5rem;
    padding-left: 1.5rem;
}

.row-flex[b-lioogip87j] {
    display: flex;
    flex-direction: row
}

.column-flex[b-lioogip87j] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-lioogip87j] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-lioogip87j] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.span-sub-title[b-lioogip87j] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-sub-sub-title[b-lioogip87j] {
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-lioogip87j] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.level-icon[b-lioogip87j] {
    object-fit: cover;
    opacity: 1;
}

.competance-icon[b-lioogip87j] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}

.card-listTAsks[b-lioogip87j] {
    position: absolute !important;
    top: 85px;
}
/* /Components/ProjectComponents/LivrableComponents/LivrableAssignTaskBody.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.div-dates-res[b-2e6yj2ztpn] {
    margin-top: -3px;
}

.card-res[b-2e6yj2ztpn] {
    /*height: 95px;*/
    border-radius: 0px !important;
    padding: 13px;
}

.card-sty[b-2e6yj2ztpn] {
    height: 141px !important;
    border-right: 1px solid #eaeaea;
    padding-top: 10px;
    width: 380px;
}

.span-username-res[b-2e6yj2ztpn] {
    margin-top: -10px;
    font-family: 'GravityRegular';
    font-size: 16px;
    color: #222F3E;
}

.span-pers[b-2e6yj2ztpn] {
    font-family: 'GravityRegular';
    font-size: 13px;
    color: #8395A7;
    text-align: left;
    letter-spacing: 0.33px;
}

.span-distance[b-2e6yj2ztpn] {
    font-family: left;
    letter-spacing: 0.33px;
    color: #8395A7;
    font-family: 'GravityRegular';
    font-size: 13px;
}

.span-duration[b-2e6yj2ztpn] {
    color: #F36C3A;
    text-align: left;
    letter-spacing: 0.3px;
    font-family: 'GravityBold';
    font-size: 11px;
}

.div-hover-call[b-2e6yj2ztpn] {
    /*display:none;*/
    position: absolute;
    /*top: 30px;*/
    top: 12px;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity linear 0.3s;
}

.card-body:hover .div-hover-call[b-2e6yj2ztpn] {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}

.card-body:hover[b-2e6yj2ztpn] {
    box-shadow: 2px 2px 9px #00000040;
}

.ressource-list-cards[b-2e6yj2ztpn] {
    overflow: scroll;
    max-height: 81vh;
    overflow-x: hidden;
    box-shadow: 9px 9px 9px #00000040;
}

.card-button[b-2e6yj2ztpn] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}


.div-header-ressource[b-2e6yj2ztpn] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: flex;
}

.div-child-header-ressource[b-2e6yj2ztpn] {
    height: 34px;
    font-family: 'GravityBold';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res[b-2e6yj2ztpn] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-2e6yj2ztpn] {
    margin-top: -3px;
    margin-right: 10px;
}


.ressourceModal[b-2e6yj2ztpn] {
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}

.imgRessource[b-2e6yj2ztpn] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.imgAssignRessource[b-2e6yj2ztpn] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-2e6yj2ztpn] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}

.email[b-2e6yj2ztpn] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-2e6yj2ztpn] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
}

.smallText[b-2e6yj2ztpn] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
    font-size: 15px;
}


.div-contact-card[b-2e6yj2ztpn] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
}

.row-flex[b-2e6yj2ztpn] {
    display: flex;
    flex-direction: row;
}

.column-flex[b-2e6yj2ztpn] {
    display: flex;
    flex-direction: column;
}

.span-style[b-2e6yj2ztpn] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
}

.span-phone[b-2e6yj2ztpn] {
    font-family: 'GravityRegular';
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

.title[b-2e6yj2ztpn] {
    font-size: 18px;
}

.sub-title[b-2e6yj2ztpn] {
    font-size: 15px;
}

.icon-img[b-2e6yj2ztpn] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.user-icon[b-2e6yj2ztpn] {
    padding-top: 2px;
}

.call-icon[b-2e6yj2ztpn] {
    padding-top: 8px;
}

.div-contact[b-2e6yj2ztpn] {
    padding-left: 10px;
}

.email[b-2e6yj2ztpn] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}


.div-compentance-card[b-2e6yj2ztpn] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 0.5rem;
    padding-left: 1.5rem;
}

.row-flex[b-2e6yj2ztpn] {
    display: flex;
    flex-direction: row
}

.column-flex[b-2e6yj2ztpn] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-2e6yj2ztpn] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-2e6yj2ztpn] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'GravityRegular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.span-sub-title[b-2e6yj2ztpn] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'GravityBold';
    color: #576574;
}

.span-sub-sub-title[b-2e6yj2ztpn] {
    opacity: 1;
    overflow: visible;
    font-family: 'GravityRegular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-2e6yj2ztpn] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.level-icon[b-2e6yj2ztpn] {
    object-fit: cover;
    opacity: 1;
}

.competance-icon[b-2e6yj2ztpn] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}
.taskTitle[b-2e6yj2ztpn] {
    font-family: 'GravityBold';
    font-size: 15px;
}
.datestyle[b-2e6yj2ztpn] {
    font-family: 'GravityBold';
    font-size: 12px;
}
.emplacement[b-2e6yj2ztpn] {
    font-family: 'GravityBold';
    font-size: 12px;
}
[b-2e6yj2ztpn] .input-styl, [b-2e6yj2ztpn] .btn-Filterr {
    font-family: 'GravityBold';
}
.div-child-header-ressource[b-2e6yj2ztpn] {
    font-family: 'GravityBold' !important;
}
/* /Components/ProjectComponents/LivrableComponents/LivrableBoxComponent.razor.rz.scp.css */
.top[b-x0363r19dj] {
    display: flex;
    width: 100%;
}

.div-top[b-x0363r19dj] {
    width: 50%;
}
.cercle-or[b-x0363r19dj] {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: orange;
}
.date-style[b-x0363r19dj] {
    margin-left: 15px;
    padding-left: 15px;
}

[b-x0363r19dj] .img-stat-large {
    width: 43px;
    height: 45px;
    margin-top: 16px;
}

.icon-st[b-x0363r19dj] {
    margin-left: 31px;
    margin-top: -1px;
}

[b-x0363r19dj] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.icon-menu[b-x0363r19dj] {
    margin-top: 21px;
    padding-right: 5px;
   
    cursor: pointer;
}

.table-nrn[b-x0363r19dj] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-x0363r19dj] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-x0363r19dj] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-x0363r19dj] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-x0363r19dj] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-x0363r19dj] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-x0363r19dj] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-x0363r19dj] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-x0363r19dj] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-x0363r19dj] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-x0363r19dj] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

.drop-down-ul[b-x0363r19dj] {
    margin-top: 63px;
    margin-left: -61px;
    position: absolute;
    width: 207px;
    height: auto;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #576574;
    list-style: none;
    background: #FFFFFF 0% 0% no-repeat;
    box-shadow: 3px 3px 8px #00000040;
    z-index: 1003;
}

.li-tr[b-x0363r19dj] {
    width: auto;
    height: 41px;
    border-bottom: 0px;
    padding-top: 9px;
    margin-left: -40px;
    cursor: pointer;
    border-bottom: 1.5px solid #00000010;
}

.li-span[b-x0363r19dj] {
    margin-left: 12px;
}

.li-img[b-x0363r19dj] {
    margin-right: 5px;
    margin-top: -3px;
    margin-left: 20px;
}

.hide[b-x0363r19dj] {
    display: none;
}

.somme-triang[b-x0363r19dj] {
    margin-top: 45px;
    margin-left: 136px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}
@media only screen and (max-width: 1050px) {
    .div-edit-delete[b-x0363r19dj] {
        display: block;
        padding-top: 15px;
        float: right;
        padding-right: 15px;
    }
}

[b-x0363r19dj] .tr-list-nrn:hover .div-edit-delete {
        display: block;
        padding-top: 15px;
        float: right;
        padding-right: 15px;
}



.tr-list-nrn:hover[b-x0363r19dj] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-x0363r19dj] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-x0363r19dj] {
        display: block;
    }

[b-x0363r19dj] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-x0363r19dj] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}



[b-x0363r19dj] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-x0363r19dj] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 20px;
}

[b-x0363r19dj] .btn-del {
    height: 15px;
    width: 13px;
}

[b-x0363r19dj] .cen-select {
    margin-top: 15px;
}

[b-x0363r19dj] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-x0363r19dj] .fa {
    padding-left: 8px;
    float: none !important;
}

progress[b-x0363r19dj]::-webkit-progress-value {
    background: #0898D7;
}

.progr-bar[b-x0363r19dj] {
    width: 84px;
    height: 6px;
    margin-left: 0;
    margin-top: 4px;
}

.span-bar[b-x0363r19dj] {
    margin-top: -10px;
    padding-left: 39px;
    /* padding-left: 19px; */
    margin-left: 15px;
}

.div-group-grid[b-x0363r19dj] {
    display: grid;
}

.img-emplac[b-x0363r19dj] {
    width: 17px;
    margin-left: 13px;
    margin-top: -7px;
    cursor: pointer;
}
/* /Components/ProjectComponents/LivrableComponents/LivrableListComponent.razor.rz.scp.css */
/*Livrable list component*/

.top[b-asdy21dwvy] {
    display: flex;
    width: 100%;
}

.div-top[b-asdy21dwvy] {
    width: 50%;
}

.date-style[b-asdy21dwvy] {
    margin-left: 15px;
    padding-left: 15px;
}

.icon-st[b-asdy21dwvy] {
    margin-left: 31px;
    margin-top: -1px;
}

.icon-menu[b-asdy21dwvy] {
    padding-left: 17px;
    padding-right: 5px;
    width: 27px;
    cursor: pointer;
}

.div-group[b-asdy21dwvy] {
    display: flex;
    padding-top: 4px;
}

.div-group-center[b-asdy21dwvy] {
    display: flex;
    padding-top: 13px;
}

.div-group-grid[b-asdy21dwvy] {
    display: grid;
}

.img-livrer[b-asdy21dwvy] {
    height: 35px;
    width: 32px;
    margin-top: -6px;
    cursor: pointer;
}

.img-roundList[b-asdy21dwvy] {
    margin-top: 1px;
    margin-right: 4px;
}

.img-stat-large[b-asdy21dwvy] {
    width: 43px;
    height: 45px;
    margin-top: 16px;
}

.img-emplac[b-asdy21dwvy] {
    width: 17px;
    margin-left: 13px;
    margin-top: -7px;
    cursor: pointer;
}



.btn-del[b-asdy21dwvy] {
    height: 17px;
    width: 15px;
}

.progress-bar[b-asdy21dwvy] {
    background-color: unset;
    width: 93px;
    height: 6px;
    margin-left: -33px;
    margin-top: 26px !important;
}

.progr-bar[b-asdy21dwvy] {
    width: 84px;
    height: 6px;
    margin-left: 0;
    margin-top: 4px;
}

.span-bar[b-asdy21dwvy] {
    margin-top: -10px;
    padding-left: 39px;
    padding-left: 19px;
    margin-left: 15px;
}

.select-cercle[b-asdy21dwvy] {
    display: none;
}

.select-cercle-selected[b-asdy21dwvy] {
    display: block;
}

.span-num[b-asdy21dwvy] {
    /*text-decoration: underline;*/
    color: #34B8F2;
    cursor: pointer;
}

    .span-num :hover[b-asdy21dwvy] {
        text-decoration: underline;
    }

.span-code[b-asdy21dwvy] {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

.span-name[b-asdy21dwvy] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    min-width: max-content;
}

.dot-red[b-asdy21dwvy], .dot-turq[b-asdy21dwvy], .dot-blue[b-asdy21dwvy], .dot-greenLght[b-asdy21dwvy], .dot-green[b-asdy21dwvy], .dot-purple0[b-asdy21dwvy], .dot-purple[b-asdy21dwvy] {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
}

.tr-list-nrn[b-asdy21dwvy] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

    .tr-list-nrn:hover[b-asdy21dwvy] {
        cursor: pointer;
        background: #FFFFFF;
        box-shadow: 2px 1px 4px #00000040;
        border-radius: 5px;
    }

.drop-down-ul[b-asdy21dwvy] {
    margin-top: 63px;
    margin-left: -61px;
    position: absolute;
    width: 207px;
    height: auto;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #576574;
    list-style: none;
    background: #FFFFFF 0% 0% no-repeat;
    box-shadow: 3px 3px 8px #00000040;
    z-index: 1003;
}

.li-tr[b-asdy21dwvy] {
    width: auto;
    height: 41px;
    border-bottom: 0px;
    padding-top: 9px;
    margin-left: -45px;
    cursor: pointer;
    border-bottom: 1.5px solid #00000010;
}

.li-span[b-asdy21dwvy] {
    margin-left: 12px;
}

.li-img[b-asdy21dwvy] {
    margin-right: 5px;
    margin-top: -3px;
    margin-left: 20px;
}

.hide[b-asdy21dwvy] {
    display: none;
}

.somme-triang[b-asdy21dwvy] {
    margin-top: 45px;
    margin-left: 136px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}

[b-asdy21dwvy] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}

.div-edit-delete[b-asdy21dwvy] {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}

.tr-list-nrn:hover[b-asdy21dwvy] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-asdy21dwvy] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-asdy21dwvy] {
        display: block;
    }

[b-asdy21dwvy] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-asdy21dwvy] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}

[b-asdy21dwvy] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-asdy21dwvy] .btn-del {
    height: 15px;
    width: 13px;
}

[b-asdy21dwvy] .cen-select {
    margin-top: 15px;
}

[b-asdy21dwvy] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-asdy21dwvy] .fa {
    padding-left: 8px;
    float: none !important;
}

.top[b-asdy21dwvy] {
    display: flex;
    width: 100%;
}

.div-top[b-asdy21dwvy] {
    width: 50%;
}

.date-style[b-asdy21dwvy] {
    margin-left: 15px;
    padding-left: 15px;
}

[b-asdy21dwvy] .img-stat-large {
    width: 43px;
    height: 45px;
    margin-top: 16px;
}

.icon-st[b-asdy21dwvy] {
    margin-left: 31px;
    margin-top: -1px;
}

[b-asdy21dwvy] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.icon-menu[b-asdy21dwvy] {
    padding-left: 17px;
    padding-right: 5px;
    width: 27px;
    cursor: pointer;
}

.table-nrn[b-asdy21dwvy] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-asdy21dwvy] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-asdy21dwvy] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-asdy21dwvy] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-asdy21dwvy] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-asdy21dwvy] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-asdy21dwvy] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-asdy21dwvy] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-asdy21dwvy] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-asdy21dwvy] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-asdy21dwvy] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

    .tr-list-nrn:not(:first-child)[b-asdy21dwvy] {
        margin-top: 5px;
    }

.drop-down-ul[b-asdy21dwvy] {
    margin-top: 63px;
    margin-left: -61px;
    position: absolute;
    width: 207px;
    height: auto;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #576574;
    list-style: none;
    background: #FFFFFF 0% 0% no-repeat;
    box-shadow: 3px 3px 8px #00000040;
    z-index: 1003;
}

.li-tr[b-asdy21dwvy] {
    width: auto;
    height: 41px;
    border-bottom: 0px;
    padding-top: 9px;
    margin-left: -45px;
    cursor: pointer;
    border-bottom: 1.5px solid #00000010;
}

.li-span[b-asdy21dwvy] {
    margin-left: 12px;
}

.li-img[b-asdy21dwvy] {
    margin-right: 5px;
    margin-top: -3px;
    margin-left: 20px;
}

.hide[b-asdy21dwvy] {
    display: none;
}

.somme-triang[b-asdy21dwvy] {
    margin-top: 45px;
    margin-left: 136px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}

[b-asdy21dwvy] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}

.tr-list-nrn:hover[b-asdy21dwvy] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-asdy21dwvy] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-asdy21dwvy] {
        display: block;
    }

[b-asdy21dwvy] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-asdy21dwvy] td {
    padding: 0rem .2rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}

[b-asdy21dwvy] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-asdy21dwvy] .btn-edit {
    width: 24px;
    height: 21px
}

.btn-edit[b-asdy21dwvy] {
    margin-right: 2px;
}

[b-asdy21dwvy] .btn-del {
    height: 15px;
    width: 13px;
}

[b-asdy21dwvy] .cen-select {
    margin-top: 15px;
}

[b-asdy21dwvy] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-asdy21dwvy] .fa {
    padding-left: 8px;
    float: none !important;
}

progress[b-asdy21dwvy]::-webkit-progress-value {
    background: #0898D7;
}

.progr-bar[b-asdy21dwvy] {
    width: 84px;
    height: 6px;
    margin-left: 0;
    margin-top: 4px;
}

.span-bar[b-asdy21dwvy] {
    margin-top: -10px;
    padding-left: 39px;
    padding-left: 19px;
    margin-left: 15px;
}

.div-group-grid[b-asdy21dwvy] {
    display: grid;
}

.img-emplac[b-asdy21dwvy] {
    width: 17px;
    margin-left: 13px;
    margin-top: -7px;
    cursor: pointer;
}

.table-nrn td:first-child[b-asdy21dwvy] {
    width: 30px;
}

.table-nrn th:first-child[b-asdy21dwvy] {
    width: 30px;
}

.table-nrn td[b-asdy21dwvy] {
    padding-left: 5px;
    padding-right: 5px;
}

td[b-asdy21dwvy],
th[b-asdy21dwvy] {
    margin-right: 10px !important;
}

.table-nrn td:nth-child(3)[b-asdy21dwvy],
.table-nrn th:nth-child(3)[b-asdy21dwvy] {
    margin-top: 5px;
    padding-top: 5px;
    max-width: 110px !important;
    width: 110px !important;
    padding-right: 5px;
}

.table-nrn td:nth-child(4).container[b-asdy21dwvy]{
    margin-right: 5px;
    align-items: flex-end;
}


    .table-nrn td:nth-child(4).span-name[b-asdy21dwvy] {

        align-items: flex-end;
    }

.table-nrn td:nth-child(7)[b-asdy21dwvy]{
}
.table-nrn td:nth-child(8)[b-asdy21dwvy] {

}
.table-nrn td:nth-child(9)[b-asdy21dwvy],
.table-nrn th:nth-child(9)[b-asdy21dwvy] {
    max-width: 80px;
}

.table-nrn td:nth-child(9)[b-asdy21dwvy],
.table-nrn th:nth-child(9)[b-asdy21dwvy] {
    max-width: 80px;
}
.table-nrn td:nth-child(10)[b-asdy21dwvy],
.table-nrn th:nth-child(10)[b-asdy21dwvy] {
    max-width: 85px;
}

.table-nrn td:nth-child(11)[b-asdy21dwvy],
.table-nrn th:nth-child(11)[b-asdy21dwvy] {
    min-width: 80px;
}

.notes[b-asdy21dwvy] {
    padding-right: 33px;
    margin-bottom: 10px;
    cursor: pointer
}

.task[b-asdy21dwvy] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 200px !important;
    padding-left: 10px;
}

.div-edit-delete[b-asdy21dwvy] {
    display: none;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}

    .div-edit-delete:hover[b-asdy21dwvy] {
        display: block;
    }

@media only screen and (max-width: 1024px) {
    .div-edit-delete[b-asdy21dwvy] {
        display: block;
        padding-top: 15px;
        float: right;
        padding-right: 15px;
        width: 90px;
    }

    .th-header-nrn[b-asdy21dwvy], .div-group[b-asdy21dwvy], .div-group-center[b-asdy21dwvy] {
        padding-right: 30px !important;
    }
}

@media screen and (min-width:1700px) {
    .container-list[b-asdy21dwvy] {
        /*width: 177.5vh;*/
        padding-right: 1.5vh;
        padding-left: 1vh;
        margin-right: auto;
        margin-left: 0vh;
        position: relative;
        overflow-y: auto;
        height: 89vh;
    }

    .table-nrn[b-asdy21dwvy] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        /*max-width: 163vh;*/
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-asdy21dwvy] {
        width: 177vh;
        padding-right: 1.5vh;
        padding-left: 1.5vh;
        margin-right: 0vh;
        margin-left: 0vh;
        position: relative;
        overflow-y: auto;
        height: 86vh;
    }

    .table-nrn[b-asdy21dwvy] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 175vh;
        width: 164vh;
    }
}


span-name.span-num[b-asdy21dwvy] {
    text-decoration: none;
}


table td:last-child[b-asdy21dwvy] {
    width: 250px;
}


.div-group-center[b-asdy21dwvy] {
    align-items: flex-end;
}                

.div-group-center.description[b-asdy21dwvy]{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-content:flex-start;
    align-items:flex-start;
    padding-top:2px;
}


.container-livrable[b-asdy21dwvy]{
    margin-left:0;
    padding-left:0;
    display:flex;
    flex-direction:column;
}

.div-checked[b-asdy21dwvy] {
    width: 3.5% !important;
}
/* /Components/ProjectComponents/LivrableComponents/NewDeliverableModal.razor.rz.scp.css */
.span-hour-prj[b-tp93ocysw9] {
    font-family: 'GravityRegular';
}
.div-date[b-tp93ocysw9] {
    padding-top: 10px;
}
.datecss[b-tp93ocysw9] {
    background: url(/icons/commande_icons/calendar.svg) no-repeat 5px;
    background-image: url(/icons/commande_icons/calendar.svg);
}
.input-hour[b-tp93ocysw9] {
    background: url(/icons/commande_icons/hour.svg) no-repeat 1px 14px;
     
    padding-top: 9px;
    padding-left: 21px;
    border: none;
    outline: none;
}
/*
.input-hour:hover {
        border: 1px solid #CCCCCC;
    }
 */   
.popup-body-header[b-tp93ocysw9] {
    height: 100px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    display: flex;
    margin-bottom: 20px;
}
.input-text[b-tp93ocysw9]::placeholder {
    /* color: #8395A7;*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}


.div-icons[b-tp93ocysw9] {
    text-align: center;
    width: 10%;
    align-self: center;
}
.input-text[b-tp93ocysw9] {
    border:transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-bottom: 8px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    height: 32px !important;
}
.div-inputs[b-tp93ocysw9] {
    width: 80%;
    text-align: center;
    align-self: center;
    padding-top: 6px;
}
.div-qty[b-tp93ocysw9] {
    margin-left: -3px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.input-newstyle[b-tp93ocysw9] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    /* margin-top: 11px; */
    background: url(/icons/commande_icons/calendar.svg) no-repeat 5px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}
.input-newstyle[b-tp93ocysw9] {
    margin-top: 0px;
}
input[type="date"][b-tp93ocysw9]::-webkit-calendar-picker-indicator {
    background: transparent !important;
    color: transparent;
    cursor: pointer;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 32px;
    top: 31px;
}
/*
input[type="date"]::-webkit-calendar-picker-indicator:hover {
    border: 1px solid #CCCCCC;
}
*/
    input [type="time"][b-tp93ocysw9]::-webkit-calendar-picker-indicator {
    left: 7px;
    position: absolute;
    background: transparent;
    cursor: pointer !important;
    width: 85%;
}
    input [type='time'][b-tp93ocysw9]::-ms-clear, input[type='time'][b-tp93ocysw9]::-ms-reveal {
    left: 7px;
    position: absolute;
    background: transparent;
    cursor: pointer !important;
    width: 85%; /* Pour Microsoft Edge */
}

input[type='time'][b-tp93ocysw9]::-moz-calendar-picker-indicator {
    left: 7px;
    position: absolute;
    background: transparent;
    cursor: pointer !important;
    width: 85%; /* Pour Firefox */
}

/*input[type='time']:valid::before {
    content: attr(value);
    color: #000;
    position: absolute;
 
}

input[type='time']:invalid::before {
    content: "--.--";
    color: #999;
    position: absolute;
    
}*/
    .circleCount[b-tp93ocysw9] {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background-color: #268BFD;
    color: white;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    font-family: 'GravityBold';
    font-size: 10.5px;
    font-weight: bold;
    padding-right: 4px;
    padding-top: 3px;
    position: absolute;
    margin-top: 27px;
    z-index: 1;
    margin-left: -34px;
}
.form-control:focus[b-tp93ocysw9] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    border-color: transparent;
}
.form-control:hover[b-tp93ocysw9] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    border-color: transparent;
}
.span-prj-title[b-tp93ocysw9]  {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 0px;
    padding-left: 8px;
}
[b-tp93ocysw9] .modal-header-popup {
    background: #AC92EC;
}
/* /Components/ProjectComponents/LivrableComponents/TasksAssignmentToDeliveryModal.razor.rz.scp.css */
.modal-assign-content[b-b1hs0lrioa] {
    width: 956px;
    height: 530px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: -130px;
}

.hide[b-b1hs0lrioa] {
    display: none !important;
}

.modal-div[b-b1hs0lrioa] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-title[b-b1hs0lrioa] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-center-dialog[b-b1hs0lrioa] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.closepop[b-b1hs0lrioa] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-b1hs0lrioa] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;

}
.center-td[b-b1hs0lrioa] {
    display: flex;
    align-items: center;
    text-align: center;
}
.table-nrn[b-b1hs0lrioa] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}
.span-name[b-b1hs0lrioa] {
    opacity: 1;
    padding-bottom: 4px;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}
.span-code[b-b1hs0lrioa] {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}
.div-btn-container[b-b1hs0lrioa] {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 466px;
    top: 90px;
}
.div-searche[b-b1hs0lrioa] {
    position: absolute;
 width:50%;
}
.div-shad[b-b1hs0lrioa] {
    box-shadow: 0px 3px 6px #00000029;
}
.checkbox-style[b-b1hs0lrioa] {
    margin-left: 14px;
    margin-top: 15px;
    margin-right: 31px;
}
[b-b1hs0lrioa] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-b1hs0lrioa] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-b1hs0lrioa] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-b1hs0lrioa] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-b1hs0lrioa] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-b1hs0lrioa] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-b1hs0lrioa] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-b1hs0lrioa] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-b1hs0lrioa] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-b1hs0lrioa] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

[b-b1hs0lrioa] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-b1hs0lrioa] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-b1hs0lrioa] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-b1hs0lrioa] {
        display: block;
    }

[b-b1hs0lrioa] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-b1hs0lrioa] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}


.div-group[b-b1hs0lrioa] {
    display: flex;
    padding-top: 8px;
}
[b-b1hs0lrioa] .div-group {
    display: flex;
    padding-top: 8px;
}

[b-b1hs0lrioa] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 10px;
}

[b-b1hs0lrioa] .btn-del {
    height: 15px;
    width: 13px;
}

[b-b1hs0lrioa] .cen-select {
    margin-top: 15px;
}

[b-b1hs0lrioa] .div-group-center {
    display: flex;
    padding-left: 14px;
    padding-top: 16px;
}

[b-b1hs0lrioa] .fa {
    padding-left: 8px;
    float: none !important;
}

.modal[b-b1hs0lrioa] {
    text-align: center;
    padding: 0 !important;
}

.modal-dialog[b-b1hs0lrioa] {
    width: unset;
    max-width: unset;
}

.modal[b-b1hs0lrioa]:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog[b-b1hs0lrioa] {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-header-assign[b-b1hs0lrioa] {
    height: 60px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.div-title[b-b1hs0lrioa] {
    margin-right: 12px;
    margin-left: -15px;
}

.modal-body-assign[b-b1hs0lrioa] {
    text-align: center;
    height: 530px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    overflow-y: scroll;
    align-items: center;
    flex-direction: column;
}

.modal-footer-assign[b-b1hs0lrioa] {
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-assign-qs[b-b1hs0lrioa] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-b1hs0lrioa] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}

.img-footer[b-b1hs0lrioa] {
    width: 18px;
    height: 14px;
}

.div-footer[b-b1hs0lrioa] {
    width: 50%;
    text-align: center;
}
.div-contain[b-b1hs0lrioa] {
    width: 50%;
    box-shadow: 0px 3px 6px #00000029;
}
.arrow-left[b-b1hs0lrioa] {
    background: url(/icons/deplacer-gauche.svg) no-repeat;
    height: 50px;
    margin-top: 123px;
    background-size: 52px;
    background-position: 0% 61%;
    width: 46px;
    float: right;
    cursor: pointer;
    border: none;
    outline: none;
}

    .arrow-left:hover[b-b1hs0lrioa] {
        background: url(/icons/deplacer-gauche-hover.svg) no-repeat;
        height: 50px;
        margin-top: 123px;
        background-size: 52px;
        background-position: 0% 61%;
        width: 46px;
        float: right;
        cursor: pointer;
        border: none;
    }

.arrow-right[b-b1hs0lrioa] {
    background: url(/icons/deplacer-droite.svg) no-repeat;
    margin-top: -13px;
    background-size: 56px;
    background-position: 0% 61%;
    width: 46px;
    float: right;
    cursor: pointer;
    border: none;
    outline: none;
    height: 50px;
}

    .arrow-right:hover[b-b1hs0lrioa] {
        height: 50px;
        background: url(/icons/deplacer-droite-hover.svg) no-repeat;
        margin-top: -13px;
        background-size: 56px;
        background-position: 0% 61%;
        width: 46px;
        float: right;
        cursor: pointer;
        border: none;
    }

    /* scrollable tbody */
thead[b-b1hs0lrioa], tbody[b-b1hs0lrioa],     th[b-b1hs0lrioa] {
    display: block;
}

    tr[b-b1hs0lrioa]:after {
        content: ' ';
        display: block;
        visibility: hidden;
        clear: both;
    }

    thead th[b-b1hs0lrioa] {
        height: 32px;
        /*text-align: left;*/
    }

tbody[b-b1hs0lrioa] {
    height: 385px;
    overflow-y: auto;
}

thead[b-b1hs0lrioa] {
    /* fallback */
}


     thead th[b-b1hs0lrioa] {
     
        float: left;
    }
/* scrollable tbody */

.modal-body-assign[b-b1hs0lrioa], .container-list[b-b1hs0lrioa] {
    overflow:hidden;
}

.div-group-child[b-b1hs0lrioa] {
 
    margin-left: 25px;
}
/* /Components/ProjectComponents/LogRessourceComponents/LogRessourceBox.razor.rz.scp.css */

.div-summary[b-wc0xbq9qll] {
    width: 140px;
    height: 37px;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 19px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

.div-detailss[b-wc0xbq9qll] {
    margin-left: -20px;
    width: 140px;
    height: 37px;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 19px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

.div-btn[b-wc0xbq9qll] {
    display: flex;
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 15px
}

.span-btn-title[b-wc0xbq9qll] {
    text-align: left;
    color: #222F3E;
    letter-spacing: 0px;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    opacity: 1;
}

.div-active[b-wc0xbq9qll] {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

.span-active[b-wc0xbq9qll] {
    color: #F2F2F2;
}
/* /Components/ProjectComponents/LogRessourceComponents/LogRessourceContent.razor.rz.scp.css */
.navelm[b-3i6eyb1xr5] {
    margin-left: 5px;
    padding-right: 17px;
    font-family: GravityRegular;
    height: 43px;
}

.navelmselc[b-3i6eyb1xr5] {
    padding-right: 17px;
    margin-left: 5px;
    border-bottom: 5px solid #268BFD;
    cursor: pointer;
    font-family: GravityBold;
    height: 43px;
}

.navelm:hover[b-3i6eyb1xr5] {
    font-family: GravityBold;
    border-bottom: 5px solid #268BFD;
    cursor: pointer;
    padding-right: 17px;
    height: 43px;
}

.navtext[b-3i6eyb1xr5] {
    text-align: left;
    letter-spacing: 0.35px;
    color: #4C4C4C;
    opacity: 1;
    font-size: 14px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 10px;
}
.head[b-3i6eyb1xr5] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    height: 43px;
}
/* /Components/ProjectComponents/MembersBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-dx7bn3i6vr] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-dx7bn3i6vr] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-dx7bn3i6vr] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-dx7bn3i6vr] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-dx7bn3i6vr], .btn-style:focus-visible[b-dx7bn3i6vr], .btn-style:active[b-dx7bn3i6vr] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-dx7bn3i6vr] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-dx7bn3i6vr] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/ProjectComponents/NewEditProject.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


[b-ou02o7st5s] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

.div-toggle[b-ou02o7st5s] {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
}

[b-ou02o7st5s] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-ou02o7st5s] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-ou02o7st5s] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-ou02o7st5s] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-ou02o7st5s] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-ou02o7st5s] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-ou02o7st5s] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-ou02o7st5s] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-ou02o7st5s] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-ou02o7st5s] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-ou02o7st5s] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-ou02o7st5s] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-ou02o7st5s] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-ou02o7st5s] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-ou02o7st5s] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-ou02o7st5s] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-ou02o7st5s] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-ou02o7st5s] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-ou02o7st5s] .column-3:hover, .column-3:focus[b-ou02o7st5s] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-ou02o7st5s] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-ou02o7st5s] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-ou02o7st5s] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-ou02o7st5s] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-ou02o7st5s] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-ou02o7st5s] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-ou02o7st5s] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-ou02o7st5s] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-ou02o7st5s] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-ou02o7st5s] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-ou02o7st5s] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-ou02o7st5s] {
    margin-left: 110px;
    width: 370px;
    margin-top: 62px;
    background: white;
    height: 473px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-ou02o7st5s] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-ou02o7st5s] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-ou02o7st5s] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 374px;
}

.note-ts-pos[b-ou02o7st5s] {
    margin-left: 14px;
}

.modal-ts-footer[b-ou02o7st5s] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-ou02o7st5s] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-ou02o7st5s] {
    background-color: #00b665;
}

    .switch input:checked + label[b-ou02o7st5s]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-ou02o7st5s]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-ou02o7st5s] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-ou02o7st5s] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-ou02o7st5s] {
    width: 100%;
}

    .switch input[type=checkbox][b-ou02o7st5s] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-ou02o7st5s] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-ou02o7st5s] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-ou02o7st5s] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 294px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}


.startDate[type="date"][b-ou02o7st5s]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 277px;
    margin-left: -41px;
    position: absolute;
    cursor: pointer;
    height: 36px;
    margin-top: -12px;
}

.endDate[type="date"][b-ou02o7st5s]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 277px;
    margin-left: -41px;
    position: absolute;
    height: 37px;
    cursor: pointer;
    margin-top: -11px;
}

.input-date[b-ou02o7st5s] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}


[b-ou02o7st5s] .select-entry-style, .input-entry-style[b-ou02o7st5s], .div-box-date-container[b-ou02o7st5s] {
    width: 90% !important;
    margin-left: 8px !important;
}

[b-ou02o7st5s] .textarea-prj {
    padding: 11px;
    height: inherit;
    width: inherit;
    /* border: none; */
    background: none;
    resize: none;
    /* margin-top: 9px; */
    outline: none;
    width: 90%;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    margin-left: 9px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}
/* /Components/ProjectComponents/NewEditProjStage.razor.rz.scp.css */
.modal-title-enterhour[b-nb8vg5xxzb] {
    flex: auto;
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 11px;
    margin-left: 12px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-nb8vg5xxzb] {
    padding-right: 8px;
}
[b-nb8vg5xxzb] .select-entry-style {
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 3% no-repeat white !important;
    font-family: 'GravityRegular';
   font-size:15px;
}
.div-selec[b-nb8vg5xxzb] {
    padding-right: 37px;
    padding-top: 21px;
    padding-left: 26px;
}
/*
    .form-control:focus {
    box-shadow: 0 0 0 0.09rem rgb(204 204 204) !important;
    background: white !important;
}
*/
.div-name[b-nb8vg5xxzb] {
    padding-left: 24px;
    padding-right: 17px;
}
.modal-enterhour-content[b-nb8vg5xxzb] {
    width: 557px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    /*    margin-left: -110px;
*/
}

.modal-header-enterhour[b-nb8vg5xxzb] {
    height: 55px;
    background: #409c3cd6 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.form-control:focus[b-nb8vg5xxzb] {
    box-shadow: 0 0 0 0.09rem rgb(40 167 69 / 25%);
}

.inputtextarea[b-nb8vg5xxzb] {
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /* margin-top: 11px; */
    outline: none;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
}

.modal-dialog[b-nb8vg5xxzb] {
    position: absolute;
    float: left;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: unset;
    margin: unset;
    width: unset;
}

.input-date[b-nb8vg5xxzb] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

[b-nb8vg5xxzb] .span-username-res-id {
    margin-top: -9px !important;
}

.div-container-enterhour[b-nb8vg5xxzb] {
    display: flex;
    flex-direction: column;
    /*   padding-top: 15px;*/
    /*   padding-top: 15px;*/
    align-items: stretch;
    /*   padding: 5% 18% 5% 18%;*/
}

.div-hours[b-nb8vg5xxzb] {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-top: 5px;
}

.span-entrerheure-heure[b-nb8vg5xxzb] {
    letter-spacing: 0px;
    color: #2C333A;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    /*margin-left: 77px;*/
}

.div-space[b-nb8vg5xxzb] {
    display: grid;
    grid-template-columns: 0fr 1fr 3fr;
    margin-top: 12px;
}

.span-enterhour-title[b-nb8vg5xxzb] {
    letter-spacing: 0px;
    color: #2C333A;
    opacity: 1;
    font-size: 16px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Book Regular';
}

.line[b-nb8vg5xxzb] {
    border-bottom: 0.5px solid #8d8d8d3b;
}

.div-container[b-nb8vg5xxzb] {
    padding-left: 23px;
    padding-right: 20px;
    padding-top: 6px;
}

.div-summary[b-nb8vg5xxzb] {
    width: 140px;
    height: 37px;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 19px;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.div-detailss[b-nb8vg5xxzb] {
    margin-left: -20px;
    width: 140px;
    height: 37px;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 19px;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.form-div[b-nb8vg5xxzb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 13px;
    padding-top: 8px;
}

[b-nb8vg5xxzb] .div-item-prj-p {
    margin-left: 0 !important;
}

.div-btn[b-nb8vg5xxzb] {
    display: flex;
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 15px
}

.span-btn-title[b-nb8vg5xxzb] {
    text-align: left;
    color: #222F3E;
    letter-spacing: 0px;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    opacity: 1;
}

.div-active[b-nb8vg5xxzb] {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

.span-active[b-nb8vg5xxzb] {
    color: #F2F2F2;
}

[b-nb8vg5xxzb] .switch input:checked + label {
    background-color: #00AE9E;
}

.switch label[b-nb8vg5xxzb] {
    width: 45px;
    height: 24px;
    margin-left: 6px;
    padding-top: 4px;
}

.switch-div[b-nb8vg5xxzb] {
    margin-top: -44px;
}

.span-prj-title[b-nb8vg5xxzb] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'Gravity-Bold';
    font-size: 14px;
    margin-left: 0px;
    padding-left: 8px;
}

.input-newsty[b-nb8vg5xxzb] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    /*margin-top: 11px;*/
    background: url(/icons/commande_icons/calendar.svg) no-repeat 5px;
    outline: none;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.textarea-note[b-nb8vg5xxzb] {
    font-family: 'Gravity-Regular';
    font-size: 14px;
}

.selec[b-nb8vg5xxzb] {
    font-family: 'Gravity-Regular';
    font-size: 14px;
}


    .form-control:focus[b-nb8vg5xxzb] {
    box-shadow: 0 0 0 0.09rem rgba(40, 167, 69, 0.25);
}


.border-input:hover[b-nb8vg5xxzb] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-nb8vg5xxzb], .form-control[readonly][b-nb8vg5xxzb] {
    background-color: transparent;
    opacity: 1;
}

.input-newsty[b-nb8vg5xxzb]::-webkit-calendar-picker-indicator {
    height: 34px;
    top: 368px;
    width: 174px;
}

.input-tim[b-nb8vg5xxzb] {
    background: url(/icons/commande_icons/hour.svg) no-repeat 5px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    outline: none;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

input[type='time'][b-nb8vg5xxzb]::-webkit-calendar-picker-indicator {
    width: 97%;
    height: 31px;
}

.star-red[b-nb8vg5xxzb] {
    color: #BD0A09;
    font-weight: bold;
}

.modal-footer-accepter[b-nb8vg5xxzb] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.btn-footer[b-nb8vg5xxzb] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Gravity-Bold';
    font-size: 13px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}

.img-footer[b-nb8vg5xxzb] {
    width: 18px;
    height: 14px;
}

.div-footer[b-nb8vg5xxzb] {
    width: 50%;
    text-align: center;
    align-self: center;
}

[b-nb8vg5xxzb] .modal-header-log {
    height: 76px !important;
}

[b-nb8vg5xxzb] .modal-log-content {
    height: 349px !important;
    margin-left: 0 !important;
}

.div-footer[b-nb8vg5xxzb] {
    width: 50%;
    text-align: center;
}


.modal-footer-accepter[b-nb8vg5xxzb] {
    width: 100%;
    height: 60px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.img[b-nb8vg5xxzb] {
    height: 15px;
    width: 15px;
    display: block;
    margin: auto;
    margin-bottom: 5px
}
/* /Components/ProjectComponents/OrderComponents/FilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-3f6v1v7as8] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-3f6v1v7as8] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-3f6v1v7as8] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-3f6v1v7as8] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-3f6v1v7as8] {
    margin-top: 17px;
}

.closepop-entrerheure[b-3f6v1v7as8] {
    float: right;
}

.modal-body-filter[b-3f6v1v7as8] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-3f6v1v7as8] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}



.modal-footer-filter[b-3f6v1v7as8] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-3f6v1v7as8] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-3f6v1v7as8] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-3f6v1v7as8] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
  
/* /Components/ProjectComponents/OrderComponents/FilterModalResourceAssign.razor.rz.scp.css */

.modal-dialog-filter[b-vwtm3339qk] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-vwtm3339qk] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-vwtm3339qk] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-vwtm3339qk] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-vwtm3339qk] {
    margin-top: 17px;
}

.closepop-entrerheure[b-vwtm3339qk] {
    float: right;
}

.modal-body-filter[b-vwtm3339qk] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-vwtm3339qk] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-vwtm3339qk] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-vwtm3339qk] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-vwtm3339qk] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-vwtm3339qk] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ProjectComponents/OrderComponents/ListOrder.razor.rz.scp.css */
@media screen and (min-width:1700px) {
    .container-list[b-3jlsyc2cbb] {
        width: 171vh;
        padding-right: 1.5vh;
        padding-left: 1vh;
        margin-right: 0vh;
        margin-left: 0vh;
        position: relative;
        overflow-y: auto;
        height: 89vh;
    }

    .table-nrn[b-3jlsyc2cbb] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 163vh;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-3jlsyc2cbb] {
        width: 171vh;
        padding-right: 1.5vh;
        padding-left: 1.5vh;
        margin-right: 0vh;
        margin-left: 0vh;
        position: relative;
        overflow-y: auto;
        height: 86vh;
    }

    .table-nrn[b-3jlsyc2cbb] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 175vh;
        width: 164vh;
    }
}
/* /Components/ProjectComponents/ProjectAssignResourceModal.razor.rz.scp.css */
.modal-ts-content[b-by17alrfuz] {
    height:446px;
}
.modal-body-ts[b-by17alrfuz] {
    height: 346px;
}
.entry-details-div[b-by17alrfuz] {
    margin-left: 13px;
    margin-top: 7px;
}
.select-entry-style[b-by17alrfuz]{
    width:90%;
}
.div-box-date-container[b-by17alrfuz] {
    width: 90%;
}

.form-control:disabled[b-by17alrfuz], .form-control[readonly][b-by17alrfuz] {
    background-color: unset;
    opacity: 1;
}

.span-num:hover[b-by17alrfuz] {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

input[type="date"][b-by17alrfuz]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

[b-by17alrfuz] .select-entry-style {
    font-family: 'GravityRegular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 250px;
    outline: none !important;
    margin-left: 19px;
    border: none;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
    /*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
    [b-by17alrfuz] .select-entry-style:focus {
        box-shadow: 0 0 0 0.09rem rgb(204 204 204);
    }

[b-by17alrfuz] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-by17alrfuz] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-by17alrfuz] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-by17alrfuz] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-by17alrfuz] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-by17alrfuz] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-by17alrfuz] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-by17alrfuz] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-by17alrfuz] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-by17alrfuz] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-by17alrfuz] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-by17alrfuz] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-by17alrfuz] .column-3:hover, .column-3:focus[b-by17alrfuz] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-by17alrfuz] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-by17alrfuz] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-by17alrfuz] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-by17alrfuz] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-by17alrfuz] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-by17alrfuz] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-by17alrfuz] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-by17alrfuz] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-by17alrfuz] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-by17alrfuz] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-by17alrfuz] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-by17alrfuz] {
    margin-left: 110px;
    width: 370px;
    margin-top: 62px;
    background: white;
    height: 473px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-by17alrfuz] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-by17alrfuz] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-by17alrfuz] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 374px;
}

.note-ts-pos[b-by17alrfuz] {
    margin-left: 14px;
}

.modal-ts-footer[b-by17alrfuz] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-by17alrfuz] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-by17alrfuz] {
    background-color: #00b665;
}

    .switch input:checked + label[b-by17alrfuz]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-by17alrfuz]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-by17alrfuz] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-by17alrfuz] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-by17alrfuz] {
    width: 100%;
}

    .switch input[type=checkbox][b-by17alrfuz] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-by17alrfuz] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-by17alrfuz] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-by17alrfuz] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 294px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}


.startDate[type="date"][b-by17alrfuz]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 277px;
    margin-left: -41px;
    position: absolute;
    cursor: pointer;
    height: 36px;
    margin-top: -12px;
}

.endDate[type="date"][b-by17alrfuz]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 277px;
    margin-left: -41px;
    position: absolute;
    height: 37px;
    cursor: pointer;
    margin-top: -11px;
}

.input-date[b-by17alrfuz] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.div-box-date[b-by17alrfuz] {
    width: 105px;
    height: 37px;
    background: #f1f3f600 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date-heure[b-by17alrfuz] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'GravityBold';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}
/* /Components/ProjectComponents/ProjectPageComponent.razor.rz.scp.css */

/*.li-btn {
    width: auto;
    height: 41px;
    border-bottom: 0px;
    margin-top: 8px;
    margin-left: -24px;
    cursor: pointer;
    margin-right: 12px;
}
.li-btn:hover{
    background:none;
}*/
[b-19o9grpaup] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.table-nrn[b-19o9grpaup] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

td[b-19o9grpaup] {
    height: unset !important;
    width: 7%;
}

[b-19o9grpaup]::-webkit-scrollbar {
    width: 0.1px;
    height: 9px;
}

.progress-bar[b-19o9grpaup] {
    background-color: unset;
    width: 93px;
    height: 6px;
    margin-left: -33px;
    margin-top: 13px;
}

[b-19o9grpaup]::-webkit-scrollbar-track {
    background: #dcdcdc9c !important;
    border-radius: 8px;
}

[b-19o9grpaup]::-webkit-scrollbar-thumb {
    background: #7c7b7bb3 !important;
    border-radius: 18px;
}

[b-19o9grpaup] .img-roundList {
    margin-top: 1px;
    margin-right: 4px;
}

[b-19o9grpaup] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-19o9grpaup] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-19o9grpaup] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-19o9grpaup] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-19o9grpaup] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-19o9grpaup] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-19o9grpaup] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-19o9grpaup] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-19o9grpaup] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-19o9grpaup] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

[b-19o9grpaup] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-19o9grpaup] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-19o9grpaup] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-19o9grpaup] {
        display: block;
    }

[b-19o9grpaup] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-19o9grpaup] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}



[b-19o9grpaup] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-19o9grpaup] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 20px;
}

[b-19o9grpaup] .btn-del {
    height: 15px;
    width: 13px;
}

[b-19o9grpaup] .cen-select {
    margin-top: 15px;
}

[b-19o9grpaup] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-19o9grpaup] .fa {
    padding-left: 8px;
    float: none !important;
}

.top[b-19o9grpaup] {
    display: flex;
    width: 100%;
}

.div-top[b-19o9grpaup] {
    width: 50%;
}

.date-style[b-19o9grpaup] {
    margin-left: 15px;
    padding-left: 15px;
}

[b-19o9grpaup] .img-stat-large {
    width: 43px;
    height: 45px;
    margin-top: 16px;
}

.icon-st[b-19o9grpaup] {
    margin-left: 31px;
    margin-top: -1px;
}

[b-19o9grpaup] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.icon-menu[b-19o9grpaup] {
    padding-left: 17px;
    padding-right: 5px;
    width: 27px;
    cursor: pointer;
}

.table-nrn[b-19o9grpaup] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-19o9grpaup] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-19o9grpaup] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-19o9grpaup] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-19o9grpaup] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-19o9grpaup] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-19o9grpaup] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-19o9grpaup] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-19o9grpaup] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-19o9grpaup] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}
 
.tr-list-nrn[b-19o9grpaup] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

 

.li-tr[b-19o9grpaup] {
    width: auto;
    height: 41px;
    border-bottom: 0px;
    padding-top: 9px;
    cursor: pointer;
    border-bottom: 1.5px solid #00000010;
}

.li-span[b-19o9grpaup] {
    margin-left: 9px;
}

.li-img[b-19o9grpaup] {
    margin-right: 5px;
    margin-top: -3px;
    margin-left: 20px;
}

.hide[b-19o9grpaup] {
    display: none;
}

.somme-triang[b-19o9grpaup] {
    margin-top: 44px;
    margin-left: 136px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}


[b-19o9grpaup] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-19o9grpaup] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-19o9grpaup] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-19o9grpaup] {
        display: block;
    }

[b-19o9grpaup] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-19o9grpaup] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}



[b-19o9grpaup] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-19o9grpaup] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 20px;
}

[b-19o9grpaup] .btn-del {
    height: 15px;
    width: 13px;
}

[b-19o9grpaup] .cen-select {
    margin-top: 15px;
}

[b-19o9grpaup] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-19o9grpaup] .fa {
    padding-left: 8px;
    float: none !important;
}

progress[b-19o9grpaup]::-webkit-progress-value {
    background: #0898D7;
}

.progr-bar[b-19o9grpaup] {
    width: 84px;
    height: 6px;
    margin-left: 0;
    margin-top: 4px;
}

.span-bar[b-19o9grpaup] {
    margin-top: -10px;
    padding-left: 39px;
    /* padding-left: 19px; */
    margin-left: 15px;
}

.div-group-grid[b-19o9grpaup] {
    display: grid;
}

.img-emplac[b-19o9grpaup] {
    width: 17px;
    margin-left: 13px;
    margin-top: -7px;
    cursor: pointer;
}
/* /Components/ProjectComponents/ProjStageFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-ndyy9wiv8v] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-ndyy9wiv8v] {
    width: 578px;
    height: auto;
}

.modal-header-filter[b-ndyy9wiv8v] {
    width: 578px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-ndyy9wiv8v] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.label-style[b-ndyy9wiv8v] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
.input-filter[b-ndyy9wiv8v] {
    width: 258px;
}
.col-filter[b-ndyy9wiv8v] {
    margin-top: 17px;
}

.closepop-entrerheure[b-ndyy9wiv8v] {
    float: right;
}

.modal-body-filter[b-ndyy9wiv8v] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-ndyy9wiv8v] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-ndyy9wiv8v] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-ndyy9wiv8v] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-ndyy9wiv8v] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-ndyy9wiv8v] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ProjectComponents/QualityComponents/FilterModalQuality.razor.rz.scp.css */

.modal-dialog-filter[b-71t1b3yfeu] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-71t1b3yfeu] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-71t1b3yfeu] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-71t1b3yfeu] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-71t1b3yfeu] {
    margin-top: 17px;
}

.closepop-entrerheure[b-71t1b3yfeu] {
    float: right;
}

.modal-body-filter[b-71t1b3yfeu] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-71t1b3yfeu] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-71t1b3yfeu] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-71t1b3yfeu] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-71t1b3yfeu] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-71t1b3yfeu] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ProjectComponents/QualityComponents/ListQuality.razor.rz.scp.css */
@media screen and (max-width: 1024px) {
    .min-no[b-idd4fcmky8] {
        display: none;
    }

    .div-edit-delete[b-idd4fcmky8] {
        display: block;
        padding-top: 15px;
        float: right;
        padding-right: 15px;
    }
}
@media screen and (min-width:1700px) {
    .container-list[b-idd4fcmky8] {
        width: 171vh;
        padding-right: 1.5vh;
        padding-left: 1vh;
        margin-right: 0vh;
        margin-left: 0vh;
        position: relative;
        overflow-y: auto;
        height: 89vh;
    }

    .table-nrn[b-idd4fcmky8] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 163vh;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-idd4fcmky8] {
        width: 171vh;
        padding-right: 1.5vh;
        padding-left: 1.5vh;
        margin-right: 0vh;
        margin-left: 0vh;
        position: relative;
        overflow-y: auto;
        height: 86vh;
    }

    .table-nrn[b-idd4fcmky8] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 175vh;
        width: 164vh;
    }
}
/* /Components/ProjectComponents/QualityTypeComponents/FilterModalQualityType.razor.rz.scp.css */

.modal-dialog-filter[b-7u1hal79hy] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}
@media screen and (max-width: 1024px) {
    .modal-dialog-filter[b-7u1hal79hy] {
        max-width: 850px;
        width: 850px;
        position: fixed;
        top: 20%;
        left: 16%;
    }
}
.modal-filter-content[b-7u1hal79hy] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-7u1hal79hy] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-7u1hal79hy] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-7u1hal79hy] {
    margin-top: 17px;
}

.closepop-entrerheure[b-7u1hal79hy] {
    float: right;
}

.modal-body-filter[b-7u1hal79hy] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-7u1hal79hy] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-7u1hal79hy] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-7u1hal79hy] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-7u1hal79hy] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-7u1hal79hy] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ProjectComponents/RapportJournalierComponents/ExportModal.razor.rz.scp.css */
.modal-back[b-9tyrxl3w08] {
    background-color: rgb(240 240 244 / 75%);
}
.modal-dialog-popup[b-9tyrxl3w08] {
    max-width: 338px;
    width: 338px;
    position: fixed;
    left: 35%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
}

[b-9tyrxl3w08] .popup-footer {
    margin-top: 20px;
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-9tyrxl3w08] {
    width: 433px;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-9tyrxl3w08] {
    width: 433px;
    margin-left: 0px;
    background: #F16A6C 0% 0% no-repeat padding-box;
    height: 60px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
}
.modal-title-popup[b-9tyrxl3w08] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-9tyrxl3w08] {
    margin-left: 0px;
}

[b-9tyrxl3w08] .modal-body-add {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-9tyrxl3w08] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


input[type='checkbox'].check-custom ~ .check-toggle[b-9tyrxl3w08] {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #CAD2E5;
    border-radius: 50%;
    cursor: pointer;
}


input[type='checkbox'].check-custom:checked ~ .check-toggle[b-9tyrxl3w08] {
    background: url("icons/project_icons/Rapport/check blu.svg") center no-repeat;
    border:none;
}
input[type='checkbox'].check-custom ~ .check-toggle1[b-9tyrxl3w08] {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #CAD2E5;
    border-radius: 50%;
    cursor: pointer;
}


input[type='checkbox'].check-custom:checked ~ .check-toggle1[b-9tyrxl3w08] {
    background: url("icons/project_icons/Rapport/check vert.svg") center no-repeat;
    
}
.titlespan[b-9tyrxl3w08] {
    font-family: GravityRegular;
    font-size: 16px;
    color: #36485B;
}
.titlech[b-9tyrxl3w08] {
    font-family: GravityRegular;
    font-size: 13px;
    color: #576574;
}
/* /Components/ProjectComponents/RapportJournalierComponents/FilterModalRapport.razor.rz.scp.css */

.modal-dialog-filter[b-n5zghqvlo5] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-n5zghqvlo5] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-n5zghqvlo5] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-n5zghqvlo5] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-n5zghqvlo5] {
    margin-top: 17px;
}

.closepop-entrerheure[b-n5zghqvlo5] {
    float: right;
}

.modal-body-filter[b-n5zghqvlo5] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-n5zghqvlo5] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-n5zghqvlo5] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-n5zghqvlo5] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-n5zghqvlo5] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-n5zghqvlo5] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -82px;
}
@media screen and (max-width: 1024px) {
    .modal-filter-content[b-n5zghqvlo5] {
        margin-left: -254px;
    }
}
/* /Components/ProjectComponents/RapportJournalierComponents/RapportAppercuComponent.razor.rz.scp.css */
.jourdoc[b-nv9zuvh36w] {
    box-shadow: 0px 3px 7px #00000029;
    opacity: 1;
    width: 670px;
    margin-top: 20px;
    margin-left: auto;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.daily[b-nv9zuvh36w] {
    width: 120px;
    height: 44px;
    background: #268BFD 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 22px 0px;
    opacity: 1;
    display: flex;
}

.jourhead[b-nv9zuvh36w] {
    height: 195px;
    border-radius: 0px 0px 72px 0px;
    box-shadow: 0px 3px 6px #00000029;
    background: #F5F7F9 0% 0% no-repeat padding-box;
}

.jourfoot[b-nv9zuvh36w] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
}

.pagenum[b-nv9zuvh36w] {
    width: 75px;
    height: 33px;
    background: #268BFD 0% 0% no-repeat padding-box;
    border-radius: 22px 0px 0px 0px;
    opacity: 1;
    display: flex;
}

.menu:hover[b-nv9zuvh36w] {
    cursor: pointer;
}
/* /Components/ProjectComponents/RapportJournalierComponents/RapportConfirmedComponent.razor.rz.scp.css */
.jourdoc[b-tky2t6d444] {
    box-shadow: 0px 3px 7px #00000029;
    opacity: 1;
    width: 670px;
 
    margin-top: 20px;
    margin-left: auto;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    position:relative;
}

.daily[b-tky2t6d444] {
    width: 120px;
    height: 44px;
    background: #268BFD 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 22px 0px;
    opacity: 1;
    display:flex;
}
.jourhead[b-tky2t6d444] {
    height: 195px;
    border-radius: 0px 0px 72px 0px;
    box-shadow: 0px 3px 6px #00000029;
    background: #F5F7F9 0% 0% no-repeat padding-box;
}
.jourfoot[b-tky2t6d444] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
}
.pagenum[b-tky2t6d444] {
    width: 75px;
    height: 33px;
    background: #268BFD 0% 0% no-repeat padding-box;
    border-radius: 22px 0px 0px 0px;
    opacity: 1;
    display: flex;
}

.menu:hover[b-tky2t6d444]{
    cursor:pointer;
}
/* /Components/ProjectComponents/RapportJournalierComponents/RapportDropDown.razor.rz.scp.css */
.ulcard[b-487myme0af] {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 9px;
    opacity: 1;
    width: 146px;
    z-index: 10000;
    background-color: #fff;
    left: 140px;
    margin-top: 20px;
    list-style: none;
    position: absolute;
    padding: 0;
}
.licard[b-487myme0af] {
    cursor: pointer;
    width: 146px;
    height: 30px;
    color: #576574;
    font-family: GravityRegular;
    font-size: 10px;
    border: 0px;
    padding-top: 5px;
    border-radius: 9px;
}
    .licard:hover[b-487myme0af] {
        background-color: #fff; 
        box-shadow: 2px 2px 4px #00000040;
    }
/* /Components/ProjectComponents/RapportJournalierComponents/RapportExportComponent.razor.rz.scp.css */
.jourdoc[b-jyeyhy417r] {
    box-shadow: 0px 3px 7px #00000029;
    opacity: 1;
    width: 591px;
    height: 855px;
    margin-top: 20px;
    margin-left: auto;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    position:relative;
}

.daily[b-jyeyhy417r] {
    width: 120px;
    height: 44px;
    background: #268BFD 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 22px 0px;
    opacity: 1;
    display:flex;
}
.jourhead[b-jyeyhy417r] {
    height: 195px;
    border-radius: 0px 0px 72px 0px;
    box-shadow: 0px 3px 6px #00000029;
    background: #F5F7F9 0% 0% no-repeat padding-box;
}
.jourfoot[b-jyeyhy417r] {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0px;
    width: 100%;
    margin-top: 10px;
}
.pagenum[b-jyeyhy417r] {
    width: 75px;
    height: 33px;
    background: #268BFD 0% 0% no-repeat padding-box;
    border-radius: 22px 0px 0px 0px;
    opacity: 1;
    display: flex;
}

.menu:hover[b-jyeyhy417r]{
    cursor:pointer;
}
/* /Components/ProjectComponents/RapportJournalierComponents/RapportExportComponent2.razor.rz.scp.css */
.jourdoc[b-ky4pmr0s8h] {
    box-shadow: 0px 3px 7px #00000029;
    opacity: 1;
    width: 670px;
 
    margin-top: 20px;
    margin-left: auto;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    position:relative;
}

.daily[b-ky4pmr0s8h] {
    width: 120px;
    height: 44px;
    background: #268BFD 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 22px 0px;
    opacity: 1;
    display:flex;
}
.jourhead[b-ky4pmr0s8h] {
    height: 195px;
    border-radius: 0px 0px 72px 0px;
    box-shadow: 0px 3px 6px #00000029;
    background: #F5F7F9 0% 0% no-repeat padding-box;
}
.jourfoot[b-ky4pmr0s8h] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
}
.pagenum[b-ky4pmr0s8h] {
    width: 75px;
    height: 33px;
    background: #268BFD 0% 0% no-repeat padding-box;
    border-radius: 22px 0px 0px 0px;
    opacity: 1;
    display: flex;
}

.menu:hover[b-ky4pmr0s8h]{
    cursor:pointer;
}
/* /Components/ProjectComponents/RapportJournalierComponents/RapportJournalierListComponent.razor.rz.scp.css */
.navelm[b-lml2l2r4j4] {
    margin-left: 15px;
    font-family: GravityRegular;
}
.navelmselc[b-lml2l2r4j4] {
    margin-left: 15px;
    border-bottom: 5px solid #268BFD;
    cursor: pointer;
    font-family: GravityBold;
}
.navelm:hover[b-lml2l2r4j4] {
    font-family: GravityBold;
    border-bottom: 5px solid #268BFD;
    cursor: pointer;
}
.navtext[b-lml2l2r4j4] {
    text-align: left;
   
    letter-spacing: 0.35px;
    color: #4C4C4C;
    opacity: 1;
    font-size: 14px;
    margin: auto;
    padding-top: 10px;
}
/* /Components/ProjectComponents/RapportJournalierComponents/RapportSectionComponents/WorksComponent.razor.rz.scp.css */
.theaddoc[b-n4m630ofwl] {
    color: #222F3E;
    font-family: GravityBold;
    font-size: 11px;
}
/* /Components/ProjectComponents/RapportJournalierComponents/ViewBoxComponent.razor.rz.scp.css */
.prj-card[b-fc7wddhh77] {
    width: 305px;
    height: 392px;
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 15%, 80% 0);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  
}
.prj-shadow[b-fc7wddhh77] {
    filter: drop-shadow(3px 3px 6px #00000029);
}
.icon-header-prj[b-fc7wddhh77]{
    width:42px;
    height:42px;
}

.triangle[b-fc7wddhh77] {
    clip-path: polygon(0 0, 100% 100%, 0 100%);
    width: 60px;
    height: 60px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}
.triangle-shadow[b-fc7wddhh77] {
    filter: drop-shadow(3px 3px 6px #00000029);
}
/* /Components/ProjectComponents/RapportJournalierComponents/ViewListComponent.razor.rz.scp.css */
@media screen and (min-width:1700px) {
    .container-list[b-3gony1oevb] {
        width: 171.5vh;
        padding-right: 1.5vh;
        padding-left: 1vh;
        margin-right: auto;
        margin-left: 0vh;
        position: relative;
        overflow-y: auto;
        height: 89vh;
    }

    .table-nrn[b-3gony1oevb] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 163vh;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-3gony1oevb] {
        width: 171vh;
        padding-right: 1.5vh;
        padding-left: 1.5vh;
        margin-right: 0vh;
        margin-left: 0vh;
        position: relative;
        overflow-y: auto;
        height: 86vh;
    }

    .table-nrn[b-3gony1oevb] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 175vh;
        width: 164vh;
    }
}
/* /Components/ProjectComponents/ResourcesAssignment/GeneralContentComponent.razor.rz.scp.css */
.dtime[b-n7hpn0iah3] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    height: 32px !important;
}

[b-n7hpn0iah3] .select-entry-style {
    font-family: 'GravityRegular' !important;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
    /*  margin-left: 17px;*/
    background-color: transparent;
    border: transparent;
}
.span-username-res-id[b-n7hpn0iah3] {
    margin-top: -28px;
    margin-left: 27px;
    font-family: 'GravityRegular';
    font-size: 12px;
    /*color: #8395A7;*/
    color: #7A91AA;
    opacity: 1;
}

.dtime:focus[b-n7hpn0iah3] {
    box-shadow: 0 0 0 0.09rem rgb(204 204 204);
    background-position: bottom 9px right 10px;
    background-color: transparent;
}
.form-control:disabled[b-n7hpn0iah3] {
    background-color: transparent;
    opacity: 1;
}


input[type="datetime-local"][b-n7hpn0iah3]::-webkit-calendar-picker-indicator {
    background-image: url('/icons/icon calnedrier.svg');
}

    input[type="datetime-local"][b-n7hpn0iah3]::-webkit-calendar-picker-indicator:hover {
        cursor: pointer;
    }
.input-date-heure[b-n7hpn0iah3] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'GravityRegular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}
input[type='time'][b-n7hpn0iah3]::-webkit-calendar-picker-indicator {
    width: 18%;
    position: absolute;
    margin-left: -21px;
    background: transparent;
    cursor: pointer !important;
}
.border-input:hover[b-n7hpn0iah3] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}
.border-input:focus[b-n7hpn0iah3] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
}
@media screen and (min-width:1700px) {
    .heightAtt[b-n7hpn0iah3] {
        height: 96vh;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .heightAtt[b-n7hpn0iah3] {
        height: 96vh;
    }
}
/* /Components/ProjectComponents/SearchDiv.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.search-div[b-30d2nzxx1l] {
    border-left: 1px solid #CAD2E5;
    border-right: 1px solid #CAD2E5;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}

    .search-div:hover[b-30d2nzxx1l] {
        cursor: pointer;
        border-left: 1px solid #CAD2E5;
        border-right: 1px solid #CAD2E5;
        color: #576574;
        font-family: 'Franklin Gothic Medium Regular';
        font-size: 15px;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
    }
/* /Components/ProjectComponents/SecondHeader.razor.rz.scp.css */

.second-header-div[b-z8kjx3k7y0] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    height: 55px;
}
/* /Components/ProjectComponents/SecondHeaderDetail.razor.rz.scp.css */
.second-header-div[b-n9fxtm9wod] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    height: 55px;
}
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-n9fxtm9wod]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}


.card-info[b-n9fxtm9wod] {
    max-width: 100%;
    border-radius: 0px;
    margin-top: -5px;
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.img-statut[b-n9fxtm9wod] {
    height: 44px;
    width: 44px;
    margin-top: 6px;
    margin-left: -13px;
}

.input-style[b-n9fxtm9wod] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*    max-width:174px;
    min-width:127px;*/
    height: 35px;
    width: 90%;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 15px;
    color: #35414C;
    padding: 14px;
}

.span-number[b-n9fxtm9wod] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-title[b-n9fxtm9wod] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.c1[b-n9fxtm9wod], .c2[b-n9fxtm9wod] {
    display: inline-table;
}

.span-task-number[b-n9fxtm9wod] {
    margin-left: 10px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-task-name[b-n9fxtm9wod] {
    margin-left: 10px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-date-creation[b-n9fxtm9wod] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 13px;
}

.span-source[b-n9fxtm9wod] {
    font-family: 'Franklin Book Regular';
    text-align: left;
    font-size: 11px;
    color: #35414C;
    margin-left: 4px;
}

.label-per[b-n9fxtm9wod] {
    font-family: 'Franklin Gothic Book Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    margin-bottom: 0px;
}

@media(min-width:1220px) {
    .label-per[b-n9fxtm9wod] {
        margin-left: 123px;
    }
}

.prog-style[value][b-n9fxtm9wod] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    margin-top: 1px;
    width: 90%;
    height: 8px;
    margin-left: 15px;
}

    .prog-style[value][b-n9fxtm9wod]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .prog-style[value][b-n9fxtm9wod]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.datestyle[b-n9fxtm9wod] {
    overflow: visible;
    width: 80px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: rgba(87,101,116,1);
}

.dateimg[b-n9fxtm9wod] {
    width: 14px;
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 2px;
}

.div-left-menu[b-n9fxtm9wod] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border: 0.25px solid #E6E6E6;
    opacity: 1;
    display: flex;
    flex-direction: row;
    margin-top: -7px;
    padding: 0px;
}

.div-ressource[b-n9fxtm9wod] {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 187px;
    left: 771px;
}

.show[b-n9fxtm9wod] {
    display: block;
}

.hide[b-n9fxtm9wod] {
    display: none;
}

.btn-assignto[b-n9fxtm9wod] {
    position: absolute;
    top: 150px;
    left: 781px;
    height: 43px;
    width: 149px;
    margin-left: -25px;
    border: none;
    background-color: transparent;
    outline: none !important;
    cursor: pointer;
}
/*   ------------------------------------------------ */

.div-taskdetail-header[b-n9fxtm9wod] {
    display: inline-table;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    width: 100%;
}

.div-container-taskdetail[b-n9fxtm9wod] {
    display: flex;
    flex-direction: row;
}

.div-taskdetail-left[b-n9fxtm9wod] {
    max-width: 986px;
    min-width: 632px;
    padding: 0px;
    margin-top: -3px;
}

.div-scroll-items[b-n9fxtm9wod] {
    overflow-y: scroll;
    height: calc(100vh - 320px);
}

.div-leftmenu-container[b-n9fxtm9wod] {
    min-width: 337px;
    max-width: 393px;
}

.div-dash[b-n9fxtm9wod] {
    padding: 0px;
    display: none;
}

@media only screen and (max-width: 800px) {
    .card-info[b-n9fxtm9wod] {
        width: 760px;
    }
}

@media only screen and (max-width: 1300px) {
    .div-container-taskdetail[b-n9fxtm9wod] {
        overflow: scroll;
    }

    .img-map[b-n9fxtm9wod] {
        width: 335px;
    }
}

@media only screen and (max-width: 1250px) {
    /*    .input-style {
        max-width: 127px;
        min-width: 107px;
        
    }*/
    .label-per[b-n9fxtm9wod] {
        text-align: end;
    }

    .prog-style[b-n9fxtm9wod] {
        width: 85%;
    }
}

@media only screen and (min-width: 1250px) {
    .input-style[b-n9fxtm9wod] {
        /*    max-width: 174px;
        min-width: 123px;*/
    }
}

@media only screen and (max-width: 1290px) {
    .card-info-body[b-n9fxtm9wod] {
        /*        padding-left: 10px;
*/ padding-right: 20px;
    }
}

@media only screen and (max-width: 1320px) {
}

.label-per[b-n9fxtm9wod] {
    margin-left: 93px;
}

.prog-style[b-n9fxtm9wod] {
    width: 85%;
}

}

@media only screen and (min-width: 1250px) {
    .input-style[b-n9fxtm9wod] {
        max-width: 174px;
        min-width: 123px;
    }
}

@media only screen and (max-width: 1290px) {
    .card-info-body[b-n9fxtm9wod] {
        /*        padding-left: 10px;
*/ padding-right: 20px;
    }
}

@media (min-width:960px) {
    .taskdetail-col-sec[b-n9fxtm9wod] {
        /*padding-left: 31px;*/
    }
}

@media only screen and (max-width: 1320px) {

    /* .div-espace-note {
     margin-left:9px !important;
    }*/
    /*   .btnstyle {
        padding: 0px;
    }*/
}

.btnstyle[b-n9fxtm9wod], .btn-competence[b-n9fxtm9wod], .btnstyle-note[b-n9fxtm9wod] {
    width: 100% !important;
    display: grid !important;
    justify-items: center !important;
}

.div-box-action[b-n9fxtm9wod] {
    width: 57px;
    height: 54px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    z-index: 1;
}

.img-action[b-n9fxtm9wod] {
    width: 28px;
    height: 26px;
    margin-left: 15px;
    margin-top: 14px;
}

.ul-action[b-n9fxtm9wod] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #40414240;
    border-radius: 5px;
    opacity: 1;
    width: 164px;
    height: 84px;
    z-index: 1;
}

.li-action[b-n9fxtm9wod] {
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
}

@media (max-width: 1224px) {
    .span-task-name[b-n9fxtm9wod] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 16ch;
        display: block;
        vertical-align: middle;
    }
}

.taskdetail-firstrow[b-n9fxtm9wod] {
    display: flex;
    flex-direction: row;
    margin-left: 20px;
}

.taskdetail-secondrow[b-n9fxtm9wod] {
    display: flex;
    flex-direction: row;
    margin-left: 29px;
    margin-top: 14px;
}

.taskdetail-col[b-n9fxtm9wod] {
    display: flex;
    flex-direction: column;
    height: 85px;
    padding: 0px !important;
}

.taskdetail-col-first[b-n9fxtm9wod] {
    display: flex;
    flex-direction: column;
}

.taskdetail-col-sec[b-n9fxtm9wod] {
    display: flex;
    flex-direction: column;
}
/*@media (min-width:925px) {
    .div-cont-prj {
        top: unset !important;
    }
}
@media (max-width:1182px) {
    .div-cont-prj {
        top: unset !important;
    }
}*/




.card-infos-container[b-n9fxtm9wod] {
    display: flex;
    width: 100%;
}

.div-taskdetail-first[b-n9fxtm9wod] {
    min-width: 201px;
}

.div-taskdetail-col[b-n9fxtm9wod] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
    min-width: 201px;
    max-width: 250px;
}

.icon-project-code[b-n9fxtm9wod] {
    width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
}
/* /Components/ProjectComponents/SecurityTypeComponents/FilterModalSecurityType.razor.rz.scp.css */

.modal-dialog-filter[b-nb6wt6oatw] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}
@media screen and (max-width: 1024px) {
    .modal-dialog-filter[b-nb6wt6oatw] {
        max-width: 850px;
        width: 850px;
        position: fixed;
        top: 20%;
        left: 16%;
    }
}
.modal-filter-content[b-nb6wt6oatw] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-nb6wt6oatw] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-nb6wt6oatw] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-nb6wt6oatw] {
    margin-top: 17px;
}

.closepop-entrerheure[b-nb6wt6oatw] {
    float: right;
}

.modal-body-filter[b-nb6wt6oatw] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-nb6wt6oatw] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-nb6wt6oatw] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-nb6wt6oatw] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-nb6wt6oatw] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-nb6wt6oatw] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ProjectComponents/SuiviBilanComponents/SuiviBilanPageComponent.razor.rz.scp.css */
*[b-qtqomozx0k] {
    box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
    .ipad-calendar[b-qtqomozx0k] {
        display: none;
        width:0%;
    }
    .ipad-budget[b-qtqomozx0k]{
        width:63%!important;
    }
}
.selected[b-qtqomozx0k]{
    border-radius:50%;
}
.threeboxs[b-qtqomozx0k] {
    /*display: grid;
    grid-template-columns: 1fr 1fr 1fr;*/
    /*display: flex;
    /*display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    flex-direction: column;*/
}

.column[b-qtqomozx0k] {
    float: left;
    width: 25%;
    padding: 0 10px;
}


.div-scrol[b-qtqomozx0k] {
    overflow-y: auto !important;
    height: calc(100vh - 275px) !important;
}

.row-card[b-qtqomozx0k] {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    overflow-y: auto !important;
    /*    height: calc(100vh - 275px) !important;
*/
}

.card-boxshadow[b-qtqomozx0k] {
    margin-bottom: 12px;
    margin-top: 28px;
}

.row[b-qtqomozx0k]:after {
    content: "";
    display: table;
    clear: both;
}

.columnthree[b-qtqomozx0k] {
    width: 47% !important;
    background: #ced6e087 0% 0% no-repeat padding-box;
    border-radius: 10px;
    margin-top: 40px;
    margin-left: 16px;
    margin-right: 4px;
    /*   height: calc(100vh - 162px) !important;
*/
}
/* Responsive columns */
@media screen and (max-width: 600px) {
    .column[b-qtqomozx0k] {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
}

/* Style the counter cards */
.card[b-qtqomozx0k] {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    /*    padding: 16px;
*/ /*text-align: center;*/
    background-color: #FFFFFF;
    margin-bottom: 20px;
    font-family: 'GravityRegular';
}

.div-group-child[b-qtqomozx0k] {
    display: flex;
    flex-direction: column;
    /*    margin-left: 10px;

*/
}

.contenu-card[b-qtqomozx0k] {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
}

.card-header[b-qtqomozx0k] {
    display: flex;
    background-color: #ffffff;
}



[b-qtqomozx0k] .card-footer {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 50px;
    background-color: #ffffff;
}

[b-qtqomozx0k] .foot-btn {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    height: 50px;
    margin-top: -12px;
    padding: 15px;
}

    [b-qtqomozx0k] .foot-btn:hover {
        cursor: pointer;
    }

[b-qtqomozx0k] .card-footer .foot-btn:last-child {
    border: none;
}

p[b-qtqomozx0k] {
    float: left;
}

.div-grid[b-qtqomozx0k] {
    padding-right: 20px;
    padding-bottom: 6px;
}
.round[b-qtqomozx0k] {
    margin-top: 25px;
    width: 50px;
    height: 50px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 50%;
    float: right;
    text-align:center;
    margin-right: 20px;
}
.span-round[b-qtqomozx0k] {
    font-size: 34px;
    font-weight: bold;
    font-family: 'GravityBold';
}
.span-round-title[b-qtqomozx0k] {
    font-family: 'GravityBold';
    font-size: 15px;
    margin-bottom: 5px;
    color: #576574;
}

[b-qtqomozx0k] .prog-style[value] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    margin-top: 1px;
    width: 85%;
    min-width:70%;
    margin-left: 0px;
    margin-bottom: 9px;
}

    [b-qtqomozx0k] .prog-style[value]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    [b-qtqomozx0k] .prog-styleres[value]::-webkit-progress-value {
        background-color: #46C1C1;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

[b-qtqomozx0k] .prog-styleext[value]::-webkit-progress-value {
    background-color: #FD7B38;
    border-radius: 7px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
.datepicker[b-qtqomozx0k]::-webkit-calendar-picker-indicator {
    visibility:visible;
}

/*#region Calendar */



.container-cal[b-qtqomozx0k] {
    width: 100% !important;
    /*  padding-right: 15px;
    padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
}
body[b-qtqomozx0k]{
    background-color:unset!important;
}
/* ---------- CALENDAR ---------- */

.calendar[b-qtqomozx0k] {
    text-align: center;
}

    .calendar header[b-qtqomozx0k] {
        position: relative;
    }

    .calendar h2[b-qtqomozx0k] {
        text-transform: uppercase;
    }

    .calendar thead[b-qtqomozx0k] {
        font-weight: 600;
        text-transform: uppercase;
    }

    .calendar tbody[b-qtqomozx0k] {
        color: black;
    }

        .calendar tbody td:hover[b-qtqomozx0k] {
            /*         border: 2px solid #268BFD;*/
            cursor: pointer;
            

        }

    .calendar td[b-qtqomozx0k] {
        /*        border: 2px solid transparent;    border-radius: 50%;
*/
        border: 0px solid #F0F0F0;
        display: inline-block;
        height: 11%;
        line-height: 2.8em;
        text-align: center;
        width: 13%;
    }

    .calendar .prev-month[b-qtqomozx0k],
    .calendar .next-month[b-qtqomozx0k] {
        color: #cbd1d2;
    }

        .calendar .prev-month:hover[b-qtqomozx0k],
        .calendar .next-month:hover[b-qtqomozx0k] {
            /*            border: 2px solid #cbd1d2;
*/
        }

.current-day[b-qtqomozx0k] {
    background: #00addf;
    color: #f9f9f9;
}

.event[b-qtqomozx0k] {
    cursor: pointer;
    position: relative;
}

    .event[b-qtqomozx0k]:after {
        background: #00addf;
        border-radius: 50%;
        bottom: .5em;
        display: block;
        content: '';
        height: .5em;
        left: 50%;
        margin: -.25em 0 0 -.25em;
        position: absolute;
        width: .5em;
    }

    .event.current-day[b-qtqomozx0k]:after {
        background: #f9f9f9;
    }

.btn-prev[b-qtqomozx0k],
.btn-next[b-qtqomozx0k] {
    /* border: 2px solid #cbd1d2;*/
    border-radius: 0%;
    color: #cbd1d2;
    /*    height: 2em;*/
    font-size: .75em;
    line-height: 2em;
    margin: -1em;
    position: absolute;
    /*top: 50%;
    width: 2em;*/
    top: 19px;
    height: 10px;
    width: 10px;
}

    .btn-prev:hover[b-qtqomozx0k],
    .btn-next:hover[b-qtqomozx0k] {
        /*        background: #cbd1d2;*/
        color: #f9f9f9;
    }

.btn-prev[b-qtqomozx0k] {
    left: 5em;
}

.btn-next[b-qtqomozx0k] {
    right: 5em;
}

.header-tab[b-qtqomozx0k] {
    font-family: 'GravityBold' !important;
    font-size: 13.02px !important;
    letter-spacing: 0px !important;
    color: #8395A7 !important;
    opacity: 1 !important;
}

input[type="month"][b-qtqomozx0k]::-webkit-calendar-picker-indicator {
    opacity: 0;
    background: black;
    width: 140px;
    z-index: 1;
    position: absolute;
    right: 20px;
}

.spancountabs[b-qtqomozx0k] {
    font-family: 'Franklin Gothic Demi Regular';
    border-radius: 50%;
    /* border: 1px solid #4b6584; */
    /* background: #4b6584; */
    color: #4b6584;
    font-size: 12px;
    padding-bottom: -4px;
    position: absolute;
    margin-top: 6px;
    margin-left: -19px;
    font-size: 14px;
    width: 21px;
    height: 21px;
    line-height: 17px;
}

.input-date-m[b-qtqomozx0k] {
    background: transparent;
    text-align: center;
    border: none;
    outline: none;
    color: #303542;
    font-size:17px;
    font-family:'GravityBold';
}

.color-count-b[b-qtqomozx0k] {
    color: #006df0;
}

.color-count-o[b-qtqomozx0k] {
    color: #ff9f43;
}

.color-count-g[b-qtqomozx0k] {
    color: #1dd1a1;
}

@media(min-width:1700px) {
    .div-number[b-qtqomozx0k] {
        margin-left: 17px;

    }
    .selected[b-qtqomozx0k] {
        width: 50%;
        height: 50%;
    }
}

@media (min-width:1338px ) and (max-width:1700px) {
    .div-number[b-qtqomozx0k] {
        padding-left: 6%;
        padding-right: 4%;
        MARGIN-LEFT: 7px;
    }
}

@media(max-width:1338px) {

    .div-number[b-qtqomozx0k] {
        padding-left: 6%;
        padding-right: 4%;
    }
}

.div-months[b-qtqomozx0k] {
    width: 100%;
    height: 42.56px;
    box-shadow: 1px 1px 2px #0000003b;
}

.arrow[b-qtqomozx0k] {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.right1[b-qtqomozx0k] {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left1[b-qtqomozx0k] {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.selected[b-qtqomozx0k] {
    background-color: #268BFD;
    color: white;
    font-family: 'GravityBold';
}
/*#endregion */
/* /Components/ProjectComponents/TachesBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-x04bnfsdzu] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-x04bnfsdzu] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-x04bnfsdzu] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-x04bnfsdzu] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-x04bnfsdzu], .btn-style:focus-visible[b-x04bnfsdzu], .btn-style:active[b-x04bnfsdzu] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-x04bnfsdzu] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-x04bnfsdzu] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/ProjectComponents/TeamComponents/FilterModalResourceAssign.razor.rz.scp.css */

.modal-dialog-filter[b-3rawlrhuks] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-3rawlrhuks] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-3rawlrhuks] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-3rawlrhuks] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-3rawlrhuks] {
    margin-top: 17px;
}

.closepop-entrerheure[b-3rawlrhuks] {
    float: right;
}

.modal-body-filter[b-3rawlrhuks] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-3rawlrhuks] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-3rawlrhuks] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-3rawlrhuks] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-3rawlrhuks] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-3rawlrhuks] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/ProjectComponents/TeamComponents/ListTeam.razor.rz.scp.css */
@media only screen and (max-width: 1050px) {
    .container-list[b-uzsttgr3tn] {
        width: 1200px;
        overflow: scroll;
    }
}
@media screen and (min-width:1700px) {
    .container-list[b-uzsttgr3tn] {
        width: 171.5vh;
        padding-right: 1.5vh;
        padding-left: 1vh;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: auto;
        height: 89vh;
    }
    .table-nrn[b-uzsttgr3tn] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 163vh;
     }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-uzsttgr3tn] {
        width: 171vh;
        padding-right: 1.5vh;
        padding-left: 1.5vh;
         margin-right: 0vh; 
         margin-left: 0vh; 
        position: relative;
        overflow-y: auto;
        height: 86vh;
    }
    .table-nrn[b-uzsttgr3tn] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 175vh;
        width: 164vh;
    }
}
/* /Components/ProjectComponents/TravauxComponents/AddTaskModal.razor.rz.scp.css */
.select-entry-style[b-xkp75ehrf8] {
    width: 100%;
    border: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 98% / 3% no-repeat white !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    /* padding-left: 31px;*/
}
/*
    .form-control:focus {
    /* box-shadow: 0 0 0 0.09rem rgb(204 204 204) !important;*/
/*background: white !important;*/
}
*/
.datecss[b-xkp75ehrf8]::-webkit-calendar-picker-indicator {
    background: transparent !important;
    color: transparent;
    cursor: pointer;
    position: absolute;
    left: 0px;
    width: 170px;
    height: 34px;
   top: 0!important;  
}
.span-username-res-id[b-xkp75ehrf8] {
    margin-top: -28px;
    margin-left: 30px;
    font-family: 'GravityRegular';
    font-size: 12px;
    /*color: #8395A7;*/
    color: #7A91AA;
    opacity: 1;
}
/* /Components/ProjectComponents/TravauxComponents/TravauxGridComponent.razor.rz.scp.css */
.top[b-7lal4yifq9] {
    display:flex;
    width:100%;
}
.div-top[b-7lal4yifq9]{
    width:50%;
}
.date-style[b-7lal4yifq9] {
    margin-left: 15px;
    padding-left: 15px;
}
[b-7lal4yifq9] .img-stat-large {
    width: 43px;
    height: 45px;
    margin-top: 16px;
}
.icon-st[b-7lal4yifq9] {
    margin-left: 31px;
    margin-top: -1px;
}

[b-7lal4yifq9] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}
.icon-menu[b-7lal4yifq9] {
    padding-left: 17px;
    margin-top: 21px;
    padding-right: 5px;
    width: 27px;
    cursor: pointer;
}
.table-nrn[b-7lal4yifq9] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-7lal4yifq9] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-7lal4yifq9] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-7lal4yifq9] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-7lal4yifq9] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-7lal4yifq9] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-7lal4yifq9] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-7lal4yifq9] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-7lal4yifq9] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-7lal4yifq9] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-7lal4yifq9] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}
.drop-down-ul[b-7lal4yifq9] {
    margin-top: 63px;
    margin-left: -61px;
    position: absolute;
    width: 207px;
    height: auto;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #576574;
    list-style: none;
    background: #FFFFFF 0% 0% no-repeat;
    box-shadow: 3px 3px 8px #00000040;
    z-index: 1003;
}
.li-tr[b-7lal4yifq9] {
    width: auto;
    height: 41px;
     border-bottom: 0px;
    padding-top: 9px;
    margin-left: -40px;
    cursor: pointer;
    border-bottom: 1.5px solid #00000010;
}
.li-span[b-7lal4yifq9] {
    margin-left: 12px;
}
.li-img[b-7lal4yifq9] {
    margin-right: 5px;
    margin-top: -3px;
    margin-left: 20px;
}
.hide[b-7lal4yifq9]{
    display:none;
}
.somme-triang[b-7lal4yifq9] {
    margin-top: 45px;
    margin-left: 136px;
    position: absolute;
    text-shadow: 0px -1px 3px #00000029;
    color: #fff;
    width: 60px;
    transform: scaleX(1.2);
    transform: scaleY(1.5) scaleX(2);
}


[b-7lal4yifq9] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-7lal4yifq9] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-7lal4yifq9] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-7lal4yifq9] {
        display: block;
    }

[b-7lal4yifq9] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-7lal4yifq9] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}



[b-7lal4yifq9] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-7lal4yifq9] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 20px;
}

[b-7lal4yifq9] .btn-del {
    height: 15px;
    width: 13px;
}

[b-7lal4yifq9] .cen-select {
    margin-top: 15px;
}

[b-7lal4yifq9] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-7lal4yifq9] .fa {
    padding-left: 8px;
    float: none !important;
}

progress[b-7lal4yifq9]::-webkit-progress-value {
    background: #0898D7;
}
.progr-bar[b-7lal4yifq9] {
    width: 84px;
    height: 6px;
    margin-left: 0;
    margin-top:4px;
 }
.span-bar[b-7lal4yifq9] {
    margin-top: -10px;
    padding-left: 39px;
    /* padding-left: 19px; */
    margin-left: 15px;
}
.div-group-grid[b-7lal4yifq9] {
    display: grid;
}
.img-emplac[b-7lal4yifq9] {
    width: 17px;
    margin-left: 13px;
    margin-top: -7px;
    cursor:pointer;
}
.gridheader[b-7lal4yifq9]{
    width:auto;
}
@media only screen and (max-width: 1050px) {
    .gridheader[b-7lal4yifq9] {
        width: 100px;
    }
}
/* /Components/ProjectComponents/TravauxComponents/TravauxListComponent.razor.rz.scp.css */
[b-bn1m6fdw21] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}
@media screen and (min-width:1700px) {
    .container-list[b-bn1m6fdw21] {
        width: 177.5vh;
        padding-right: 1.5vh;
        padding-left: 2vh;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: auto;
        height: 89vh;
    }

    .table-nrn[b-bn1m6fdw21] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
    }

    .table[b-bn1m6fdw21] {
        width: 146vh;
        margin-bottom: 1rem;
        color: #212529;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-bn1m6fdw21] {
        width: 171vh;
        padding-right: 1.5vh;
        padding-left: 2.5vh;
        margin-right: 0vh;
        margin-left: 0vh;
        position: relative;
        overflow-y: auto;
        height: 86vh;
    }

    .table-nrn[b-bn1m6fdw21] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 175vh;
        width: 164vh;
    }
}
    

  

    td[b-bn1m6fdw21] {
        height: unset !important;
        width: 7%;
    }

    [b-bn1m6fdw21]::-webkit-scrollbar {
        width: 0.1px;
        height: 9px;
    }

    .progress-bar[b-bn1m6fdw21] {
        background-color: unset;
        width: 93px;
        height: 6px;
        margin-left: -33px;
        margin-top: 13px;
    }

    [b-bn1m6fdw21]::-webkit-scrollbar-track {
        background: #dcdcdc9c !important;
        border-radius: 8px;
    }

    [b-bn1m6fdw21]::-webkit-scrollbar-thumb {
        background: #7c7b7bb3 !important;
        border-radius: 18px;
    }

    [b-bn1m6fdw21] .img-roundList {
        margin-top: 1px;
        margin-right: 4px;
    }

    [b-bn1m6fdw21] .dot-red {
        height: 8px;
        width: 8px;
        background-color: #ea6852;
        border-radius: 50%;
        display: inline-block;
    }

    [b-bn1m6fdw21] .dot-turq {
        height: 8px;
        width: 8px;
        background-color: #63d4e3;
        border-radius: 50%;
        display: inline-block;
    }

    [b-bn1m6fdw21] .dot-blue {
        height: 8px;
        width: 8px;
        background-color: #019CB1;
        border-radius: 50%;
        display: inline-block;
    }

    [b-bn1m6fdw21] .dot-greenLght {
        height: 8px;
        width: 8px;
        background-color: #36df33;
        border-radius: 50%;
        display: inline-block;
    }

    [b-bn1m6fdw21] .dot-green {
        height: 8px;
        width: 8px;
        background-color: #33a02c;
        border-radius: 50%;
        display: inline-block;
    }

    [b-bn1m6fdw21] .dot-purple0 {
        height: 8px;
        width: 8px;
        background-color: #bc95df;
        border-radius: 50%;
        display: inline-block;
    }

    [b-bn1m6fdw21] .dot-purple {
        height: 8px;
        width: 8px;
        background-color: #710dcb;
        border-radius: 50%;
        display: inline-block;
    }

    [b-bn1m6fdw21] .span-code {
        font-family: 'GravityRegular';
        font-size: 14px;
        text-align: left;
        letter-spacing: 0px;
        color: #7A91AA;
        opacity: 1;
        text-align: left;
    }

    [b-bn1m6fdw21] .span-name {
        opacity: 1;
        font-family: 'GravityRegular';
        font-size: 15px;
        text-align: left;
        letter-spacing: 0px;
        color: #35414C;
    }

    .tr-list-nrn[b-bn1m6fdw21] {
        border-top: none !important;
        font-family: 'GravityRegular';
        font-size: 14px;
        text-align: left;
        letter-spacing: 0px;
        color: #35414C;
        cursor: default !important;
        height: 53px;
    }

    [b-bn1m6fdw21] .tr-list-nrn:hover .div-edit-delete {
        display: block;
        padding-top: 15px;
        float: right;
        padding-right: 15px;
    }


    .tr-list-nrn:hover[b-bn1m6fdw21] {
        cursor: pointer;
        background: #FFFFFF;
        box-shadow: 2px 1px 4px #00000040;
        border-radius: 5px;
    }

        .tr-list-nrn:hover .select-cercle[b-bn1m6fdw21] {
            display: none;
        }

        .tr-list-nrn:hover .select-cercle-selected[b-bn1m6fdw21] {
            display: block;
        }

    [b-bn1m6fdw21] .span-num:hover {
        text-decoration: underline;
        color: #34B8F2;
        cursor: pointer;
    }

    [b-bn1m6fdw21] td {
        padding: 0rem !important;
        padding-top: 4px;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
        height: 53px;
    }



    [b-bn1m6fdw21] .div-group {
        display: flex;
        padding-top: 4px;
    }

    [b-bn1m6fdw21] .btn-edit {
        height: 15px;
        width: 15px;
        margin-right: 20px;
    }

    [b-bn1m6fdw21] .btn-del {
        height: 15px;
        width: 13px;
    }

    [b-bn1m6fdw21] .cen-select {
        margin-top: 15px;
    }

    [b-bn1m6fdw21] .div-group-center {
        display: flex;
        padding-top: 13px;
    }

    [b-bn1m6fdw21] .fa {
        padding-left: 8px;
        float: none !important;
    }

    .top[b-bn1m6fdw21] {
        display: flex;
        width: 100%;
    }

    .div-top[b-bn1m6fdw21] {
        width: 50%;
    }

    .date-style[b-bn1m6fdw21] {
        margin-left: 15px;
        padding-left: 15px;
    }

    [b-bn1m6fdw21] .img-stat-large {
        width: 43px;
        height: 45px;
        margin-top: 16px;
    }

    .icon-st[b-bn1m6fdw21] {
        margin-left: 31px;
        margin-top: -1px;
    }

    [b-bn1m6fdw21] .th-header-nrn {
        border-top: none !important;
        font-family: 'GravityBold';
        font-size: 14px;
        letter-spacing: 0px;
        color: #024662;
        padding-top: 28px !important;
    }

    .icon-menu[b-bn1m6fdw21] {
        padding-left: 17px;
        padding-right: 5px;
        width: 27px;
        cursor: pointer;
    }

    .table-nrn[b-bn1m6fdw21] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 1374px;
    }

    [b-bn1m6fdw21] .dot-red {
        height: 8px;
        width: 8px;
        background-color: #ea6852;
        border-radius: 50%;
        display: inline-block;
    }

    [b-bn1m6fdw21] .dot-turq {
        height: 8px;
        width: 8px;
        background-color: #63d4e3;
        border-radius: 50%;
        display: inline-block;
    }

    [b-bn1m6fdw21] .dot-blue {
        height: 8px;
        width: 8px;
        background-color: #019CB1;
        border-radius: 50%;
        display: inline-block;
    }

    [b-bn1m6fdw21] .dot-greenLght {
        height: 8px;
        width: 8px;
        background-color: #36df33;
        border-radius: 50%;
        display: inline-block;
    }

    [b-bn1m6fdw21] .dot-green {
        height: 8px;
        width: 8px;
        background-color: #33a02c;
        border-radius: 50%;
        display: inline-block;
    }

    [b-bn1m6fdw21] .dot-purple0 {
        height: 8px;
        width: 8px;
        background-color: #bc95df;
        border-radius: 50%;
        display: inline-block;
    }

    [b-bn1m6fdw21] .dot-purple {
        height: 8px;
        width: 8px;
        background-color: #710dcb;
        border-radius: 50%;
        display: inline-block;
    }

    [b-bn1m6fdw21] .span-code {
        font-family: 'GravityRegular';
        font-size: 14px;
        text-align: left;
        letter-spacing: 0px;
        color: #7A91AA;
        opacity: 1;
        text-align: left;
    }

    [b-bn1m6fdw21] .span-name {
        opacity: 1;
        font-family: 'GravityRegular';
        font-size: 15px;
        text-align: left;
        letter-spacing: 0px;
        color: #35414C;
    }

    .tr-list-nrn[b-bn1m6fdw21] {
        border-top: none !important;
        font-family: 'GravityRegular';
        font-size: 14px;
        text-align: left;
        letter-spacing: 0px;
        color: #35414C;
        cursor: default !important;
        height: 53px;
    }

    .drop-down-ul[b-bn1m6fdw21] {
        margin-top: 63px;
        margin-left: -61px;
        position: absolute;
        width: 207px;
        height: auto;
        font-size: 14px;
        font-family: 'GravityRegular';
        color: #576574;
        list-style: none;
        background: #FFFFFF 0% 0% no-repeat;
        box-shadow: 3px 3px 8px #00000040;
        z-index: 1003;
    }

    .li-tr[b-bn1m6fdw21] {
        width: auto;
        height: 41px;
        border-bottom: 0px;
        padding-top: 9px;
        margin-left: -45px;
        cursor: pointer;
        border-bottom: 1.5px solid #00000010;
    }

    .li-span[b-bn1m6fdw21] {
        margin-left: 12px;
    }

    .li-img[b-bn1m6fdw21] {
        margin-right: 5px;
        margin-top: -3px;
        margin-left: 20px;
    }

    .hide[b-bn1m6fdw21] {
        display: none;
    }

    .somme-triang[b-bn1m6fdw21] {
        margin-top: 45px;
        margin-left: 136px;
        position: absolute;
        text-shadow: 0px -1px 3px #00000029;
        color: #fff;
        width: 60px;
        transform: scaleX(1.2);
        transform: scaleY(1.5) scaleX(2);
    }


    [b-bn1m6fdw21] .tr-list-nrn:hover .div-edit-delete {
        display: block;
        padding-top: 15px;
        float: right;
        padding-right: 15px;
    }


    .tr-list-nrn:hover[b-bn1m6fdw21] {
        cursor: pointer;
        background: #FFFFFF;
        box-shadow: 2px 1px 4px #00000040;
        border-radius: 5px;
    }

        .tr-list-nrn:hover .select-cercle[b-bn1m6fdw21] {
            display: none;
        }

        .tr-list-nrn:hover .select-cercle-selected[b-bn1m6fdw21] {
            display: block;
        }

    [b-bn1m6fdw21] .span-num:hover {
        text-decoration: underline;
        color: #34B8F2;
        cursor: pointer;
    }

    [b-bn1m6fdw21] td {
        padding: 0rem !important;
        padding-top: 4px;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
        height: 53px;
    }



    [b-bn1m6fdw21] .div-group {
        display: flex;
        padding-top: 4px;
    }

    [b-bn1m6fdw21] .btn-edit {
        height: 15px;
        width: 15px;
        margin-right: 20px;
    }

    [b-bn1m6fdw21] .btn-del {
        height: 15px;
        width: 13px;
    }

    [b-bn1m6fdw21] .cen-select {
        margin-top: 15px;
    }

    [b-bn1m6fdw21] .div-group-center {
        display: flex;
        padding-top: 13px;
    }

    [b-bn1m6fdw21] .fa {
        padding-left: 8px;
        float: none !important;
    }

    progress[b-bn1m6fdw21]::-webkit-progress-value {
        background: #0898D7;
    }

    .progr-bar[b-bn1m6fdw21] {
        width: 84px;
        height: 6px;
        margin-left: 0;
        margin-top: 4px;
    }

    .span-bar[b-bn1m6fdw21] {
        margin-top: -10px;
        padding-left: 39px;
        /* padding-left: 19px; */
        margin-left: 15px;
    }

    .div-group-grid[b-bn1m6fdw21] {
        display: grid;
    }

    .img-emplac[b-bn1m6fdw21] {
        width: 17px;
        margin-left: 13px;
        margin-top: -7px;
        cursor: pointer;
    }
/* /Components/ProjectComponents/VisitorsComponents/AddVisitorModal.razor.rz.scp.css */
.dateorder[b-8cl4pfx339]::-webkit-calendar-picker-indicator {
    background: transparent !important;
    color: transparent;
    cursor: pointer;
    position: absolute;
    left: 0px;
    width: 219px; 
    height: 34px;
    top: 0;
}
.border-input:hover[b-8cl4pfx339] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.border-input:focus[b-8cl4pfx339] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
}
.span-username-res-id[b-8cl4pfx339] {
    font-family: 'GravityRegular';
    font-size: 12px;
    /*color: #8395A7;*/
    color: #7A91AA;
    opacity: 1;
}

/* /Components/ProjectComponents/VisitorsComponents/FilterModalVisitor.razor.rz.scp.css */

.modal-dialog-filter[b-oglgfxkuqi] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-oglgfxkuqi] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-oglgfxkuqi] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-oglgfxkuqi] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-oglgfxkuqi] {
    margin-top: 17px;
}

.closepop-entrerheure[b-oglgfxkuqi] {
    float: right;
}

.modal-body-filter[b-oglgfxkuqi] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-oglgfxkuqi] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-oglgfxkuqi] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-oglgfxkuqi] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-oglgfxkuqi] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-oglgfxkuqi] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
select[b-oglgfxkuqi] {
    font-family: 'GravityRegular';
    font-size: 16px;
    padding: 5px 35px 5px 10px;
    box-shadow: none;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}
/* /Components/ProjectComponents/VisitorsComponents/VisitorGridComponent.razor.rz.scp.css */
.card-footer[b-phzcef737b] {
    width: 100% !important;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr !important;
    height: 47px;
    background-color: #ffffff;
}
.div-header[b-phzcef737b] {
    width:100%

}
.card-header[b-phzcef737b] {
    padding-top: 9px;
}
[b-phzcef737b] .row-card{
  
    height: calc(100vh - 168px) !important;
}
.div-header-visitor[b-phzcef737b] {
    flex: auto;
    margin-top: -5px;
    margin-left: -6px;
}
.iconatt[b-phzcef737b] {
    width: 11px;
    margin-top: -4px;
    margin-left: -16px;
}
[b-phzcef737b] .column {
    width: 33% !important;
    background: #ced6e087 0% 0% no-repeat padding-box;
     border-radius: 10px;
}
.icon-v[b-phzcef737b]{
    padding-left:19px;

}
.top[b-phzcef737b] {
    display:flex;
}
[b-phzcef737b] .card {
    margin-bottom: 12px;
    margin-top: 28px;
}
.iconvisitor[b-phzcef737b] {
    width: 76px;
}
.div-icon-visitor[b-phzcef737b] {
    position: absolute;
    top: -53px;
    left: 38%;
   
}
/* /Components/ProjectComponents/VisitorsComponents/VisitorListComponent.razor.rz.scp.css */
@media screen and (min-width:1700px) {
    .container-list[b-kbqlhxt3ld] {
        width: 171.5vh;
        padding-right: 1.5vh;
        padding-left: 2vh;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: auto;
        height: 89vh;
    }

    .table-nrn[b-kbqlhxt3ld] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
    }
    .table[b-kbqlhxt3ld] {
        width: 146vh;
        margin-bottom: 1rem;
        color: #212529;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-list[b-kbqlhxt3ld] {
        width: 171vh;
        padding-right: 1.5vh;
        padding-left: 2.5vh;
        margin-right: 0vh;
        margin-left: 0vh;
        position: relative;
        overflow-y: auto;
        height: 86vh;
    }

    .table-nrn[b-kbqlhxt3ld] {
        font-family: 'GravityBold';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        color: #404A54;
        max-width: 175vh;
        width: 164vh;
    }
}
/* /Components/ResourceComponents/AssignLegalEntityCalendar.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.div-types[b-rs171fxigf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 15px;
    margin-top: -22px;
}

.div-types-first[b-rs171fxigf] {
    display: inline-flex;
    /* grid-template-columns: 1fr 1fr; */
    padding-bottom: 16px;
}
.div-cal[b-rs171fxigf] {
    display: flex;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 10px;
    border: 1px solid #E6E6E6;
}
.div-check[b-rs171fxigf] {
    padding-left: 6px;
    padding-right: 15px;
    padding-top: 9px;
}
.div-column[b-rs171fxigf] {
    display: flex;
    flex-direction: column
}
.span-name-cal[b-rs171fxigf] {
    font-family: 'GravityBold';
    font-size: 15px;
    color: #4b6584;
}
.span-number-cal[b-rs171fxigf] {
    color: #7A91AA;
    font-size: 15px;
    font-family: 'GravityRegular';
}
.div-cont[b-rs171fxigf] {
    height: 363px;
    overflow: scroll;
}

.span-types[b-rs171fxigf] {
    font-size: 15px;
    font-family: 'GravityRegular';
}

[b-rs171fxigf] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

[b-rs171fxigf] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-rs171fxigf] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-rs171fxigf] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-rs171fxigf] .input-entry-style {
    background-color: white;
    font-family: 'GravityRegular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-rs171fxigf] {
    background-color: white;
    font-family: 'GravityRegular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-rs171fxigf] .select-entry-style {
    font-family: 'GravityRegular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-rs171fxigf] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-rs171fxigf] .span-entry-number {
    font-family: 'GravityRegular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-rs171fxigf] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-rs171fxigf] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-rs171fxigf] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-rs171fxigf] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-rs171fxigf] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-rs171fxigf] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-rs171fxigf] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-rs171fxigf] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-rs171fxigf] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-rs171fxigf] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-rs171fxigf] .column-3:hover, .column-3:focus[b-rs171fxigf] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-rs171fxigf] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-rs171fxigf] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-rs171fxigf] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'GravityRegular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-rs171fxigf] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-rs171fxigf] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-rs171fxigf] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-rs171fxigf] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-rs171fxigf] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-rs171fxigf] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-rs171fxigf] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-rs171fxigf] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-rs171fxigf] {
    margin-left: 110px;
    width: 354px;
    margin-top: 62px;
    background: white;
    height: 376px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-rs171fxigf] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-rs171fxigf] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-rs171fxigf] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow: unset;
    height: 393px;
}

.note-ts-pos[b-rs171fxigf] {
    margin-left: 14px;
}

.modal-ts-footer[b-rs171fxigf] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-rs171fxigf] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-rs171fxigf] {
    background-color: #00b665;
}

    .switch input:checked + label[b-rs171fxigf]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-rs171fxigf]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-rs171fxigf] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-rs171fxigf] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-rs171fxigf] {
    width: 100%;
}

    .switch input[type=checkbox][b-rs171fxigf] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-rs171fxigf] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-rs171fxigf] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-rs171fxigf] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

input[type="date"][b-rs171fxigf]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 170px;
    margin-left: -28px;
    position: absolute;
    cursor: pointer;
}

.input-date[b-rs171fxigf] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'GravityRegular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.modal-title-enterhour[b-rs171fxigf] {
    flex: auto;
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityRegular';
    margin-top: 11px;
    margin-left: 12px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-rs171fxigf] {
    padding-right: 8px;
}


.modal-enterhour-content[b-rs171fxigf] {
    width: 526px;
    height: 508px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    /*    margin-left: -110px;
*/
}

.modal-header-enterhour[b-rs171fxigf] {
    height: 55px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.form-control:focus[b-rs171fxigf] {
    box-shadow: 0 0 0 0.09rem rgb(40 167 69 / 25%);
}

.inputtextarea[b-rs171fxigf] {
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /* margin-top: 11px; */
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
}

.modal-dialog[b-rs171fxigf] {
    position: fixed !important;
    float: left;
    left: 50%;
    top: 44%;
    transform: translate(-50%, -50%);
    max-width: unset;
    margin: unset;
    width: unset;
}

.input-date[b-rs171fxigf] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'GravityRegular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

[b-rs171fxigf] .span-username-res-id {
    margin-top: -9px !important;
}

.div-container-enterhour[b-rs171fxigf] {
    display: flex;
    flex-direction: column;
    /*   padding-top: 15px;*/
    /*   padding-top: 15px;*/
    align-items: stretch;
    /*   padding: 5% 18% 5% 18%;*/
}

.div-hours[b-rs171fxigf] {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-top: 5px;
}

.span-entrerheure-heure[b-rs171fxigf] {
    letter-spacing: 0px;
    color: #2C333A;
    opacity: 1;
    font-size: 16px;
    font-family: 'GravityRegular';
    /*margin-left: 77px;*/
}

.div-space[b-rs171fxigf] {
    display: grid;
    grid-template-columns: 0fr 1fr 3fr;
    margin-top: 12px;
}

.span-enterhour-title[b-rs171fxigf] {
    letter-spacing: 0px;
    color: #2C333A;
    opacity: 1;
    font-size: 16px;
    margin-left: 10px;
    font-family: 'GravityRegular';
}

.line[b-rs171fxigf] {
    border-bottom: 0.5px solid #8d8d8d3b;
}

.div-container[b-rs171fxigf] {
    padding-left: 23px;
    padding-right: 20px;
    padding-top: 6px;
}

.div-summary[b-rs171fxigf] {
    width: 140px;
    height: 37px;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 19px;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.div-detailss[b-rs171fxigf] {
    margin-left: -20px;
    width: 140px;
    height: 37px;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 19px;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.form-div[b-rs171fxigf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 13px;
    padding-top: 8px;
}

[b-rs171fxigf] .div-item-prj-p {
    margin-left: 0 !important;
}

.div-btn[b-rs171fxigf] {
    display: flex;
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 15px
}

.span-btn-title[b-rs171fxigf] {
    text-align: left;
    color: #222F3E;
    letter-spacing: 0px;
    font-family: 'GravityRegular';
    font-size: 14px;
    opacity: 1;
}

.div-active[b-rs171fxigf] {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

.span-active[b-rs171fxigf] {
    color: #F2F2F2;
}

[b-rs171fxigf] .switch input:checked + label {
    background-color: #00AE9E;
}

.switch label[b-rs171fxigf] {
    width: 45px;
    height: 24px;
    margin-left: 6px;
    padding-top: 4px;
}

.switch-div[b-rs171fxigf] {
    margin-top: -44px;
}

.span-prj-title[b-rs171fxigf] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 0px;
    padding-left: 8px;
}

.input-newsty[b-rs171fxigf] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    /*margin-top: 11px;*/
    background: url(/icons/commande_icons/calendar.svg) no-repeat 5px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.textarea-note[b-rs171fxigf] {
    font-family: 'GravityRegular';
    font-size: 14px;
}

.selec[b-rs171fxigf] {
    font-family: 'Gravity-Regular';
    font-size: 14px;
}

.form-control:focus[b-rs171fxigf] {
    box-shadow: 0 0 0 0.09rem rgba(40, 167, 69, 0.25);
}

.border-input:hover[b-rs171fxigf] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-rs171fxigf], .form-control[readonly][b-rs171fxigf] {
    background-color: transparent;
    opacity: 1;
}

.input-newsty[b-rs171fxigf]::-webkit-calendar-picker-indicator {
    height: 34px;
    top: 368px;
    width: 174px;
}

.input-tim[b-rs171fxigf] {
    background: url(/icons/commande_icons/hour.svg) no-repeat 5px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

input[type='time'][b-rs171fxigf]::-webkit-calendar-picker-indicator {
    width: 97%;
    height: 31px;
}

.star-red[b-rs171fxigf] {
    color: #BD0A09;
    font-weight: bold;
}

.modal-footer-accepter[b-rs171fxigf] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.btn-footer[b-rs171fxigf] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 13px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}

.img-footer[b-rs171fxigf] {
    width: 18px;
    height: 14px;
}

.div-footer[b-rs171fxigf] {
    width: 50%;
    text-align: center;
    align-self: center;
}

[b-rs171fxigf] .modal-header-log {
    height: 76px !important;
}

[b-rs171fxigf] .modal-log-content {
    height: 349px !important;
    margin-left: 0 !important;
}

.div-footer[b-rs171fxigf] {
    width: 50%;
    text-align: center;
}


.modal-footer-accepter[b-rs171fxigf] {
    width: 100%;
    height: 60px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.img[b-rs171fxigf] {
    height: 15px;
    width: 15px;
    display: block;
    margin: auto;
    margin-bottom: 5px
}
  
/* /Components/ResourceComponents/AssignLegalEntityToResourceModal.razor.rz.scp.css */
.modal-assign-content[b-a9vrvunrdz] {
    width: 800px;
    height: 500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: -130px;
}

.modal[b-a9vrvunrdz] {
    text-align: center;
    padding: 0 !important;
}

.modal-dialog[b-a9vrvunrdz] {
    width: unset;
    max-width: unset;
}

.modal[b-a9vrvunrdz]:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-center-dialog[b-a9vrvunrdz] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.modal-dialog[b-a9vrvunrdz] {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.tabl-style[b-a9vrvunrdz] {
    width: 300px !important;
}

.modal-header-assign[b-a9vrvunrdz] {
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-assign[b-a9vrvunrdz] {
    text-align: center;
    height: 400px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    overflow-y: scroll;
    align-items: center;
    flex-direction: column;
}

.modal-footer-assign[b-a9vrvunrdz] {
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-assign-qs[b-a9vrvunrdz] {
    font-family: 'GravityRegular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-a9vrvunrdz] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 14px;
    border: none;
    outline: none !important;
    background: none;
}

.img-footer[b-a9vrvunrdz] {
    width: 18px;
    height: 14px;
}

.div-footer[b-a9vrvunrdz] {
    width: 50%;
    text-align: center;
}

.arrow-left[b-a9vrvunrdz] {
    background: url(/icons/deplacer-gauche.svg) no-repeat;
    height: 50px;
    margin-top: -3px;
    background-size: 52px;
    background-position: 0% 61%;
    width: 46px;
    float: right;
    cursor: pointer;
    border: none;
    outline: none !important;
}

    .arrow-left:hover[b-a9vrvunrdz] {
        background: url(/icons/deplacer-gauche-hover.svg) no-repeat;
        height: 50px;
        margin-top: -3px;
        background-size: 52px;
        background-position: 0% 61%;
        width: 46px;
        float: right;
        cursor: pointer;
        border: none;
    }

.arrow-right[b-a9vrvunrdz] {
    background: url(/icons/deplacer-droite.svg) no-repeat;
    margin-top: -3px;
    background-size: 56px;
    background-position: 0% 61%;
    width: 46px;
    float: right;
    cursor: pointer;
    border: none;
    outline: none !important;
    height: 50px;
}

    .arrow-right:hover[b-a9vrvunrdz] {
        height: 50px;
        background: url(/icons/deplacer-droite-hover.svg) no-repeat;
        margin-top: -3px;
        background-size: 56px;
        background-position: 0% 61%;
        width: 46px;
        float: right;
        cursor: pointer;
        border: none;
    }
.tr-list[b-a9vrvunrdz] {
    font-family: 'GravityRegular';
}
.th-header[b-a9vrvunrdz] {
    font-family: 'GravityBold';
}
/* /Components/ResourceComponents/BtnDashboard.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-9cj79mpv7c] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-9cj79mpv7c] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-9cj79mpv7c] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-9cj79mpv7c] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-9cj79mpv7c], .btn-style:focus-visible[b-9cj79mpv7c], .btn-style:active[b-9cj79mpv7c] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-9cj79mpv7c] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-9cj79mpv7c] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/ResourceComponents/BtnNewResource.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-vk3aebyzr2] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-vk3aebyzr2] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-vk3aebyzr2] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-vk3aebyzr2] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-vk3aebyzr2], .btn-style:focus-visible[b-vk3aebyzr2], .btn-style:active[b-vk3aebyzr2] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-vk3aebyzr2] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-vk3aebyzr2] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-new[b-vk3aebyzr2] {
    border: none;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #222F3E;
    width: 120px;
    height: 40px;
    margin-left: 45px;
    margin-top: 5px;
    margin-bottom: 7px;
    display: flex;
    flex-direction: column;
}

    .btn-new:hover[b-vk3aebyzr2] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 120px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

    .btn-new:focus[b-vk3aebyzr2], .btn-new-task:focus-visible[b-vk3aebyzr2], .btn-new-task:active[b-vk3aebyzr2] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 120px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

.img-add[b-vk3aebyzr2] {
    padding-left: 45px;
    padding-top: 2px;
}
/* /Components/ResourceComponents/BtnSecondHeadRessource.razor.rz.scp.css */

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.img-icon[b-0riuc1fkhe] {
 
    max-width: 34px;
    max-height: 33px;
}
.img-icon-stand[b-0riuc1fkhe] {
    max-width: 25px;
    max-height: 25px;
}
.btn-new[b-0riuc1fkhe] {
    border: none;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #222F3E;
    width: 120px;
    height: 40px;
    margin-left: 45px;
    margin-top: 5px;
    margin-bottom: 7px;
    display: flex;
    flex-direction: column;
}

    .btn-new:hover[b-0riuc1fkhe] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 120px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

    .btn-new:focus[b-0riuc1fkhe], .btn-new-task:focus-visible[b-0riuc1fkhe], .btn-new-task:active[b-0riuc1fkhe] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 120px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

.img-add[b-0riuc1fkhe] {
    padding-left: 45px;
    padding-top: 2px;
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-0riuc1fkhe] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
    min-width: 103px;
}

.btn-action-style[b-0riuc1fkhe] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-0riuc1fkhe] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-0riuc1fkhe] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-0riuc1fkhe], .btn-style:focus-visible[b-0riuc1fkhe], .btn-style:active[b-0riuc1fkhe] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-0riuc1fkhe] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-0riuc1fkhe] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/ResourceComponents/DetailsResourceDiv.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-info-content[b-r0bopz6g82] {
    max-width: 100%;
    border-radius: 0px;
    margin-top: -5px;
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
    height: 100%;
}

.project-details-div[b-r0bopz6g82] {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    .project-details-div[b-r0bopz6g82] {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    .project-details-div[b-r0bopz6g82] {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    .div-line[b-r0bopz6g82] {
        display: flex;
    }
}

@media (max-width: 1265px) {
    .div-line[b-r0bopz6g82] {
        display: grid;
    }
}

@media (min-width: 460px) {
    .div-line-col[b-r0bopz6g82] {
        display: flex;
    }
}

@media (max-width: 660px) {
    .div-line-col[b-r0bopz6g82] {
        display: grid;
    }
}

.content-project-div[b-r0bopz6g82] {
    max-width: 1382px;
}

.project-container-div[b-r0bopz6g82] {
    display: flex;
    flex-direction: row;
}

.div-project-group[b-r0bopz6g82] {
    display: flex;
    padding-top: 20px;
}

.icon-project-code[b-r0bopz6g82] {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

.div-project-group-child[b-r0bopz6g82] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.project-code[b-r0bopz6g82] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

.project-name[b-r0bopz6g82] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

.img-round[b-r0bopz6g82] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.prj-img-style[b-r0bopz6g82] {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

.prj-btn-style[b-r0bopz6g82] {
    width: 100%;
    display: grid;
    justify-items: center;
}

.div-prj-left[b-r0bopz6g82] {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

.first-row[b-r0bopz6g82] {
    padding-left: 9px;
    padding-top: 20px;
}

.input-prj-style[b-r0bopz6g82] {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    .div-note-content[b-r0bopz6g82] {
        height: unset !important;
    }

    .div-note-content[b-r0bopz6g82] {
        flex-direction: column;
    }

    .div-espace-note[b-r0bopz6g82] {
        margin-left: 54px !important;
    }

    .div-notee[b-r0bopz6g82] {
        margin-top: -34px;
        margin-left: 48px;
    }

    .div-text-note[b-r0bopz6g82] {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

.span-prj-number[b-r0bopz6g82] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-prj-title[b-r0bopz6g82] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.col-prj[b-r0bopz6g82] {
    padding-left: 0px;
}

.icon-project-client[b-r0bopz6g82] {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

.input-style[b-r0bopz6g82], .input-icon[b-r0bopz6g82] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

.iconcal[b-r0bopz6g82] {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    .div-dashboard[b-r0bopz6g82] {
        display: none;
    }
}

.img-usr-prj[b-r0bopz6g82] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

.second-row[b-r0bopz6g82] {
    padding-top: 15px;
    padding-left: 9px;
}

.third-row[b-r0bopz6g82] {
    padding-top: 33px;
    padding-left: 9px;
}

.icon-statut-prj[b-r0bopz6g82] {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

.img-date-prj[b-r0bopz6g82] {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

.span-hour-prj[b-r0bopz6g82] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

.div-hour[b-r0bopz6g82] {
    margin-top: 4px;
}

.img-hour-prj[b-r0bopz6g82] {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

.color-project-cercle[b-r0bopz6g82] {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

.color-project-purple[b-r0bopz6g82] {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

.color-project-orange[b-r0bopz6g82] {
    background: #FD9644 0% 0% no-repeat padding-box;
}

.color-project-blue[b-r0bopz6g82] {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

.color-project-green[b-r0bopz6g82] {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

.cercle-selected-color[b-r0bopz6g82] {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


.chec[b-r0bopz6g82] {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

check-span[b-r0bopz6g82] {
    content: "\2713";
}

.prj-textarea[b-r0bopz6g82] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

textarea[b-r0bopz6g82]::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

.last-row[b-r0bopz6g82] {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    .textarea-note-style[b-r0bopz6g82] {
        margin-left: 9px;
    }
}


.div-item-prj[b-r0bopz6g82] {
    padding-top: 27px;
    padding-right: 11px;
}

.div-item-prj-p[b-r0bopz6g82] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.div-prj-container[b-r0bopz6g82] {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

.div-prj[b-r0bopz6g82] {
    display: flex;
    flex-direction: column;
    width: 25%;
}

.div-cont-prj[b-r0bopz6g82] {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    .div-note-content[b-r0bopz6g82] {
        height: unset !important;
    }

    .div-note-content[b-r0bopz6g82] {
        flex-direction: column;
    }

    .div-espace-note[b-r0bopz6g82] {
        margin-left: 54px !important;
    }

    .div-notee[b-r0bopz6g82] {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    .div-text-note[b-r0bopz6g82] {
        margin-top: 0px !important;
    }
}

@media (max-width:550px) {

    .div-prj-container[b-r0bopz6g82] {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .card-info-content[b-r0bopz6g82] {
        height: unset !important;
    }

    .input-icon[b-r0bopz6g82], .input-prj-style[b-r0bopz6g82], .prj-textarea[b-r0bopz6g82] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}

.list-info-list[b-r0bopz6g82] {
    overflow: scroll;
    height: calc(100vh - 98px);
}

@media (min-width:550px) and (max-width:900px) {

    .div-prj-container[b-r0bopz6g82] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .card-info-content[b-r0bopz6g82] {
        height: unset !important;
    }

    .input-icon[b-r0bopz6g82], .input-prj-style[b-r0bopz6g82], .prj-textarea[b-r0bopz6g82] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}
/* /Components/ResourceComponents/EditResourceModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-su0v0c9b4b] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

.div-toggle[b-su0v0c9b4b] {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
}

[b-su0v0c9b4b] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-su0v0c9b4b] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-su0v0c9b4b] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-su0v0c9b4b] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-su0v0c9b4b] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-su0v0c9b4b] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-su0v0c9b4b] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-su0v0c9b4b] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-su0v0c9b4b] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-su0v0c9b4b] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-su0v0c9b4b] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-su0v0c9b4b] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-su0v0c9b4b] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-su0v0c9b4b] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-su0v0c9b4b] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-su0v0c9b4b] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-su0v0c9b4b] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-su0v0c9b4b] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-su0v0c9b4b] .column-3:hover, .column-3:focus[b-su0v0c9b4b] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-su0v0c9b4b] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-su0v0c9b4b] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-su0v0c9b4b] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-su0v0c9b4b] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-su0v0c9b4b] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-su0v0c9b4b] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-su0v0c9b4b] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-su0v0c9b4b] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-su0v0c9b4b] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-su0v0c9b4b] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-su0v0c9b4b] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-su0v0c9b4b] {
    margin-left: 110px;
    width: 370px;
    margin-top: 62px;
    background: white;
    height: 473px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-su0v0c9b4b] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-su0v0c9b4b] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-su0v0c9b4b] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 374px;
}

.note-ts-pos[b-su0v0c9b4b] {
    margin-left: 14px;
}

.modal-ts-footer[b-su0v0c9b4b] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-su0v0c9b4b] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-su0v0c9b4b] {
    background-color: #00b665;
}

    .switch input:checked + label[b-su0v0c9b4b]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-su0v0c9b4b]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-su0v0c9b4b] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-su0v0c9b4b] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-su0v0c9b4b] {
    width: 100%;
}

    .switch input[type=checkbox][b-su0v0c9b4b] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-su0v0c9b4b] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-su0v0c9b4b] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-su0v0c9b4b] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 294px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}


.startDate[type="date"][b-su0v0c9b4b]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 277px;
    margin-left: -41px;
    position: absolute;
    cursor: pointer;
    height: 36px;
    margin-top: -12px;
}

.endDate[type="date"][b-su0v0c9b4b]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 277px;
    margin-left: -41px;
    position: absolute;
    height: 37px;
    cursor: pointer;
    margin-top: -11px;
}

.input-date[b-su0v0c9b4b] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
/* /Components/ResourceComponents/FilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-yxcrm7do7c] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-yxcrm7do7c] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-yxcrm7do7c] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-yxcrm7do7c] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-yxcrm7do7c] {
    margin-top: 17px;
}

.closepop-entrerheure[b-yxcrm7do7c] {
    float: right;
}

.modal-body-filter[b-yxcrm7do7c] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-yxcrm7do7c] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-yxcrm7do7c] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-yxcrm7do7c] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-yxcrm7do7c] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-yxcrm7do7c] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
@media screen and (max-width:1024px) {


    .filtre-ressourceslist-rep[b-yxcrm7do7c] {
        left: -155px;
    }
}
/* /Components/ResourceComponents/FilterModalSupplementaryResource.razor.rz.scp.css */

@media screen and (max-width:1024px) {
    .filtre-suppressources-rep[b-kw9jyhsvlg]

{
    left: -100px;
}
}
/* /Components/ResourceComponents/GeneralContentsComponent.razor.rz.scp.css */
.produit[b-8ncukylr76] {
    background-size: 40px;
    width: 200px;
    height: 150px;
    border: 1px dashed #024662;
    box-shadow: 0px 0px 13px rgb(67 74 84 / 50%);
    margin-left: auto;
    color: #024662;
    font-size: 14px;
    text-align: center;
    font-family: Franklin Gothic;
    vertical-align: central;
    opacity: 0.9;
}

.line[b-8ncukylr76] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    columns: 3 ;
    place-content: space-between;
}
.row[b-8ncukylr76]{height:77px;}
.form-control:disabled[b-8ncukylr76], .form-control[readonly][b-8ncukylr76] {
    background-color: transparent;
    opacity: 1;
}


.line2[b-8ncukylr76] {
    columns: 2;
}
/* /Components/ResourceComponents/MembersBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-u6suf6x8uz] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-u6suf6x8uz] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-u6suf6x8uz] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-u6suf6x8uz] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-u6suf6x8uz], .btn-style:focus-visible[b-u6suf6x8uz], .btn-style:active[b-u6suf6x8uz] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-u6suf6x8uz] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-u6suf6x8uz] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/ResourceComponents/NewResourceModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-741m5y0cp6] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

.div-toggle[b-741m5y0cp6] {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
}

[b-741m5y0cp6] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-741m5y0cp6] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-741m5y0cp6] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-741m5y0cp6] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-741m5y0cp6] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-741m5y0cp6] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-741m5y0cp6] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-741m5y0cp6] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-741m5y0cp6] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-741m5y0cp6] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-741m5y0cp6] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-741m5y0cp6] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-741m5y0cp6] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-741m5y0cp6] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-741m5y0cp6] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-741m5y0cp6] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-741m5y0cp6] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-741m5y0cp6] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-741m5y0cp6] .column-3:hover, .column-3:focus[b-741m5y0cp6] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-741m5y0cp6] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-741m5y0cp6] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-741m5y0cp6] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-741m5y0cp6] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-741m5y0cp6] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-741m5y0cp6] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-741m5y0cp6] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-741m5y0cp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-741m5y0cp6] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-741m5y0cp6] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-741m5y0cp6] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-741m5y0cp6] {
    margin-left: 110px;
    width: 370px;
    margin-top: 62px;
    background: white;
    height: 473px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-741m5y0cp6] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-741m5y0cp6] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-741m5y0cp6] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 374px;
}

.note-ts-pos[b-741m5y0cp6] {
    margin-left: 14px;
}

.modal-ts-footer[b-741m5y0cp6] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-741m5y0cp6] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-741m5y0cp6] {
    background-color: #00b665;
}

    .switch input:checked + label[b-741m5y0cp6]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-741m5y0cp6]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-741m5y0cp6] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-741m5y0cp6] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-741m5y0cp6] {
    width: 100%;
}

    .switch input[type=checkbox][b-741m5y0cp6] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-741m5y0cp6] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-741m5y0cp6] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-741m5y0cp6] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 294px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}


.startDate[type="date"][b-741m5y0cp6]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 277px;
    margin-left: -41px;
    position: absolute;
    cursor: pointer;
    height: 36px;
    margin-top: -12px;
}

.endDate[type="date"][b-741m5y0cp6]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 277px;
    margin-left: -41px;
    position: absolute;
    height: 37px;
    cursor: pointer;
    margin-top: -11px;
}

.input-date[b-741m5y0cp6] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
/* /Components/ResourceComponents/ResourceAssignedTaskFilterModal.razor.rz.scp.css */
body[b-d9sf2unz5o] {
}
/* /Components/ResourceComponents/ResourceBookedFilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-lnujw5zl0g] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-lnujw5zl0g] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-lnujw5zl0g] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-lnujw5zl0g] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-lnujw5zl0g] {
    margin-top: 17px;
}

.closepop-entrerheure[b-lnujw5zl0g] {
    float: right;
}

.modal-body-filter[b-lnujw5zl0g] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-lnujw5zl0g] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-lnujw5zl0g] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-lnujw5zl0g] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-lnujw5zl0g] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-lnujw5zl0g] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
@media screen and (max-width:1024px) {

    .resourcebookedfilter-resp[b-lnujw5zl0g] {
        left: -155px;
    }
}
/* /Components/ResourceComponents/ResourceBookingCalendarFilter.razor.rz.scp.css */
body[b-6h0rxpvc9z] {
}
/* /Components/ResourceComponents/ResourcePageComponent.razor.rz.scp.css */
body[b-m32x3xtc0z] {
}
/* /Components/ResourceComponents/SearchDiv.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.search-div[b-nhjsa1wewo] {
    border-left: 1px solid #CAD2E5;
    border-right: 1px solid #CAD2E5;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}
.search-div:hover[b-nhjsa1wewo] {
    cursor:pointer;
    border-left: 1px solid #CAD2E5;
    border-right: 1px solid #CAD2E5;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}
/* /Components/ResourceComponents/SecondHeader.razor.rz.scp.css */

.second-header-div[b-smk8zyy03p] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    height: 55px;
}
/* /Components/ResourceComponents/SecondHeaderDetail.razor.rz.scp.css */

.second-header-div[b-8bguaf3t4u] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    height: 55px;
}
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-8bguaf3t4u]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}


.card-info[b-8bguaf3t4u] {
    max-width: 100%;
    border-radius: 0px;
    margin-top: -5px;
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.img-statut[b-8bguaf3t4u] {
    height: 44px;
    width: 44px;
    margin-top: 6px;
    margin-left: -13px;
}

.input-style[b-8bguaf3t4u] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*    max-width:174px;
    min-width:127px;*/
    height: 35px;
    width: 90%;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 15px;
    color: #35414C;
    padding: 14px;
}

.span-number[b-8bguaf3t4u] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-title[b-8bguaf3t4u] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.c1[b-8bguaf3t4u], .c2[b-8bguaf3t4u] {
    display: inline-table;
}

.span-task-number[b-8bguaf3t4u] {
    margin-left: 10px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-task-name[b-8bguaf3t4u] {
    margin-left: 10px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-date-creation[b-8bguaf3t4u] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 13px;
}

.span-source[b-8bguaf3t4u] {
    font-family: 'Franklin Book Regular';
    text-align: left;
    font-size: 11px;
    color: #35414C;
    margin-left: 4px;
}

.label-per[b-8bguaf3t4u] {
    font-family: 'Franklin Gothic Book Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    margin-bottom: 0px;
}

@media(min-width:1220px) {
    .label-per[b-8bguaf3t4u] {
        margin-left: 123px;
    }
}

.prog-style[value][b-8bguaf3t4u] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    margin-top: 1px;
    width: 90%;
    height: 8px;
    margin-left: 15px;
}

    .prog-style[value][b-8bguaf3t4u]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .prog-style[value][b-8bguaf3t4u]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.datestyle[b-8bguaf3t4u] {
    overflow: visible;
    width: 80px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: rgba(87,101,116,1);
}

.dateimg[b-8bguaf3t4u] {
    width: 14px;
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 2px;
}

.div-left-menu[b-8bguaf3t4u] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border: 0.25px solid #E6E6E6;
    opacity: 1;
    display: flex;
    flex-direction: row;
    margin-top: -7px;
    padding: 0px;
}

.div-ressource[b-8bguaf3t4u] {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 187px;
    left: 771px;
}

.show[b-8bguaf3t4u] {
    display: block;
}

.hide[b-8bguaf3t4u] {
    display: none;
}

.btn-assignto[b-8bguaf3t4u] {
    position: absolute;
    top: 150px;
    left: 781px;
    height: 43px;
    width: 149px;
    margin-left: -25px;
    border: none;
    background-color: transparent;
    outline: none !important;
    cursor: pointer;
}
/*   ------------------------------------------------ */

.div-taskdetail-header[b-8bguaf3t4u] {
    display: inline-table;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    width: 100%;
}

.div-container-taskdetail[b-8bguaf3t4u] {
    display: flex;
    flex-direction: row;
}

.div-taskdetail-left[b-8bguaf3t4u] {
    max-width: 986px;
    min-width: 632px;
    padding: 0px;
    margin-top: -3px;
}

.div-scroll-items[b-8bguaf3t4u] {
    overflow-y: scroll;
    height: calc(100vh - 320px);
}

.div-leftmenu-container[b-8bguaf3t4u] {
    min-width: 337px;
    max-width: 393px;
}

.div-dash[b-8bguaf3t4u] {
    padding: 0px;
    display: none;
}

@media only screen and (max-width: 800px) {
    .card-info[b-8bguaf3t4u] {
        width: 760px;
    }
}

@media only screen and (max-width: 1300px) {
    .div-container-taskdetail[b-8bguaf3t4u] {
        overflow: scroll;
    }

    .img-map[b-8bguaf3t4u] {
        width: 335px;
    }
}

@media only screen and (max-width: 1250px) {
    /*    .input-style {
        max-width: 127px;
        min-width: 107px;
        
    }*/
    .label-per[b-8bguaf3t4u] {
        text-align: end;
    }

    .prog-style[b-8bguaf3t4u] {
        width: 85%;
    }
}

@media only screen and (min-width: 1250px) {
    .input-style[b-8bguaf3t4u] {
        /*    max-width: 174px;
        min-width: 123px;*/
    }
}

@media only screen and (max-width: 1290px) {
    .card-info-body[b-8bguaf3t4u] {
        /*        padding-left: 10px;
*/ padding-right: 20px;
    }
}

@media only screen and (max-width: 1320px) {
}

.label-per[b-8bguaf3t4u] {
    margin-left: 93px;
}

.prog-style[b-8bguaf3t4u] {
    width: 85%;
}

}

@media only screen and (min-width: 1250px) {
    .input-style[b-8bguaf3t4u] {
        max-width: 174px;
        min-width: 123px;
    }
}

@media only screen and (max-width: 1290px) {
    .card-info-body[b-8bguaf3t4u] {
        /*        padding-left: 10px;
*/ padding-right: 20px;
    }
}

@media (min-width:960px) {
    .taskdetail-col-sec[b-8bguaf3t4u] {
        /*padding-left: 31px;*/
    }
}

@media only screen and (max-width: 1320px) {

    /* .div-espace-note {
     margin-left:9px !important;
    }*/
    /*   .btnstyle {
        padding: 0px;
    }*/
}

.btnstyle[b-8bguaf3t4u], .btn-competence[b-8bguaf3t4u], .btnstyle-note[b-8bguaf3t4u] {
    width: 100% !important;
    display: grid !important;
    justify-items: center !important;
}

.div-box-action[b-8bguaf3t4u] {
    width: 57px;
    height: 54px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    z-index: 1;
}

.img-action[b-8bguaf3t4u] {
    width: 28px;
    height: 26px;
    margin-left: 15px;
    margin-top: 14px;
}

.ul-action[b-8bguaf3t4u] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #40414240;
    border-radius: 5px;
    opacity: 1;
    width: 164px;
    height: 84px;
    z-index: 1;
}

.li-action[b-8bguaf3t4u] {
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
}

@media (max-width: 1224px) {
    .span-task-name[b-8bguaf3t4u] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 16ch;
        display: block;
        vertical-align: middle;
    }
}

.taskdetail-firstrow[b-8bguaf3t4u] {
    display: flex;
    flex-direction: row;
    margin-left: 20px;
}

.taskdetail-secondrow[b-8bguaf3t4u] {
    display: flex;
    flex-direction: row;
    margin-left: 29px;
    margin-top: 14px;
}

.taskdetail-col[b-8bguaf3t4u] {
    display: flex;
    flex-direction: column;
    height: 85px;
    padding: 0px !important;
}

.taskdetail-col-first[b-8bguaf3t4u] {
    display: flex;
    flex-direction: column;
}

.taskdetail-col-sec[b-8bguaf3t4u] {
    display: flex;
    flex-direction: column;
}
/*@media (min-width:925px) {
    .div-cont-prj {
        top: unset !important;
    }
}
@media (max-width:1182px) {
    .div-cont-prj {
        top: unset !important;
    }
}*/




.card-infos-container[b-8bguaf3t4u] {
    display: flex;
    width: 100%;
}

.div-taskdetail-first[b-8bguaf3t4u] {
    min-width: 201px;
}

.div-taskdetail-col[b-8bguaf3t4u] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
    min-width: 201px;
    max-width: 250px;
}

.icon-project-code[b-8bguaf3t4u] {
    width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
}
/* /Components/ResourceComponents/SkillComponents/BtnDelete.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-xz3ktinz95] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-xz3ktinz95] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-xz3ktinz95] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-xz3ktinz95] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-xz3ktinz95], .btn-style:focus-visible[b-xz3ktinz95], .btn-style:active[b-xz3ktinz95] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-xz3ktinz95] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-xz3ktinz95] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/ResourceComponents/SkillComponents/BtnEdit.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-rht9wpiw0a] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-rht9wpiw0a] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-rht9wpiw0a] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-rht9wpiw0a] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-rht9wpiw0a], .btn-style:focus-visible[b-rht9wpiw0a], .btn-style:active[b-rht9wpiw0a] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-rht9wpiw0a] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-rht9wpiw0a] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/ResourceComponents/SkillComponents/BtnNewSkill.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-2ut8qbmgv1] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-2ut8qbmgv1] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-2ut8qbmgv1] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-2ut8qbmgv1] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-2ut8qbmgv1], .btn-style:focus-visible[b-2ut8qbmgv1], .btn-style:active[b-2ut8qbmgv1] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-2ut8qbmgv1] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-2ut8qbmgv1] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-new[b-2ut8qbmgv1] {
    border: none;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #222F3E;
    width: 120px;
    height: 40px;
    margin-left: 45px;
    margin-top: 5px;
    margin-bottom: 7px;
    display: flex;
    flex-direction: column;
}

    .btn-new:hover[b-2ut8qbmgv1] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 120px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

    .btn-new:focus[b-2ut8qbmgv1], .btn-new-task:focus-visible[b-2ut8qbmgv1], .btn-new-task:active[b-2ut8qbmgv1] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 120px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

.img-add[b-2ut8qbmgv1] {
    padding-left: 45px;
    padding-top: 2px;
}
/* /Components/ResourceComponents/SkillComponents/SecondHeader.razor.rz.scp.css */

.second-header-div[b-qpzpv0cbv0] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    height: 55px;
}
/* /Components/ResourceComponents/SupplementaryResources/EditSupplementaryResource.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-ayo25or50q] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

.div-toggle[b-ayo25or50q] {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
}

[b-ayo25or50q] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-ayo25or50q] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-ayo25or50q] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-ayo25or50q] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-ayo25or50q] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-ayo25or50q] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-ayo25or50q] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-ayo25or50q] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-ayo25or50q] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-ayo25or50q] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-ayo25or50q] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-ayo25or50q] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-ayo25or50q] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-ayo25or50q] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-ayo25or50q] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-ayo25or50q] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-ayo25or50q] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-ayo25or50q] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-ayo25or50q] .column-3:hover, .column-3:focus[b-ayo25or50q] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-ayo25or50q] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-ayo25or50q] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-ayo25or50q] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-ayo25or50q] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-ayo25or50q] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-ayo25or50q] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-ayo25or50q] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-ayo25or50q] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-ayo25or50q] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-ayo25or50q] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-ayo25or50q] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-ayo25or50q] {
    margin-left: 110px;
    width: 370px;
    margin-top: 62px;
    background: white;
    height: 473px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-ayo25or50q] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-ayo25or50q] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-ayo25or50q] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 374px;
}

.note-ts-pos[b-ayo25or50q] {
    margin-left: 14px;
}

.modal-ts-footer[b-ayo25or50q] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-ayo25or50q] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-ayo25or50q] {
    background-color: #00b665;
}

    .switch input:checked + label[b-ayo25or50q]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-ayo25or50q]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-ayo25or50q] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-ayo25or50q] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-ayo25or50q] {
    width: 100%;
}

    .switch input[type=checkbox][b-ayo25or50q] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-ayo25or50q] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-ayo25or50q] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-ayo25or50q] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 294px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}
.startDate[type="date"][b-ayo25or50q]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 277px;
    margin-left: -41px;
    position: absolute;
    cursor: pointer;
    height: 36px;
    margin-top: -12px;
}

.endDate[type="date"][b-ayo25or50q]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 277px;
    margin-left: -41px;
    position: absolute;
    height: 37px;
    cursor: pointer;
    margin-top: -11px;
}

.input-date[b-ayo25or50q] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
/* /Components/ResourceComponents/SupplementaryResources/NewSupplementaryResource.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-kpi5usr0sh] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}
.div-toggle[b-kpi5usr0sh] {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
}
[b-kpi5usr0sh] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-kpi5usr0sh] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-kpi5usr0sh] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-kpi5usr0sh] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-kpi5usr0sh] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
.form-control:disabled[b-kpi5usr0sh], .form-control[readonly][b-kpi5usr0sh] {
    background-color: unset;
    opacity: 1;
}
.span-num:hover[b-kpi5usr0sh] {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}
input[type="date"][b-kpi5usr0sh]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
     width: 100%;
}
[b-kpi5usr0sh] .select-entry-style {
    font-family: 'GravityRegular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 250px;
    outline: none !important;
    margin-left: 19px;
    border: none;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
    /*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
    [b-kpi5usr0sh] .select-entry-style:focus  {
        box-shadow: 0 0 0 0.09rem rgb(204 204 204);
    }
[b-kpi5usr0sh] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-kpi5usr0sh] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-kpi5usr0sh] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-kpi5usr0sh] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-kpi5usr0sh] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-kpi5usr0sh] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-kpi5usr0sh] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-kpi5usr0sh] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-kpi5usr0sh] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-kpi5usr0sh] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-kpi5usr0sh] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-kpi5usr0sh] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-kpi5usr0sh] .column-3:hover, .column-3:focus[b-kpi5usr0sh] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-kpi5usr0sh] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-kpi5usr0sh] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-kpi5usr0sh] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-kpi5usr0sh] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-kpi5usr0sh] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-kpi5usr0sh] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-kpi5usr0sh] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-kpi5usr0sh] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-kpi5usr0sh] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-kpi5usr0sh] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-kpi5usr0sh] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-kpi5usr0sh] {
    margin-left: 110px;
    width: 370px;
    margin-top: 62px;
    background: white;
    height: 473px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-kpi5usr0sh] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-kpi5usr0sh] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-kpi5usr0sh] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 374px;
}

.note-ts-pos[b-kpi5usr0sh] {
    margin-left: 14px;
}

.modal-ts-footer[b-kpi5usr0sh] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-kpi5usr0sh] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-kpi5usr0sh] {
    background-color: #00b665;
}

    .switch input:checked + label[b-kpi5usr0sh]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-kpi5usr0sh]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-kpi5usr0sh] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-kpi5usr0sh] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-kpi5usr0sh] {
    width: 100%;
}

    .switch input[type=checkbox][b-kpi5usr0sh] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-kpi5usr0sh] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-kpi5usr0sh] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-kpi5usr0sh] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 294px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}


.startDate[type="date"][b-kpi5usr0sh]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 277px;
    margin-left: -41px;
    position: absolute;
    cursor: pointer;
    height: 36px;
    margin-top: -12px;
}

.endDate[type="date"][b-kpi5usr0sh]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 277px;
    margin-left: -41px;
    position: absolute;
    height: 37px;
    cursor: pointer;
    margin-top: -11px;
}

.input-date[b-kpi5usr0sh] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
/* /Components/ResourceComponents/TachesBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-shueutgpw8] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-shueutgpw8] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-shueutgpw8] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-shueutgpw8] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-shueutgpw8], .btn-style:focus-visible[b-shueutgpw8], .btn-style:active[b-shueutgpw8] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-shueutgpw8] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-shueutgpw8] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/ResourcesBookingComponents/ListResourceCard.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-cy5puc3y5q]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.div-left-menu[b-cy5puc3y5q] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border: 0.25px solid #E6E6E6;
    opacity: 1;
    display: flex;
    flex-direction: row;
    margin-bottom: -3px;
    /*	margin-top: -7px;
*/ padding: 0px;
}

.div-list-cal[b-cy5puc3y5q] {
    width: 240px;
    /*        min-width: 20%;
*/
}

.div-left[b-cy5puc3y5q] {
    /*        max-height: calc(100vh - 165px); 
        height: calc(100vh - 57px);
*/
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /* box-shadow: 2px 2px 4px #02171E33;*/
    border: 1px solid #EEEEEE;
    opacity: 1;
}

.div-ress[b-cy5puc3y5q] {
    overflow: scroll;
    height: calc(100vh - 57px);
}

.btnstyle[b-cy5puc3y5q], .btn-competence[b-cy5puc3y5q], .btnstyle-note[b-cy5puc3y5q] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}

.div-detail-infos[b-cy5puc3y5q] {
    width: 984px;
    margin-top: -4px;
    margin-left: -5px;
}

.div-detail-leftmenu[b-cy5puc3y5q] {
    padding-right: 0px;
    padding-left: 0px;
    max-width: 386px;
    position: relative;
    width: 100%;
    flex: 0 0 33.333333%;
}

.div-taskdetail-header[b-cy5puc3y5q] {
    display: inline-table;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    width: 100%;
}


[b-cy5puc3y5q] .btnstyle, .btn-competence[b-cy5puc3y5q], .btnstyle-note[b-cy5puc3y5q] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}

[b-cy5puc3y5q] .btn-competence {
    width: 100%;
}


[b-cy5puc3y5q] .btn-leftmenu-active {
    color: #0898D7;
    height: 59px;
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

[b-cy5puc3y5q] .btn-leftmenu-comp-active {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

[b-cy5puc3y5q] .imgstyle {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

[b-cy5puc3y5q] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

.div-day[b-cy5puc3y5q] {
    width: calc(100%/20);
    border-left: 1px solid #EEEEEE;
    /*    height: calc(100vh - 113px );
*/
}

.div-fst[b-cy5puc3y5q] {
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-bottom: 5px solid #18AA00;
}

.div-sec[b-cy5puc3y5q] {
    /*    border-left: 1px solid #00000028;
*/ border-top: 1px solid #EEEEEE;
    border-bottom: 5px solid #EEEEEE;
}

.flex-row[b-cy5puc3y5q] {
    overflow-x: scroll;
    width: 100%;
    margin-top: 9px;
}

.date-day[b-cy5puc3y5q] {
    min-height: 41px;
    height: unset;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 9px;
    text-align: center;
}

.date-cal[b-cy5puc3y5q] {
    display: grid;
}

.div-day-weekend[b-cy5puc3y5q] {
    width: calc(100%/20);
    border-left: 1px solid #EEEEEE;
    background: #eeeeee6b;
    /*    height: calc(100vh - 113px );
*/
}

.spandate[b-cy5puc3y5q] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    padding-right: 34px;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-weight: normal !important;
}

.arrow-rightt[b-cy5puc3y5q] {
    margin-right: 30px;
    cursor: pointer;
    margin-top: 17px;
}

input[type="month"][b-cy5puc3y5q]::-webkit-calendar-picker-indicator {
    opacity: 0;
    background: black;
    width: 140px;
    position: absolute;
}

.input-date-m[b-cy5puc3y5q] {
    text-align: center;
    border: none;
    outline: none;
}

.div-header-cal[b-cy5puc3y5q] {
    margin-left: 20px;
    /*width: 100%;*/
    display: flex;
}

.div-cont[b-cy5puc3y5q] {
    width: calc(100vw - 240px);
}

.span-selct[b-cy5puc3y5q] {
    color: #18AA00;
}

.im-arrow[b-cy5puc3y5q] {
    padding-right: 23px;
    padding-top: 9px;
    cursor: pointer
}

@media(max-width:1100px) {
    .date-day[b-cy5puc3y5q] {
        font-size: 14px;
        padding-left: 4px;
    }
}

.div-searchcal[b-cy5puc3y5q] {
    border-bottom: 5px solid #EEEEEE;
    /*height: 110px;*/
    height: 6.79em;
}

.span-search[b-cy5puc3y5q] {
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #4B6584;
}

.input-search[b-cy5puc3y5q] {
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    border: transparent;
    border-bottom: 3px solid #EEEEEE;
    width: 204px;
    outline: none;
}

.div-pa[b-cy5puc3y5q] {
    padding-top: 13px;
    padding-left: 18px;
}

.div-calsplit[b-cy5puc3y5q] {
    border-bottom: 2px solid #EEEEEE;
    height: 130px;
}

.div-calsplit-small[b-cy5puc3y5q] {
    border-bottom: 2px solid #EEEEEE;
    height: 30px;
}

.div-calsplit-smalllast[b-cy5puc3y5q] {
    border-bottom: 4px solid #EEEEEE;
    height: 30px;
}

.div-split-res[b-cy5puc3y5q] {
    height: 320px;
    border-bottom: 4px solid #EEEEEE;
}
/* /Components/ResourcesBookingComponents/ResourcesBookingCalendar.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-8llmn79apw]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.div-left-menu[b-8llmn79apw] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border: 0.25px solid #E6E6E6;
    opacity: 1;
    display: flex;
    flex-direction: row;
    margin-bottom: -3px;
    /*	margin-top: -7px;
*/ padding: 0px;
}

.div-list-cal[b-8llmn79apw] {
    width: 240px;
    /*        min-width: 20%;
*/
}

.div-left[b-8llmn79apw] {
   
    /*        max-height: calc(100vh - 165px); 
        height: calc(100vh - 57px);
*/
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /* box-shadow: 2px 2px 4px #02171E33;*/
    border: 1px solid #EEEEEE;
    opacity: 1;
}

.div-ress[b-8llmn79apw] {
    overflow:scroll;
    height: calc(100vh - 57px);
}
.btnstyle[b-8llmn79apw], .btn-competence[b-8llmn79apw], .btnstyle-note[b-8llmn79apw] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}

.div-detail-infos[b-8llmn79apw] {
    width: 984px;
    margin-top: -4px;
    margin-left: -5px;
}

.div-detail-leftmenu[b-8llmn79apw] {
    padding-right: 0px;
    padding-left: 0px;
    max-width: 386px;
    position: relative;
    width: 100%;
    flex: 0 0 33.333333%;
}

.div-taskdetail-header[b-8llmn79apw] {
    display: inline-table;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    width: 100%;
}


[b-8llmn79apw] .btnstyle, .btn-competence[b-8llmn79apw], .btnstyle-note[b-8llmn79apw] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}

[b-8llmn79apw] .btn-competence {
    width: 100%;
}


[b-8llmn79apw] .btn-leftmenu-active {
    color: #0898D7;
    height: 59px;
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

[b-8llmn79apw] .btn-leftmenu-comp-active {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

[b-8llmn79apw] .imgstyle {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

[b-8llmn79apw] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}
.div-day[b-8llmn79apw] {
    width: calc(100%/20);
    border-left: 1px solid #EEEEEE;
/*    height: calc(100vh - 113px );
*/}
.div-fst[b-8llmn79apw] {
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-bottom: 5px solid #18AA00;
}
.div-sec[b-8llmn79apw] {
    /*    border-left: 1px solid #00000028;
*/ border-top: 1px solid #EEEEEE;
    border-bottom: 5px solid #EEEEEE;
}
.flex-row[b-8llmn79apw] {
     
    width: 100%;
 /*   margin-top: 9px;*/
}
.date-day[b-8llmn79apw] {
    min-height: 41px;
    height: unset;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left:  9px;
    text-align: center;
}
.date-cal[b-8llmn79apw]{
    display:grid;
}
.div-day-weekend[b-8llmn79apw] {
    width: calc(100%/20);
    border-left: 1px solid #EEEEEE;
    background: #eeeeee6b;
/*    height: calc(100vh - 113px );
*/}
.spandate[b-8llmn79apw] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    padding-right: 34px;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-weight: normal !important;
}
.arrow-rightt[b-8llmn79apw] {
    padding-left: 20px;
    cursor: pointer;
    margin-top: 17px;
}

.input-date-month[b-8llmn79apw]::-webkit-calendar-picker-indicator {
    opacity: 0;
    background: black;
    width: 140px;
    position: absolute;
}

.input-date-month[b-8llmn79apw] {
    text-align: center;
    border: none;
    outline: none;
    background: #f1f1f1;
    margin-top: -2px;
}
.div-header-cal[b-8llmn79apw] {
    width: 100%;
    display: flex;
    height: 45px;
/*    flex-grow: 1;
*/    background-color: #f1f1f1;
    box-shadow: 0px 0px 8px 0px #00000029 inset;
}
.header-calend[b-8llmn79apw] {
    margin-top: 11px;
    flex: auto;
}
.div-cont[b-8llmn79apw] {
    display: flex;
    overflow: scroll;
    height: calc(100vh - 115px );
}
.calend-cont[b-8llmn79apw] {
    display: flex;
/*    overflow-x: scroll;
*/
}
 
/* Designing for scroll-bar */
[b-8llmn79apw]::-webkit-scrollbar {
    width: 5px !important;
}

/* Track */
[b-8llmn79apw]::-webkit-scrollbar-track {
    background: #dcdcdc9c !important;
    border-radius: 8px;
}

/* Handle */
[b-8llmn79apw]::-webkit-scrollbar-thumb {
    background: #b7b0b0b3 !important;
    border-radius:18px;
}

    /* Handle on hover */
    [b-8llmn79apw]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
.div-calend[b-8llmn79apw] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    /* width:100%;*/
    /*   width: calc(100vw - 240px );
 */
}
.span-selct[b-8llmn79apw] {
    color: #18AA00;
}
.im-arrow[b-8llmn79apw] {
    padding-right: 23px;
    /*    padding-top: 9px;
*/ cursor: pointer; width: 33px;
}

@media(max-width:1100px){
    .date-day[b-8llmn79apw] {
        font-size: 14px;
        padding-left: 4px;
    }
    }

.div-searchcal[b-8llmn79apw] {
    border-bottom: 5px solid #EEEEEE;
    /*height: 110px;*/
    height: 6.8em;
}

.span-search[b-8llmn79apw] {
    padding-left: 6px;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #4B6584;
}
.input-search[b-8llmn79apw] {
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    border: transparent;
    border-bottom: 3px solid #EEEEEE;
    width: 204px;
    outline:none;
}
.div-pa[b-8llmn79apw] {
    padding-top: 13px;
    padding-left: 18px;
}

.div-calsplit[b-8llmn79apw] {
 
    border-bottom: 2px solid #EEEEEE;
    height: 97px;
}
.div-calsplit-small[b-8llmn79apw] {
    border-bottom: 2px solid #EEEEEE;
    height: 30px;
}
.div-calsplit-smalllast[b-8llmn79apw] {
    border-bottom: 4px solid #EEEEEE;
    height: 30px;
}
.div-split-res[b-8llmn79apw] {
    height: 153px;
    border-bottom: 4px solid #EEEEEE;
}

.span-blue[b-8llmn79apw] {
    font-family: 'Franklin Gothic Medium Regular';
    color: white;
    font-size: 12px;
    padding-left: 6px;
 
}
.div-blue[b-8llmn79apw] {
    width: 102.5%;
    position: relative;
    height: 26px;
    background: #0043ffe3;
/*    margin-top: 6px;*/
    /*  border-radius: 4px;*/
}
.div-green[b-8llmn79apw] {
    width: 102.5%;
    position: relative;
    height: 26px;
 /*   margin-top: 6px;*/
    background: #1DD1A1;
    /*  border-radius: 4px;*/
}

.div-red[b-8llmn79apw] {
    width: 102.5%;
    position: relative;
    height: 26px;
    background: #e64e94;
   /* margin-top: 6px;*/
    /* border-radius: 4px;*/
}

.div-absence[b-8llmn79apw] {
    height: 27px;
}
.img-abs[b-8llmn79apw] {
    width: 14px;
    height: 24px;
    margin-left: 6px;
}
.img-ab[b-8llmn79apw] {
    width: 20px;
    height: 24px;
    margin-left: 4px;
}
.div-occup[b-8llmn79apw] {
    height: 97px;
}
.divchauv[b-8llmn79apw] {
    height:25px;
}
.div-absence[b-8llmn79apw], .div-booking[b-8llmn79apw], .div-occup[b-8llmn79apw] {

    border-bottom: 2px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    background: #eeeeee7d;
}
.div-res-tt[b-8llmn79apw] {
    width: 210px;
}
.divchauv[b-8llmn79apw] {
    border-left: 1px solid #EEEEEE;
    background: #eeeeee7d;
}
.span-chav[b-8llmn79apw] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
    text-align: center;
    color: #C4C4C4;
    padding-left: 2px;
}
/*.div-cont::-webkit-scrollbar {
    width: 9px !important;
}*/
.circle-chauv[b-8llmn79apw] {
    border: 2px solid #cd1515ab;
    border-radius: 13px;
    height: 12px;
    width: 93%;
    margin-left: 2px;
    margin-top: 6px;
    text-align: center;
}
.divress[b-8llmn79apw] {
    padding-left: 10px;
    padding-top: 9px;
}
[b-8llmn79apw]::-webkit-scrollbar:horizontal {
    height: 9px;
}


.prog-style[value][b-8llmn79apw] {
    -webkit-appearance: none;
    appearance: none;
    margin-top: 1px;
    width: 59%;
    height: 8px;
    margin-left: 1px;

}

    .prog-style[value][b-8llmn79apw]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .prog-style[value][b-8llmn79apw]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }


@media only screen and (max-width: 1320px) {
}

.label-per[b-8llmn79apw] {
/*    margin-left: 93px;
*/    font-size: 10px;
}

.prog-style[b-8llmn79apw] {
    width: 75%;
}
}


@media only screen and (max-width: 1250px) {

    .label-per[b-8llmn79apw] {
        text-align: end;
    }

    .prog-style[b-8llmn79apw] {
        width: 75%;
    }
}

.div-calsplit-fst[b-8llmn79apw] {
    height: 28px;
    border-bottom: 2px solid #EEEEEE;
}
/* /Components/TaskComponents/EditTaskComponentPage.razor.rz.scp.css */
.div-scroll-items[b-i0qk6tetpo] {
    overflow-y: scroll;
    height: calc(100vh - 115px) !important;
}

/*@media screen and (min-width: 1001px) and (max-width: 1366px) {
   ::deep .card-body {
        overflow-x: hidden !important;
    }
}*/
.btnAction[b-i0qk6tetpo] {
    position: absolute;
    display: flex;
    top: 40px;
    left: 383px;
    display: none;
}
[b-i0qk6tetpo] .div-action {
    padding-right: 11px;
}

.div-item:hover   .btnAction[b-i0qk6tetpo] {
    display: block;
}
.img-deletabs[b-i0qk6tetpo] {
    margin-left: 26px;
    margin-top: -23px;
}
.div-action[b-i0qk6tetpo] {
    cursor: pointer;
}

@media screen and (min-width:1700px) {
    .container-header[b-i0qk6tetpo] {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        height:851px;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-header[b-i0qk6tetpo] {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        height:634px;
    }
}
/* /Components/TaskComponents/FilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-2cpd68ynar] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-2cpd68ynar] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-2cpd68ynar] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-2cpd68ynar] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-2cpd68ynar] {
    margin-top: 17px;
}

.closepop-entrerheure[b-2cpd68ynar] {
    float: right;
}

.modal-body-filter[b-2cpd68ynar] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-2cpd68ynar] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}



.modal-footer-filter[b-2cpd68ynar] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-2cpd68ynar] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-2cpd68ynar] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-2cpd68ynar] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
@media screen and (max-width: 1024px) {
    .modal-filter-content[b-2cpd68ynar] {
        margin-left: -150px!important;
    }
}
/* /Components/TaskComponents/ItemReqStagingDetail.razor.rz.scp.css */
.img-round[b-bgwfvyyyo7] {
    border-radius: 50%;
    width: 45px !important;
    height: 45px !important;
}
.span-user-name[b-bgwfvyyyo7]  {
    text-align: left;
    letter-spacing: 0.77px;
    color: #232627;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    flex: auto;
    margin-left: 13px;
}
/* /Components/TaskComponents/ItemReqStagingModal.razor.rz.scp.css */
.poslog-entrerheure[b-wyi3xhx4lp] {
    margin-top: -181px;
    margin-left: 228px;
}
/* /Components/TaskComponents/NewEditItemModal.razor.rz.scp.css */
.nrnInput[b-epoi0cyfgh] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    color: #35414C;
    width: 230px;
    height: 32px !important;
}

.border-input:hover[b-epoi0cyfgh] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.nrnInput:disabled[b-epoi0cyfgh], .nrnInput[readonly][b-epoi0cyfgh] {
    background-color: transparent;
    opacity: 1;
}

/*
        .nrnInput:focus {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: white;
    }
    */
/* /Components/TaskComponents/NewEditTaskModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.span-add-new[b-gqss6nf0u6] {
    text-align: end;
    padding-right: 26px;
}
.newAdd[b-gqss6nf0u6] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    color: #1f6fca;
    text-decoration: underline;
    cursor:pointer;
}
[b-gqss6nf0u6] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

.div-toggle[b-gqss6nf0u6] {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
}

[b-gqss6nf0u6] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-gqss6nf0u6] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-gqss6nf0u6] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-gqss6nf0u6] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-gqss6nf0u6] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-gqss6nf0u6] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: none;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-gqss6nf0u6] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-gqss6nf0u6] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-gqss6nf0u6] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-gqss6nf0u6] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-gqss6nf0u6] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-gqss6nf0u6] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-gqss6nf0u6] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-gqss6nf0u6] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-gqss6nf0u6] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-gqss6nf0u6] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-gqss6nf0u6] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-gqss6nf0u6] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-gqss6nf0u6] .column-3:hover, .column-3:focus[b-gqss6nf0u6] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-gqss6nf0u6] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-gqss6nf0u6] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-gqss6nf0u6] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-gqss6nf0u6] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-gqss6nf0u6] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-gqss6nf0u6] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-gqss6nf0u6] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-gqss6nf0u6] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-gqss6nf0u6] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-gqss6nf0u6] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-gqss6nf0u6] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-gqss6nf0u6] {
    margin-left: 110px;
    width: 370px;
    margin-top: 62px;
    background: white;
    height: 473px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-gqss6nf0u6] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-gqss6nf0u6] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-gqss6nf0u6] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 374px;
}

.note-ts-pos[b-gqss6nf0u6] {
    margin-left: 14px;
}

.modal-ts-footer[b-gqss6nf0u6] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-gqss6nf0u6] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-gqss6nf0u6] {
    background-color: #00b665;
}

    .switch input:checked + label[b-gqss6nf0u6]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-gqss6nf0u6]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-gqss6nf0u6] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-gqss6nf0u6] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-gqss6nf0u6] {
    width: 100%;
}

    .switch input[type=checkbox][b-gqss6nf0u6] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-gqss6nf0u6] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-gqss6nf0u6] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-gqss6nf0u6] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 294px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}


.startDate[type="date"][b-gqss6nf0u6]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 277px;
    margin-left: -41px;
    position: absolute;
    cursor: pointer;
    height: 36px;
    margin-top: -12px;
}

.endDate[type="date"][b-gqss6nf0u6]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 277px;
    margin-left: -41px;
    position: absolute;
    height: 37px;
    cursor: pointer;
    margin-top: -11px;
}

.input-date[b-gqss6nf0u6] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}


[b-gqss6nf0u6] .select-entry-style, .input-entry-style[b-gqss6nf0u6], .div-box-date-container[b-gqss6nf0u6] {
    width: 90% !important;
    margin-left: 8px !important;
}

[b-gqss6nf0u6] .textarea-prj {
    padding: 11px;
    height: inherit;
    width: inherit;
    /* border: none; */
    background: none;
    resize: none;
    /* margin-top: 9px; */
    outline: none;
    width: 90%;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    margin-left: 9px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}
/* /Components/TaskComponents/NewTaskComponentPage.razor.rz.scp.css */
.div-scroll-items[b-wet5m6fh09] {
    overflow-y: scroll;
    height: calc(100vh - 115px) !important;
}

/*@media screen and (min-width: 1001px) and (max-width: 1366px) {
   ::deep .card-body {
        overflow-x: hidden !important;
    }
}*/
.btnAction[b-wet5m6fh09] {
    position: absolute;
    display: flex;
    top: 40px;
    left: 383px;
    display: none;
}
[b-wet5m6fh09] .div-action {
    padding-right: 11px;
}

.div-item:hover   .btnAction[b-wet5m6fh09] {
    display: block;
}
.img-deletabs[b-wet5m6fh09] {
    margin-left: 26px;
    margin-top: -23px;
}
.div-action[b-wet5m6fh09] {
    cursor: pointer;
}
/* /Components/TaskComponents/NewTaskHeader.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-q0hdf4o3t2] .div-comp {
    max-width: unset !important;
    min-width: unset !important;
    width: 100% !important;
}

[b-q0hdf4o3t2] .input-style {
    width: 95% !important;
    max-width: unset !important;
    min-width: unset !important;
}

@media (min-width:900px) {
    [b-q0hdf4o3t2] .card-info {
        margin-top: -9px !important;
        padding-top: 3px;
    }
}

@media (max-width:900px) {
    [b-q0hdf4o3t2] .taskdetail-col {
        padding-top: 0 !important;
    }
}
/*
@media (max-width:1150px) {
    ::deep .div-note-content {
        height: unset !important;
    }

    ::deep .div-note-content {
        flex-direction: column;
    }

    ::deep .div-espace-note {
        margin-left: 54px !important;
    }

    ::deep .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    ::deep .div-text-note {
        margin-top: 0px !important;
    }
}*/

@media (min-width:650px) {
    [b-q0hdf4o3t2] .div-cmd {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        margin-top: 8px;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:650px) and (min-width:475px) {
    [b-q0hdf4o3t2] .div-cmd {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:475px) {
    [b-q0hdf4o3t2] .div-cmd {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

[b-q0hdf4o3t2] .text-sty {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

@media (min-width: 1123px) {
    [b-q0hdf4o3t2] .card-item-content {
        width: 100%;
    }

    [b-q0hdf4o3t2] .card-item-col-first {
        width: 50% !important;
        margin-left: 0 !important;
    }

    [b-q0hdf4o3t2] .card-item-col-sec {
        width: 50% !important;
        margin-left: 0 !important;
    }
}

@media (min-width: 1123px) and (max-width: 1310px) {
    [b-q0hdf4o3t2] .card-item-col-sec, .card-item-col-first[b-q0hdf4o3t2] {
        width: 100% !important;
    }

    [b-q0hdf4o3t2] .card-item-content {
        padding-left: 32px;
    }
}

[b-q0hdf4o3t2] .item-div-one {
    flex: auto;
}

[b-q0hdf4o3t2] .span-item-value {
    padding-right: 20px;
}

[b-q0hdf4o3t2] .card-item-col-first {
    margin-left: 0 !important;
}


.card-info-content[b-q0hdf4o3t2] {
    max-width: 100%;
    border-radius: 0px;
    /*    margin-top: -5px;
*/ margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
}

[b-q0hdf4o3t2] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-q0hdf4o3t2] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-q0hdf4o3t2] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-q0hdf4o3t2] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-q0hdf4o3t2] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-q0hdf4o3t2] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-q0hdf4o3t2] .div-line-col {
        display: grid;
    }
}

[b-q0hdf4o3t2] .content-project-div {
    max-width: 1382px;
}

[b-q0hdf4o3t2] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-q0hdf4o3t2] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-q0hdf4o3t2] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'GravityRegular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-q0hdf4o3t2] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-q0hdf4o3t2] .project-code {
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-q0hdf4o3t2] .project-name {
    font-family: 'GravityRegular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-q0hdf4o3t2] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-q0hdf4o3t2] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-q0hdf4o3t2] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-q0hdf4o3t2] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-q0hdf4o3t2] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-q0hdf4o3t2] .input-prj-style {
    background-color: white;
    font-family: 'GravityRegular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-q0hdf4o3t2] .div-note-content {
        height: unset !important;
    }

    [b-q0hdf4o3t2] .div-note-content {
        flex-direction: column;
    }

    [b-q0hdf4o3t2] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-q0hdf4o3t2] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-q0hdf4o3t2] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-q0hdf4o3t2] .span-prj-number {
    font-family: 'GravityRegular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-q0hdf4o3t2] .span-prj-titlee {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

[b-q0hdf4o3t2] .col-prj {
    padding-left: 0px;
}

[b-q0hdf4o3t2] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'GravityRegular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-q0hdf4o3t2] .input-style, .input-icon[b-q0hdf4o3t2] {
    background-color: white;
    font-family: 'GravityRegular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-q0hdf4o3t2] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
    padding-left: 37px !important;
}

@media only screen and (max-width:1366px) {
    [b-q0hdf4o3t2] .div-dashboard {
        display: none;
    }
}

[b-q0hdf4o3t2] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-q0hdf4o3t2] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-q0hdf4o3t2] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-q0hdf4o3t2] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'GravityRegular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-q0hdf4o3t2] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'GravityRegular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-q0hdf4o3t2] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 13px;
    margin-left: 4px;
}

[b-q0hdf4o3t2] .div-hour {
    margin-top: 4px;
}

[b-q0hdf4o3t2] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'GravityRegular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-q0hdf4o3t2] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'GravityRegular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-q0hdf4o3t2] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-q0hdf4o3t2] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-q0hdf4o3t2] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-q0hdf4o3t2] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-q0hdf4o3t2] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-q0hdf4o3t2] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-q0hdf4o3t2] check-span {
    content: "\2713";
}

[b-q0hdf4o3t2] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-q0hdf4o3t2] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-q0hdf4o3t2] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-q0hdf4o3t2] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-q0hdf4o3t2] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-q0hdf4o3t2] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-q0hdf4o3t2] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-q0hdf4o3t2] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-q0hdf4o3t2] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-q0hdf4o3t2] .div-note-content {
        height: unset !important;
    }

    [b-q0hdf4o3t2] .div-note-content {
        flex-direction: column;
    }

    [b-q0hdf4o3t2] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-q0hdf4o3t2] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-q0hdf4o3t2] .div-text-note {
        margin-top: 0px !important;
    }
}


[b-q0hdf4o3t2] .span-number {
    font-family: 'GravityRegular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-q0hdf4o3t2] .span-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-q0hdf4o3t2] .div-container-taskdetail {
    display: flex;
    flex-direction: row;
}

[b-q0hdf4o3t2] .prog-style[value] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    margin-top: 1px;
    width: 85%;
    height: 8px;
    margin-left: 15px;
    margin-bottom: 9px;
}

    [b-q0hdf4o3t2] .prog-style[value]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    [b-q0hdf4o3t2] .prog-style[value]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

[b-q0hdf4o3t2] .label-per {
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    margin-bottom: 0px;
}

@media(min-width:1220px) {
    [b-q0hdf4o3t2] .label-per {
        margin-left: 80%;
    }
}



/*//---------------------------------------------*/
@media (min-width:550px) and (max-width:900px) {

    .div-prj-container[b-q0hdf4o3t2] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .card-info-content[b-q0hdf4o3t2] {
        height: unset !important;
    }

    .input-icon[b-q0hdf4o3t2], .input-prj-style[b-q0hdf4o3t2], .prj-textarea[b-q0hdf4o3t2] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}

@media (max-width:550px) {

    .div-prj-container[b-q0hdf4o3t2] {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .card-info-content[b-q0hdf4o3t2] {
        height: unset !important;
    }

    .input-icon[b-q0hdf4o3t2], .input-prj-style[b-q0hdf4o3t2], .prj-textarea[b-q0hdf4o3t2] {
        box-shadow: 1px 1px 3px #02171e33 !important;
    }
}

.list-info-list[b-q0hdf4o3t2] {
    overflow: scroll;
    height: calc(100vh - 98px);
}
.nrnInput[b-q0hdf4o3t2] {
    background-color: transparent;
    border: 0px solid #FFFFFF !important;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}
.span-username-res-id[b-q0hdf4o3t2] {
    margin-top: -28px;
    margin-left: 27px;
    font-family: 'GravityRegular';
    font-size: 12px;
    /*color: #8395A7;*/
    color: #7A91AA;
    opacity: 1;
}

/*
        .nrnInput:focus {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: white;
    }
    */
/* /Components/TaskComponents/ResourcesTaskAssignmentModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
[b-mm0p2v6mgr] .card-resource-assign{
    height:100% !important;
    width:100% !important;
}
input[type='time'][b-mm0p2v6mgr]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-mm0p2v6mgr] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-mm0p2v6mgr] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-mm0p2v6mgr] {
    width: 100%;
}

    .switch input[type=checkbox][b-mm0p2v6mgr] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-mm0p2v6mgr] {
        cursor: pointer;
        text-indent: -99999px;
        width: 56px;
        height: 29px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
    }

    .switch input:checked + label[b-mm0p2v6mgr] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-mm0p2v6mgr]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-mm0p2v6mgr]:after {
        content: '';
        position: absolute;
        top: 3px;
        left: 5px;
        width: 23px;
        height: 23px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-mm0p2v6mgr] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-mm0p2v6mgr] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-mm0p2v6mgr] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-mm0p2v6mgr] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-mm0p2v6mgr] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-mm0p2v6mgr] {
    background-color: transparent;
    border: none;
    font-size: 30px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-mm0p2v6mgr] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-mm0p2v6mgr] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-mm0p2v6mgr], .column-3:focus[b-mm0p2v6mgr] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-mm0p2v6mgr] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-mm0p2v6mgr] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-mm0p2v6mgr] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-mm0p2v6mgr] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-mm0p2v6mgr] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-mm0p2v6mgr] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-mm0p2v6mgr] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-mm0p2v6mgr] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-mm0p2v6mgr] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-mm0p2v6mgr] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-mm0p2v6mgr] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-mm0p2v6mgr] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-mm0p2v6mgr] {
    margin-right: 0px;
}


select[b-mm0p2v6mgr] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-mm0p2v6mgr]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-mm0p2v6mgr] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-mm0p2v6mgr] {
    width: 433px;
    height: 569px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 30px;
    margin-left: -83px;
}
.modal-header-assig[b-mm0p2v6mgr] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: grid;
    grid-template-columns: 9fr 1fr;
    align-items: center;
}
.modal-header-accepter[b-mm0p2v6mgr] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
[b-mm0p2v6mgr] .span-username-res {
 
    text-align: left !important;
}
[b-mm0p2v6mgr] .imgb {
    padding-left: 0 !important;
    margin-left: -10px;
}

[b-mm0p2v6mgr] .imgassign {
    padding-left: 0 !important;
    margin-left: -10px;
}
.modal-body-accepter[b-mm0p2v6mgr] {
   
    text-align: center;
    height: 569px;
    display: flex;
     overflow: auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 15px;
}
.modal-body-assign[b-mm0p2v6mgr] {
 
    height: 569px;
    display: flex;
    overflow: auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 15px;
}

.modal-footer-accepter[b-mm0p2v6mgr] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-mm0p2v6mgr] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-mm0p2v6mgr] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-mm0p2v6mgr] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-mm0p2v6mgr] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-mm0p2v6mgr] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-mm0p2v6mgr] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-mm0p2v6mgr]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-mm0p2v6mgr]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-mm0p2v6mgr] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-mm0p2v6mgr] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-mm0p2v6mgr] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-mm0p2v6mgr] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-mm0p2v6mgr] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-mm0p2v6mgr] {
    width: 16px;
    height: 12px;
}

.ul-error[b-mm0p2v6mgr] {
    text-align: left;
    list-style: none;
}

.icon-error[b-mm0p2v6mgr] {
    width: 20px;
    height: 20px;
    margin-top: -3px;
}

.div-footer[b-mm0p2v6mgr] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/
.modal-entrerheure-content[b-mm0p2v6mgr] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -83px;
}

.modal-header-entrerheure[b-mm0p2v6mgr] {
    width: 335px;
    height: 60px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-mm0p2v6mgr] {
    line-height: 15px;
}

.modal-title-entrerheure[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 16px;
    margin-left: 7px;
    font-size: 20.5px;
}
[b-mm0p2v6mgr] .closem {
    margin-top: 0px !important;
    font-size: 40px!important;
}
.closepop-entrerheure[b-mm0p2v6mgr] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -5px;
    margin-left: 5px;
    outline: none !important;
}

.img-enterheure[b-mm0p2v6mgr] {
    margin-left: 16px;
    width: 20px;
    height: 59px;
}

.modal-footer-entrerheure[b-mm0p2v6mgr] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

[b-mm0p2v6mgr]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-mm0p2v6mgr] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-mm0p2v6mgr] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-mm0p2v6mgr] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-mm0p2v6mgr] {
    width: 23px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-mm0p2v6mgr] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-mm0p2v6mgr] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-mm0p2v6mgr] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-mm0p2v6mgr] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-mm0p2v6mgr] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-mm0p2v6mgr] {
    display: flex;
    flex-direction: column;
    padding-left: 46px;
    padding-bottom: 11px;
    padding-top: 18px;
}

}

.img-stat[b-mm0p2v6mgr] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-mm0p2v6mgr] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-mm0p2v6mgr] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-mm0p2v6mgr] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-mm0p2v6mgr] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-mm0p2v6mgr] {
    margin-top: 11px;
}

.img-choix[b-mm0p2v6mgr] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-mm0p2v6mgr] {
    margin-left: 4px;
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-mm0p2v6mgr] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-mm0p2v6mgr] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-mm0p2v6mgr] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-mm0p2v6mgr] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-mm0p2v6mgr] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-mm0p2v6mgr] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-mm0p2v6mgr] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-mm0p2v6mgr] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-mm0p2v6mgr] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-mm0p2v6mgr] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-mm0p2v6mgr] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-mm0p2v6mgr] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-mm0p2v6mgr] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-mm0p2v6mgr] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-mm0p2v6mgr] {
    margin-top: 9px;
}

.span-debut-chrono[b-mm0p2v6mgr] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-mm0p2v6mgr] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}
[b-mm0p2v6mgr] .div-header-ressource {
    text-align: center;
}

[b-mm0p2v6mgr] .ressourceModal {
    position: absolute !important;
    border-radius: 9px 9px 9px 9px; /* left: -2px; */
    left: 432px;
    height: 559px !important;
    width: 368px !important;
}
.modal-entrermanuel-content[b-mm0p2v6mgr] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}
[b-mm0p2v6mgr] .div-dates-res{
    margin-top: -3px;
    padding-bottom: 5px;
 }
[b-mm0p2v6mgr] .dateimg {
    margin-top: 2px !important;
    /* margin-top: 7px; */
}
[b-mm0p2v6mgr] .div-dat {
    padding-top: 3px;
}
.modal-body-entrermanuel[b-mm0p2v6mgr] {
    overflow-x: hidden;
    overflow: scroll;
}
[b-mm0p2v6mgr] .closepop-entrerheure {
    
    margin-top: 17px !important;
 
}
[b-mm0p2v6mgr] .col-filter {
    text-align: left;
    margin-top: 23px !important;
}
[b-mm0p2v6mgr] .labelStyle {
    text-align: left;
}
.div-box-date-container[b-mm0p2v6mgr] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-mm0p2v6mgr] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-mm0p2v6mgr] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-mm0p2v6mgr] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-mm0p2v6mgr] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-mm0p2v6mgr] {
    margin-left: 32px;
    margin-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none;
}

.div-box-heure[b-mm0p2v6mgr] {
    margin-top: -28px;
}

.div-title-manuel[b-mm0p2v6mgr] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-mm0p2v6mgr] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-mm0p2v6mgr] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-mm0p2v6mgr] {
    margin-left: 69px;
    width: 368px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-mm0p2v6mgr] {
    width: 368px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-mm0p2v6mgr] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-mm0p2v6mgr] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-mm0p2v6mgr] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-mm0p2v6mgr] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-mm0p2v6mgr] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-mm0p2v6mgr] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-mm0p2v6mgr] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-mm0p2v6mgr] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-mm0p2v6mgr] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-mm0p2v6mgr] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-mm0p2v6mgr] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-mm0p2v6mgr] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-mm0p2v6mgr] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-mm0p2v6mgr] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-mm0p2v6mgr] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-mm0p2v6mgr] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-mm0p2v6mgr] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-mm0p2v6mgr] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-mm0p2v6mgr] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-mm0p2v6mgr] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-mm0p2v6mgr] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-mm0p2v6mgr] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-mm0p2v6mgr] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-mm0p2v6mgr] {
    margin-left: 114px;
}

.note-livrer-pos[b-mm0p2v6mgr] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-mm0p2v6mgr] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-mm0p2v6mgr] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-mm0p2v6mgr] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-mm0p2v6mgr] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-mm0p2v6mgr] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-mm0p2v6mgr] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-mm0p2v6mgr] {
    width: 42px;
    height: 42px;
}

.span-scan[b-mm0p2v6mgr] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-mm0p2v6mgr] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-mm0p2v6mgr] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-mm0p2v6mgr] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-mm0p2v6mgr] {
        display: block !important;
    }

    .display-date-sec[b-mm0p2v6mgr] {
        display: none !important;
    }
}

.display-date[b-mm0p2v6mgr] {
    display: none;
}

.modal-ts-content[b-mm0p2v6mgr] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-mm0p2v6mgr] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-mm0p2v6mgr] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-mm0p2v6mgr] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-mm0p2v6mgr] {
    margin-left: 14px;
}

.modal-ts-footer[b-mm0p2v6mgr] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-mm0p2v6mgr] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: none;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-mm0p2v6mgr] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-mm0p2v6mgr] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-mm0p2v6mgr] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-mm0p2v6mgr] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-mm0p2v6mgr] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-mm0p2v6mgr] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-mm0p2v6mgr] {
    margin: 0;
}
/* /Components/TaskComponents/TaskCalendarComponents/BoardTask.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

@font-face {
    font-family: Montserrat-Regular;
    src: url('../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

.div-card-content[b-u39v32c6w1] {
    display: flex;
    flex-direction: row;
    position: relative;
    margin-top: 4px;
    padding-left: 2px;
    overflow: auto;
}

    .div-card-content[b-u39v32c6w1]::-webkit-scrollbar {
        display: none;
    }

.arrow-left[b-u39v32c6w1] {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #ffffff;
    position: absolute;
    right: -2px;
    top: 20px;
}

[b-u39v32c6w1]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.div-card[b-u39v32c6w1] {
    border-radius: 1px;
    background: rgba(230,234,237,.2);
}

.card-task:hover[b-u39v32c6w1] {
    box-shadow: 2px 1px 10px #00000040;
}


.taskCode[b-u39v32c6w1] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: rgba(131,149,167,1);
    letter-spacing: 0.25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
}

.percentage-task-progress[b-u39v32c6w1] {
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 9px;
    letter-spacing: 0.35px;
    color: #808080;
    opacity: 1;
    margin-right: 5px;
    padding-top: 2px;
    position: relative;
    top: 2px;
}

.taskTitle[b-u39v32c6w1] {
    /* overflow: visible; */
    /* white-space: nowrap; */
    line-height: 20px;
    margin-top: -1.5px;
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* width: 205px; */
}

.emplacement[b-u39v32c6w1] {
    overflow: visible;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Book Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: rgba(87,101,116,1);
}

.userimg[b-u39v32c6w1] {
    width: 31px;
    /*height: 47px;*/
    object-fit: cover;
    /*border-radius: 50%;*/
}

.city[b-u39v32c6w1] {
    overflow: visible;
    width: 55px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
    color: #576574;
    color: rgba(87,101,116,1);
}

.cityimg[b-u39v32c6w1] {
    width: 15px;
    height: 15px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 5px;
    margin-left: 15px;
}

.citynb[b-u39v32c6w1] {
    overflow: visible;
    width: 58px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(131,149,167,1);
    float: left;
    margin-left: 17px;
}

.b1[b-u39v32c6w1], .b2[b-u39v32c6w1], .b3[b-u39v32c6w1] {
    display: inline-table;
}

.bl1[b-u39v32c6w1], .bl2[b-u39v32c6w1] {
    display: inline-table;
}

.datestyle[b-u39v32c6w1] {
    overflow: visible;
    width: 80px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: #576574;
}

.dateimg[b-u39v32c6w1] {
    width: 14px;
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.labelper[b-u39v32c6w1] {
    color: #808080;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 10px;
    margin-left: 168px;
}

progress[value][b-u39v32c6w1] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 62px;
    height: 6px;
    margin-left: 126px;
    margin-top: -9px;
}



    progress[value][b-u39v32c6w1]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }



    progress[value][b-u39v32c6w1]::-webkit-progress-value {
        background-color: #8395A7;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.taskTitle:hover[b-u39v32c6w1] {
    text-decoration: underline;
}

.task-card[b-u39v32c6w1] {
    width: 368px;
    width: 368px;
}

.div-search-filter[b-u39v32c6w1] {
    display: flex;
    flex-direction: row;
    width: 368px
}

.div-list-cards[b-u39v32c6w1] {
    overflow: scroll;
    max-height: 760px;
    overflow-x: hidden;
    width: 368px;
}

.NbreResource[b-u39v32c6w1] {
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    text-align: center;
    min-width: 30px;
    padding: -10px;
    opacity: 1;
    float: right;
    font-size: 10.6px;
    width: 30px;
    height: 30px;
    padding-right: 2px;
    padding-top: 5px !important;
    font-family: Franklin Gothic Medium Regular;
    margin-bottom: 0px !important;
    margin-top: -7px;
    margin-left: -2px;
}
/* /Components/TaskComponents/TaskCalendarComponents/CalendarComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.span-header[b-bu0y0j5cbu] {
    text-align: left;
    letter-spacing: 0px;
    color: #4C5760;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}


.date-day[b-bu0y0j5cbu] {
    text-align: left;
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    font-weight: normal !important;
    height: 41px;
    padding-top: 10px;
    padding-left: 15px;
}


input[b-bu0y0j5cbu]::-webkit-datetime-edit-fields-wrapper {
    text-decoration: underline;
}

input[type="date"][b-bu0y0j5cbu]::-webkit-calendar-picker-indicator {
    background: transparent;
    color: transparent;
    cursor: pointer;
    position: absolute;
    left: 317px;
    width: 105px;
    height: 34px;
}

.calendar-line[b-bu0y0j5cbu] {
}


@media screen and (min-width: 800px) and (max-width: 1000px) {
    .main[b-bu0y0j5cbu] {
        overflow-x: scroll;
    }

    .card-body[b-bu0y0j5cbu] {
        overflow-x: scroll;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1366px) {
    .card-body[b-bu0y0j5cbu] {
        overflow-x: scroll;
    }
}

.input-date[b-bu0y0j5cbu] {
    outline: none;
    border: none;
    text-align: left;
    letter-spacing: 0px;
    color: #056DD3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Book Regular';
    margin-left: 15px;
}
/* /Components/TaskComponents/TaskCalendarComponents/TaskCardSmall.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

@font-face {
    font-family: Montserrat-Regular;
    src: url('../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

.div-card-content[b-gw8ngpnhdl] {
    display: flex;
    flex-direction: row;
    position: relative;
    margin-top: 4px;
    padding-left: 2px;

}

    .div-card-content[b-gw8ngpnhdl]::-webkit-scrollbar {
        display: none;
    }

.arrow-left[b-gw8ngpnhdl] {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #ffffff;
    position: absolute;
    right: -2px;
    top: 20px;
}

[b-gw8ngpnhdl]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
@media screen and (max-width: 1024px) {
    .div-card[b-gw8ngpnhdl]{
        width:85%;
        height:220px !important;
    }
    .div-card-calendar[b-gw8ngpnhdl] {
        width: 100% !important;
    }
}
    .div-card[b-gw8ngpnhdl] {
        border-radius: 1px;
        background: rgba(230,234,237,.2);
        height:220px;
    }

    .card-task:hover[b-gw8ngpnhdl] {
        box-shadow: 2px 1px 10px #00000040;
    }


    .taskCode[b-gw8ngpnhdl] {
        overflow: visible;
        width: 37px;
        white-space: nowrap;
        line-height: 20.550020217895508px;
        margin-top: -3.275010108947754px;
        text-align: left;
        font-family: 'Franklin Gothic Medium Regular';
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        color: rgba(131,149,167,1);
        letter-spacing: 0.25px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 160px;
    }

    .percentage-task-progress[b-gw8ngpnhdl] {
        text-align: left;
        font-family: 'Franklin Gothic Demi Regular';
        font-style: normal;
        font-weight: normal;
        font-size: 9px;
        letter-spacing: 0.35px;
        color: #808080;
        opacity: 1;
        margin-right: 5px;
        padding-top: 2px;
        position: relative;
        top: 0px;
    }

    .taskTitle[b-gw8ngpnhdl] {
        /* overflow: visible; */
        /* white-space: nowrap; */
        line-height: 20px;
        margin-top: -1.5px;
        text-align: left;
        font-family: 'Franklin Gothic Demi Regular';
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        letter-spacing: 0px;
        color: #222F3E;
        opacity: 1;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        /* width: 205px; */
    }

    .emplacement[b-gw8ngpnhdl] {
        overflow: visible;
        line-height: 16.80000114440918px;
        margin-top: -1.4000005722045898px;
        text-align: left;
        font-family: 'Franklin Gothic Book Regular';
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        color: rgba(87,101,116,1);
    }

    .userimg[b-gw8ngpnhdl] {
        width: 31px;
        /*height: 47px;*/
        object-fit: cover;
        /*border-radius: 50%;*/
    }

    .city[b-gw8ngpnhdl] {
        overflow: visible;
        width: 55px;
        white-space: nowrap;
        line-height: 16.80000114440918px;
        margin-top: -1.4000005722045898px;
        text-align: left;
        font-family: 'Franklin Gothic Demi Regular';
        font-size: 14px;
        color: #576574;
        color: rgba(87,101,116,1);
    }

    .cityimg[b-gw8ngpnhdl] {
        width: 15px;
        height: 15px;
        transform: matrix(1,0,0,1,0,0);
        float: left;
        margin-top: 5px;
        margin-left: 15px;
    }

    .citynb[b-gw8ngpnhdl] {
        overflow: visible;
        width: 58px;
        white-space: nowrap;
        line-height: 16.80000114440918px;
        margin-top: -1.4000005722045898px;
        text-align: left;
        font-family: 'Franklin Gothic Medium Regular';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        color: rgba(131,149,167,1);
        float: left;
        margin-left: 17px;
    }

    .b1[b-gw8ngpnhdl], .b2[b-gw8ngpnhdl], .b3[b-gw8ngpnhdl] {
        display: inline-table;
    }

    .bl1[b-gw8ngpnhdl], .bl2[b-gw8ngpnhdl] {
        display: inline-table;
    }

    .datestyle[b-gw8ngpnhdl] {
        overflow: visible;
        width: 80px;
        white-space: nowrap;
        line-height: 16.80000114440918px;
        margin-top: -1.4000005722045898px;
        text-align: left;
        font-family: 'Franklin Gothic Medium Regular';
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        color: #576574;
    }

    .dateimg[b-gw8ngpnhdl] {
        width: 14px;
        height: 13px;
        transform: matrix(1,0,0,1,0,0);
        float: left;
        margin-top: 7px;
        margin-right: 5px;
    }

    .labelper[b-gw8ngpnhdl] {
        color: #808080;
        font-family: 'Franklin Gothic Medium Regular';
        font-size: 10px;
        margin-left: 168px;
    }

    progress[value][b-gw8ngpnhdl] {
        /* Reset the default appearance */
        -webkit-appearance: none;
        appearance: none;
        width: 62px;
        height: 6px;
        margin-left: 126px;
        margin-top: -9px;
    }



        progress[value][b-gw8ngpnhdl]::-webkit-progress-bar {
            background-color: #F2F2F2;
            border-radius: 7px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
        }



        progress[value][b-gw8ngpnhdl]::-webkit-progress-value {
            background-color: #8395A7;
            border-radius: 7px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
        }

    .taskTitle:hover[b-gw8ngpnhdl] {
        text-decoration: underline;
    }

    .task-card[b-gw8ngpnhdl] {
        width: 368px;
        width: 368px;
    }

    .div-search-filter[b-gw8ngpnhdl] {
        display: flex;
        flex-direction: row;
        width: 368px
    }

    .div-list-cards[b-gw8ngpnhdl] {
        overflow: scroll;
        max-height: 760px;
        overflow-x: hidden;
        width: 368px;
    }

    .NbreResource[b-gw8ngpnhdl] {
        border-radius: 50%;
        border: 1px solid #007bff;
        background: #007bff;
        color: white;
        text-align: center;
        min-width: 30px;
        padding: -10px;
        opacity: 1;
        float: right;
        font-size: 10.6px;
        width: 30px;
        height: 30px;
        padding-right: 2px;
        padding-top: 5px !important;
        font-family: Franklin Gothic Medium Regular;
        margin-bottom: 0px !important;
        margin-top: -7px;
        margin-left: -2px;
    }

    .div-hover-call[b-gw8ngpnhdl] {
        cursor: pointer !important;
        /*display:none;*/
        position: absolute;
        /*top: 30px;*/
        top: 12px;
        right: 15px;
        visibility: visible !important;
        opacity: 1 !important;
        transition: visibility, opacity linear 0.3s;
    }
    /*.div-hover-call:hover {
    visibility: visible !important;
    opacity: 1 !important;
}*/
    .card-button[b-gw8ngpnhdl] {
        width: 40px;
        padding-left: 5px;
        padding-right: 5px;
    }

    [b-gw8ngpnhdl] .img-rnd {
        width: 11px;
        height: 21px;
        margin-top: -3px;
    }

    .personalcard:hover[b-gw8ngpnhdl] {
        background-color: #f2f1f7
    }
/* /Components/TaskComponents/TaskCalendarComponents/TaskCardSmallStatic.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

@font-face {
    font-family: Montserrat-Regular;
    src: url('../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

.div-card-content[b-l8tsdm5opq] {
    display: flex;
    flex-direction: row;
    position: relative;
    margin-top: 4px;
    padding-left: 2px;
    overflow: auto;
}

    .div-card-content[b-l8tsdm5opq]::-webkit-scrollbar {
        display: none;
    }

.arrow-left[b-l8tsdm5opq] {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #ffffff;
    position: absolute;
    right: -2px;
    top: 20px;
}

[b-l8tsdm5opq]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.div-card[b-l8tsdm5opq] {
    border-radius: 1px;
    background: rgba(230,234,237,.2);
}

.card-task:hover[b-l8tsdm5opq] {
    box-shadow: 2px 1px 10px #00000040;
}


.taskCode[b-l8tsdm5opq] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: rgba(131,149,167,1);
    letter-spacing: 0.25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
}

.percentage-task-progress[b-l8tsdm5opq] {
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 9px;
    letter-spacing: 0.35px;
    color: #808080;
    opacity: 1;
    margin-right: 5px;
    padding-top: 2px;
    position: relative;
    top: 2px;
}

.taskTitle[b-l8tsdm5opq] {
    /* overflow: visible; */
    /* white-space: nowrap; */
    line-height: 20px;
    margin-top: -1.5px;
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* width: 205px; */
}

.emplacement[b-l8tsdm5opq] {
    overflow: visible;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Book Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: rgba(87,101,116,1);
}

.userimg[b-l8tsdm5opq] {
    width: 31px;
    /*height: 47px;*/
    object-fit: cover;
    /*border-radius: 50%;*/
}

.city[b-l8tsdm5opq] {
    overflow: visible;
    width: 55px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
    color: #576574;
    color: rgba(87,101,116,1);
}

.cityimg[b-l8tsdm5opq] {
    width: 15px;
    height: 15px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 5px;
    margin-left: 15px;
}

.citynb[b-l8tsdm5opq] {
    overflow: visible;
    width: 58px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(131,149,167,1);
    float: left;
    margin-left: 17px;
}

.b1[b-l8tsdm5opq], .b2[b-l8tsdm5opq], .b3[b-l8tsdm5opq] {
    display: inline-table;
}

.bl1[b-l8tsdm5opq], .bl2[b-l8tsdm5opq] {
    display: inline-table;
}

.datestyle[b-l8tsdm5opq] {
    overflow: visible;
    width: 80px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: #576574;
}

.dateimg[b-l8tsdm5opq] {
    width: 14px;
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.labelper[b-l8tsdm5opq] {
    color: #808080;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 10px;
    margin-left: 168px;
}

progress[value][b-l8tsdm5opq] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 62px;
    height: 6px;
    margin-left: 126px;
    margin-top: -9px;
}



    progress[value][b-l8tsdm5opq]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }



    progress[value][b-l8tsdm5opq]::-webkit-progress-value {
        background-color: #8395A7;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.taskTitle:hover[b-l8tsdm5opq] {
    text-decoration: underline;
}

.task-card[b-l8tsdm5opq] {
    width: 368px;
    width: 368px;
}

.div-search-filter[b-l8tsdm5opq] {
    display: flex;
    flex-direction: row;
    width: 368px
}

.div-list-cards[b-l8tsdm5opq] {
    overflow: scroll;
    max-height: 760px;
    overflow-x: hidden;
    width: 368px;
}

.NbreResource[b-l8tsdm5opq] {
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    text-align: center;
    min-width: 30px;
    padding: -10px;
    opacity: 1;
    float: right;
    font-size: 10.6px;
    width: 30px;
    height: 30px;
    padding-right: 2px;
    padding-top: 5px !important;
    font-family: Franklin Gothic Medium Regular;
    margin-bottom: 0px !important;
    margin-top: -7px;
    margin-left: -2px;
}
/* /Components/TaskComponents/TaskComponentPage.razor.rz.scp.css */
.div-scroll-items[b-2bcnwmrxlp] {
    overflow-y: scroll;
    height: calc(100vh - 115px) !important;
}

/*@media screen and (min-width: 1001px) and (max-width: 1366px) {
   ::deep .card-body {
        overflow-x: hidden !important;
    }
}*/
.btnAction[b-2bcnwmrxlp] {
    position: absolute;
    display: flex;
    top: 40px;
    left: 383px;
    display: none;
}

[b-2bcnwmrxlp] .div-action {
    padding-right: 11px;
}

.div-item:hover .btnAction[b-2bcnwmrxlp] {
    display: block;
}

.img-deletabs[b-2bcnwmrxlp] {
    margin-left: 26px;
    margin-top: -23px;
}

.div-action[b-2bcnwmrxlp] {
    cursor: pointer;
}

@media only screen and (max-width: 770px) {
    .input-respv[b-2bcnwmrxlp] {
        max-width: 150px;
    }
}

@media screen and (min-width:771px) and (max-width:1699px) {
    .divtitre[b-2bcnwmrxlp] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }


    .span-prj-title[b-2bcnwmrxlp] {
        display: flex;
        flex-direction: row;
        -ms-flex-wrap: inherit;
        -webkit-flex-wrap: inherit;
        flex-wrap: inherit;
    }
}

@media screen and (min-width:1700px) {
    .container-header[b-2bcnwmrxlp] {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        height: 851px;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-header[b-2bcnwmrxlp] {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        height: 634px;
    }
}
/* /Components/TaskComponents/TaskDelivery/TaskDeliverBox.razor.rz.scp.css */
.input-entry-style[b-kvfbweuhii] {
    font-size: 19px;
    font-family: 'GravityBold';
    text-align: center;
    margin-left: 5px;
    border: none;
    width: 94%;
}

.box-add[b-kvfbweuhii] {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.span-count[b-kvfbweuhii] {
    font-family: 'GravityBold';
}
/* Hide the spinner */
.input-entry-style[b-kvfbweuhii]::-webkit-inner-spin-button {
    display: none;
}
.div-item[b-kvfbweuhii] {
width:100%;
}
.icon-logs[b-kvfbweuhii] {
    width: 20px;
    height: 22px;
}
.iconatt[b-kvfbweuhii] {
    width: 10px;
}
.card-footer[b-kvfbweuhii] {
    grid-template-columns: 1fr 1fr 1fr !important;
}
/* Remove the spinner */
.input-entry-style[type=number][b-kvfbweuhii] {
    -moz-appearance: textfield;
    appearance: textfield;
}
.img-status[b-kvfbweuhii] {
    margin-top: -6px;
}

[b-kvfbweuhii] .span-prj-title {
    color: #576574;
}

.div-item[b-kvfbweuhii] {
    width: 100%;
}

.div-sub-item[b-kvfbweuhii] {
    width: 50%;
    display: grid;
}

.div-header[b-kvfbweuhii] {
    display: flex;
    padding-bottom: 7px;
    padding-left: 25px;
    padding-right: 25px;
}

.span-name-title[b-kvfbweuhii] {
    font-family: 'GravityBold';
    color: #77808b;
}

.span-desc-title[b-kvfbweuhii] {
    font-family: 'GravityBold';
}

.div-header-title[b-kvfbweuhii] {
    margin-top: -7px;
    padding-left: 7px;
}

.div-container-popup[b-kvfbweuhii] {
    padding-top: 18px;
    padding-bottom: 20px;
}
@media(max-width:1292px) {
    [b-kvfbweuhii] .column {
        width: 100%;
    }
}
[b-kvfbweuhii] .closepop {
    padding-top: 43px !important;
}
/* /Components/TaskComponents/TaskDelivery/TaskDeliverList.razor.rz.scp.css */
td[b-zj9dqxmw0t] {
    width: 13%;
}

.min-width-80[b-zj9dqxmw0t] {
    width: 9%;
}

.div-group-statut[b-zj9dqxmw0t] {
    display: grid;
    padding-top: 7px;
}

[b-zj9dqxmw0t] .img-roundList {
    width: 26px;
    height: 24px;
    margin-top: 0;
}

.form-control[b-zj9dqxmw0t] {
    outline: none;
}

.span-top[b-zj9dqxmw0t] {
    padding-top: 3px;
    padding-bottom: 6px;
}

input[type=number][b-zj9dqxmw0t]::-webkit-inner-spin-button {
    opacity: 1
}

.div-btns[b-zj9dqxmw0t] {
    padding-top: 15px;
    justify-content: center;
    display: flex;
    padding-left: 11px;
    padding-right: 7px;
    justify-content: space-between;
}

.icon-logs[b-zj9dqxmw0t] {
    width: 18.5px;
    margin-top: -2px
}

.input-number[b-zj9dqxmw0t] {
    box-shadow: 0 0 0 0.09rem rgba(40, 167, 69, 0.25);
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    height: 32px !important;
}

.icon-centered[b-zj9dqxmw0t] {
    padding-left: 24px;
    padding-bottom: 4px;
}

.div-edit-delete[b-zj9dqxmw0t], .div-edit-delete:hover[b-zj9dqxmw0t] {
    display: flex !important;
}

[b-zj9dqxmw0t] .closepop {
    margin-top: -35px;
    align-self: center;
}

[b-zj9dqxmw0t] .closepop-prog {
    margin-top: -5px;
}

.div-detail-content[b-zj9dqxmw0t] {
    height: 100%;
}

@media(max-width:920px) {

    [b-zj9dqxmw0t] .table-nrn {
        width: 142%;
    }
}

@media(max-width:1200px) and ( min-width:920px) {
    [b-zj9dqxmw0t] .table-nrn {
        width: 123%;
    }
    .ipad-media-container[b-zj9dqxmw0t]
    {
        height: 85vh!important;
    }
}
/* /Components/TaskComponents/TaskDelivery/TaskDeliverModal.razor.rz.scp.css */
td[b-bgi1g2fwpl] {
    width: 13%;
}

.min-width-80[b-bgi1g2fwpl] {
    width: 9%;
}
.div-group-statut[b-bgi1g2fwpl] {
    display: grid;
    padding-top: 7px;
}
[b-bgi1g2fwpl] .img-roundList  {
    width: 26px;
    height: 24px;
     margin-top: 0; 
}
.form-control[b-bgi1g2fwpl] {
    outline:none;
}
.span-top[b-bgi1g2fwpl] {
    padding-top: 3px;
    padding-bottom: 6px;
}
input[type=number][b-bgi1g2fwpl]::-webkit-inner-spin-button {
    opacity: 1
}
.div-btns[b-bgi1g2fwpl] {
    padding-top: 15px;
    justify-content: center;
    display: flex;
    padding-left: 11px;
    padding-right: 7px;
    justify-content: space-between;
}
.icon-logs[b-bgi1g2fwpl] {
    width: 18.5px;
    margin-top: -2px
}
.input-number[b-bgi1g2fwpl] {
    box-shadow: 0 0 0 0.09rem rgba(40, 167, 69, 0.25);
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    height: 32px !important;
}

.icon-centered[b-bgi1g2fwpl] {
    padding-left: 24px;
    padding-bottom: 4px;
}

.div-edit-delete[b-bgi1g2fwpl], .div-edit-delete:hover[b-bgi1g2fwpl] {
    display: flex !important;
}
[b-bgi1g2fwpl] .closepop {
    margin-top: -35px;
    align-self: center;
}
[b-bgi1g2fwpl] .closepop-prog {
    margin-top: -5px;
}
.div-detail-content[b-bgi1g2fwpl]{
    height:100%;
}

@media(max-width:920px) {

    [b-bgi1g2fwpl] .table-nrn {
        width: 142%;
    }
}

@media(max-width:1200px) and ( min-width:920px) {
    [b-bgi1g2fwpl] .table-nrn {
        width: 123%;
    }
}
/* /Components/TaskComponents/TaskDetailComponents/AssignedTo.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.tabrow[b-fkpcovyfsq] {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 29px;
    height: 42px;
    width: 297px;
    display: inline-flex;
    z-index: 1000;
    margin-top: 26px;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}

    .tabrow li[b-fkpcovyfsq] {
        margin: 0 10px;
        display: inline-block;
        margin: 0px 1px;
        margin-right: 5px;
        padding: 0 4px;
        background-color: #fff;
        color: #004059 !important;
        font-size: 15px;
        font-family: 'Franklin Gothic Medium Regular';
        border: none;
        text-align: center;
    }

        .tabrow li.selected[b-fkpcovyfsq], .HeadDetail .tabrow li.active[b-fkpcovyfsq] {
            z-index: 2;
            border: 1px solid #fff;
        }

        .tabrow li.selected[b-fkpcovyfsq], .HeadDetail .tabrow li.active[b-fkpcovyfsq] {
            background: #FFF !important;
            border: none !important;
            border-bottom: 3px solid #268BFD !important;
            color: #268BFD !important;
            /* border: none!important; */
        }


    .tabrow li[b-fkpcovyfsq] {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        cursor: pointer;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .tabrow[b-fkpcovyfsq]:before {
        z-index: 1;
    }

    .tabrow li[b-fkpcovyfsq] {
        position: relative;
        z-index: 0;
        padding-left: 5px !important;
    }

        .tabrow li.selected[b-fkpcovyfsq]:after {
            position: absolute;
            bottom: -1px;
            width: 6px;
            height: 6px;
            content: " ";
        }

        .tabrow li.first.selected[b-fkpcovyfsq]:before,
        .tabrow li.first.selected[b-fkpcovyfsq]:after {
            position: absolute;
            bottom: -1px;
            width: 6px;
            height: 6px;
            content: " ";
        }

        .tabrow li.first.selected[b-fkpcovyfsq]:before {
            left: -6px;
        }

        .tabrow li.selected[b-fkpcovyfsq]:after {
            right: -6px;
        }

        .tabrow li.selected[b-fkpcovyfsq]:after {
            border: none;
        }

        .tabrow li.first.selected[b-fkpcovyfsq]:after, .tabrow li.first.selected[b-fkpcovyfsq]:before {
            border: none;
        }

        .tabrow li.first.selected[b-fkpcovyfsq]:before {
            border-bottom-right-radius: 6px;
            border-width: 0 1px 1px 0;
        }

        .tabrow li.first.selected[b-fkpcovyfsq]:after {
            border-bottom-left-radius: 6px;
            border-width: 0 0 1px 1px;
        }

        .tabrow li.selected[b-fkpcovyfsq]:after {
            border-bottom-left-radius: 6px;
            border-width: 0 0 1px 1px;
        }

        .tabrow li.first.selected[b-fkpcovyfsq]:before {
            box-shadow: 2px 2px 0 #FFF;
        }

        .tabrow li.selected[b-fkpcovyfsq]:after {
            box-shadow: -2px 2px 0 #FFF;
        }



.input-search[b-fkpcovyfsq] {
    background: #EFEFEF 0% 0% no-repeat padding-box;
    font-size: 13px;
    color: #677A82;
    font-family: 'Franklin Gothic Medium Regular';
    width: 297px;
    border: #EFEFEF;
    outline: none;
    height: 42px;
    text-align: center;
}

.img-usr[b-fkpcovyfsq] {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    margin-top: 6px;
}

.span-ressource-name[b-fkpcovyfsq] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    color: #36485B;
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    margin-top: 4px;
}

.span-ressource-position[b-fkpcovyfsq] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    opacity: 1;
}

.ul-res[b-fkpcovyfsq] {
    list-style-type: none;
    margin-left: -26px;
}

.li-res[b-fkpcovyfsq] {
    border-bottom: 1px solid #e8e8e8;
    width: 296px;
    height: 60px;
    margin-left: -13px;
}

.div-res[b-fkpcovyfsq] {
    min-height: calc(100vh - 510px);
    width: 299px;
    height: 386px;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

.checked[b-fkpcovyfsq]:after {
    content: "✓";
    color: #40cf6f;
    padding-right: 5px;
    float: right;
    font-size: 20px;
    font-weight: bold;
}

.li-res:hover[b-fkpcovyfsq] {
    background: #f9f7f7;
    -webkit-box-shadow: 0 0 3px rgba(131, 131, 132, 0.65) !important;
}
/* /Components/TaskComponents/TaskDetailComponents/SecondMenuButtons/AccepterBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-fauwe3q231] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-fauwe3q231] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-fauwe3q231] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-fauwe3q231] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-fauwe3q231], .btn-style:focus-visible[b-fauwe3q231], .btn-style:active[b-fauwe3q231] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-fauwe3q231] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-fauwe3q231] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/TaskComponents/TaskDetailComponents/SecondMenuButtons/EditBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-9raj360gkr] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-9raj360gkr] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'GravityBold';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-9raj360gkr] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-9raj360gkr] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-9raj360gkr], .btn-style:focus-visible[b-9raj360gkr], .btn-style:active[b-9raj360gkr] {
    border: none;
    background: none;
    outline: none;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-9raj360gkr] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-9raj360gkr] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/TaskComponents/TaskDetailComponents/SecondMenuButtons/EntrerHeureBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-r1plf6ndy2] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-r1plf6ndy2] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-r1plf6ndy2] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-r1plf6ndy2] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-r1plf6ndy2], .btn-style:focus-visible[b-r1plf6ndy2], .btn-style:active[b-r1plf6ndy2] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-r1plf6ndy2] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-r1plf6ndy2] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/TaskComponents/TaskDetailComponents/SecondMenuButtons/EnvoyerBtn.razor.rz.scp.css */

.btn-style[b-xkbwdqjbw5] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'GravityRegular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-xkbwdqjbw5] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'GravityRegular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-xkbwdqjbw5] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-xkbwdqjbw5] {
    font-family: 'GravityRegular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-xkbwdqjbw5], .btn-style:focus-visible[b-xkbwdqjbw5], .btn-style:active[b-xkbwdqjbw5] {
    border: none;
    background: none;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-xkbwdqjbw5] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-xkbwdqjbw5] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/TaskComponents/TaskDetailComponents/SecondMenuButtons/ImprimerBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-g3g25i8cs8] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-g3g25i8cs8] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-g3g25i8cs8] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-g3g25i8cs8] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-g3g25i8cs8], .btn-style:focus-visible[b-g3g25i8cs8], .btn-style:active[b-g3g25i8cs8] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-g3g25i8cs8] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-g3g25i8cs8] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/TaskComponents/TaskDetailComponents/SecondMenuButtons/LivrerBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-9vou34mvx7] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-9vou34mvx7] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-9vou34mvx7] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-9vou34mvx7] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-9vou34mvx7], .btn-style:focus-visible[b-9vou34mvx7], .btn-style:active[b-9vou34mvx7] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-9vou34mvx7] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-9vou34mvx7] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/TaskComponents/TaskDetailComponents/SecondMenuButtons/ProgressionBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-8z1w1m49fy] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-8z1w1m49fy] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-8z1w1m49fy] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-8z1w1m49fy] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-8z1w1m49fy], .btn-style:focus-visible[b-8z1w1m49fy], .btn-style:active[b-8z1w1m49fy] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-8z1w1m49fy] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-8z1w1m49fy] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/TaskComponents/TaskDetailComponents/SecondMenuButtons/ResourceBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-4iuzmsuumc] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-4iuzmsuumc] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-4iuzmsuumc] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-4iuzmsuumc] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-4iuzmsuumc], .btn-style:focus-visible[b-4iuzmsuumc], .btn-style:active[b-4iuzmsuumc] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-4iuzmsuumc] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-4iuzmsuumc] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/TaskComponents/TaskDetailComponents/SecondMenuButtons/RevueClientBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-qkbt2vszaa] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-qkbt2vszaa] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-qkbt2vszaa] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-qkbt2vszaa] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-qkbt2vszaa], .btn-style:focus-visible[b-qkbt2vszaa], .btn-style:active[b-qkbt2vszaa] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-qkbt2vszaa] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-qkbt2vszaa] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/TaskComponents/TaskDetailComponents/SecondMenuButtons/ShareBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-b6r6vhksy1] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-b6r6vhksy1] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-b6r6vhksy1] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-b6r6vhksy1] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-b6r6vhksy1], .btn-style:focus-visible[b-b6r6vhksy1], .btn-style:active[b-b6r6vhksy1] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-b6r6vhksy1] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-b6r6vhksy1] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/TaskComponents/TaskDetailComponents/SecondMenuButtons/SupprimerBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-h6cdp9ebrd] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-h6cdp9ebrd] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-h6cdp9ebrd] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-h6cdp9ebrd] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-h6cdp9ebrd], .btn-style:focus-visible[b-h6cdp9ebrd], .btn-style:active[b-h6cdp9ebrd] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-h6cdp9ebrd] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-h6cdp9ebrd] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailItemCard.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-item[b-3vnxsvdjv4] {
    margin-left: 16px;
    margin-top: 14px;
    border: 0.5px solid #e6e6e6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    border-radius: 5px;
    opacity: 1;
    min-width: 338px;
    max-width: 445px;
    height: 148px;
}

.img-statutLivrer-purple[b-3vnxsvdjv4] {
    width: 33px;
    height: 33px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    opacity: 1;
    object-fit: cover;
    border-radius: 50%;
    margin-left: -7px;
    margin-top: 6px;
}

.span-item[b-3vnxsvdjv4] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 10px;
    left: 58px;
    position: absolute;
}

.img-item-value-track[b-3vnxsvdjv4] {
    width: 21px;
    height: 23px;
}

.span-item-number[b-3vnxsvdjv4] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Demi Regular';
    float: right;
    margin-top: 2px;
}

.span-item-name[b-3vnxsvdjv4] {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 38px;
    left: 58px;
    position: absolute;
}

.span-item-value-title[b-3vnxsvdjv4] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 5px;
}

.span-item-value[b-3vnxsvdjv4] {
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
}

.img-item-value[b-3vnxsvdjv4] {
    width: 16px;
    height: 16px;
}

.px-4[b-3vnxsvdjv4] {
    padding-right: 0px !important;
}

.content[b-3vnxsvdjv4] {
    padding-left: 1px !important;
    padding-top: 0px !important;
}

html[b-3vnxsvdjv4], body[b-3vnxsvdjv4] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.cards[b-3vnxsvdjv4] {
    max-width: 1200px;
    margin-right: 23px;
    margin-left: 14px;
    display: grid;
}

@media (min-width: 1123px) {
    .cards[b-3vnxsvdjv4] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1123px) and (max-width:1310px) {
    .card-item[b-3vnxsvdjv4] {
        height: unset !important;
    }

    .card-item-content[b-3vnxsvdjv4] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-3vnxsvdjv4] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }

    .div-col-sec[b-3vnxsvdjv4] {
        display: flex !important;
        flex-direction: column !important;
        margin-left: 37px !important;
        width: 100% !important;
        margin-top: unset !important;
    }

    .div-row-sec[b-3vnxsvdjv4] {
        display: grid !important;
    }

    .div-col-fst[b-3vnxsvdjv4] {
        width: 100% !important;
    }
}

@media (max-width: 1123px) {

    .card-item[b-3vnxsvdjv4] {
        max-width: 100%;
    }
}

@media (max-width: 800px) {
    .div-scroll[b-3vnxsvdjv4] {
        overflow: scroll;
        height: calc(100% - 150px);
    }
}


.card-item-content[b-3vnxsvdjv4] {
    display: flex;
}

.card-item-col-first[b-3vnxsvdjv4] {
    display: flex;
    flex-direction: column;
    margin-top: 29px;
    margin-left: 10%;
    width: 100%
}

.card-item-col-sec[b-3vnxsvdjv4] {
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    margin-top: 28px;
    width: 100%
}

@media(max-width:1310px ) {
    .span-qtep[b-3vnxsvdjv4] {
        margin-left: 20px;
    }

    .span-qtel[b-3vnxsvdjv4] {
        margin-left: 51px;
    }

    .span-u[b-3vnxsvdjv4] {
        margin-left: 95px;
    }

    .span-main[b-3vnxsvdjv4] {
        margin-left: 61px;
    }
}

@media(min-width:1310px ) {
    .span-qtep[b-3vnxsvdjv4] {
        margin-left: 10px;
    }

    .span-qtel[b-3vnxsvdjv4] {
        margin-left: 41px;
    }

    .span-u[b-3vnxsvdjv4] {
        margin-left: 57px;
    }

    .span-main[b-3vnxsvdjv4] {
        margin-left: 24px;
    }
}

@media (max-width: 475px) {
    .span-qtep[b-3vnxsvdjv4] {
        margin-left: 19px;
    }
}

.div-row[b-3vnxsvdjv4], .div-row-sec[b-3vnxsvdjv4] {
    display: flex;
    flex-direction: row;
}

.div-col-item[b-3vnxsvdjv4] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.div-col-fst[b-3vnxsvdjv4] {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    margin-left: 36px;
    width: 60%;
}

.div-col-sec[b-3vnxsvdjv4] {
    display: flex;
    flex-direction: column; /* margin-left: 42px; */
    width: 40%;
    margin-top: 25px;
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/AccepterModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-gbwmqoef5x]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-gbwmqoef5x] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-gbwmqoef5x] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-gbwmqoef5x] {
    width: 100%;
}

    .switch input[type=checkbox][b-gbwmqoef5x] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-gbwmqoef5x] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-gbwmqoef5x] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-gbwmqoef5x]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-gbwmqoef5x]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }
/* The switch - the box around the slider */
.switch[b-gbwmqoef5x] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input[b-gbwmqoef5x] {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider[b-gbwmqoef5x] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider[b-gbwmqoef5x]:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider[b-gbwmqoef5x] {
    background-color: #2196F3;
}

input:focus + .slider[b-gbwmqoef5x] {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider[b-gbwmqoef5x]:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round[b-gbwmqoef5x] {
    border-radius: 34px;
}

    .slider.round[b-gbwmqoef5x]:before {
        border-radius: 50%;
    }
/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-gbwmqoef5x] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-gbwmqoef5x] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-gbwmqoef5x] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-gbwmqoef5x] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-gbwmqoef5x] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-gbwmqoef5x] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-gbwmqoef5x] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-gbwmqoef5x] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-gbwmqoef5x], .column-3:focus[b-gbwmqoef5x] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-gbwmqoef5x] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-gbwmqoef5x] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-gbwmqoef5x] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-gbwmqoef5x] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-gbwmqoef5x] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-gbwmqoef5x] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-gbwmqoef5x] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-gbwmqoef5x] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-gbwmqoef5x] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-gbwmqoef5x] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-gbwmqoef5x] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-gbwmqoef5x] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-gbwmqoef5x] {
    margin-right: 0px;
}


select[b-gbwmqoef5x] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-gbwmqoef5x]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-gbwmqoef5x] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-gbwmqoef5x] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-gbwmqoef5x] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-gbwmqoef5x] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-gbwmqoef5x] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-gbwmqoef5x] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-gbwmqoef5x] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-gbwmqoef5x] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-gbwmqoef5x] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-gbwmqoef5x] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-gbwmqoef5x] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-gbwmqoef5x]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-gbwmqoef5x]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-gbwmqoef5x] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-gbwmqoef5x] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-gbwmqoef5x] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-gbwmqoef5x] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-gbwmqoef5x] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-gbwmqoef5x] {
    width: 18px;
    height: 14px;
}

.div-footer[b-gbwmqoef5x] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-gbwmqoef5x] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-gbwmqoef5x] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-gbwmqoef5x] {
    line-height: 15px;
}

.modal-title-entrerheure[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-gbwmqoef5x] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-gbwmqoef5x] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-gbwmqoef5x] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-gbwmqoef5x]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-gbwmqoef5x]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-gbwmqoef5x]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-gbwmqoef5x]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-gbwmqoef5x] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-gbwmqoef5x] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-gbwmqoef5x] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-gbwmqoef5x] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-gbwmqoef5x] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-gbwmqoef5x] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-gbwmqoef5x] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-gbwmqoef5x] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-gbwmqoef5x] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-gbwmqoef5x] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-gbwmqoef5x] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-gbwmqoef5x] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-gbwmqoef5x] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-gbwmqoef5x] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-gbwmqoef5x] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-gbwmqoef5x] {
    margin-top: 12px;
}

.img-choix[b-gbwmqoef5x] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-gbwmqoef5x] {
    margin-left: 4px;
}

.body-entry-time1[b-gbwmqoef5x] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-gbwmqoef5x] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-gbwmqoef5x] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-gbwmqoef5x] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-gbwmqoef5x] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-gbwmqoef5x] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-gbwmqoef5x] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-gbwmqoef5x] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-gbwmqoef5x] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-gbwmqoef5x] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-gbwmqoef5x] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-gbwmqoef5x] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-gbwmqoef5x] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-gbwmqoef5x] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-gbwmqoef5x] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-gbwmqoef5x] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-gbwmqoef5x] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-gbwmqoef5x] {
    margin-top: 9px;
}

.span-debut-chrono[b-gbwmqoef5x] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-gbwmqoef5x] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-gbwmqoef5x] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-gbwmqoef5x] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-gbwmqoef5x] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-gbwmqoef5x] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-gbwmqoef5x] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-gbwmqoef5x] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-gbwmqoef5x] {
    width: 105px;
    height: 37px;
    background: #f1f3f600 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-gbwmqoef5x] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-gbwmqoef5x] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'GravityBold';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-gbwmqoef5x] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-gbwmqoef5x] {
    margin-top: -28px;
}

.div-title-manuel[b-gbwmqoef5x] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-gbwmqoef5x] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-gbwmqoef5x] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-gbwmqoef5x] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-gbwmqoef5x] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-gbwmqoef5x] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-gbwmqoef5x] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-gbwmqoef5x] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-gbwmqoef5x] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-gbwmqoef5x] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-gbwmqoef5x] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-gbwmqoef5x] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-gbwmqoef5x] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-gbwmqoef5x] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-gbwmqoef5x] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-gbwmqoef5x] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-gbwmqoef5x] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-gbwmqoef5x] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-gbwmqoef5x] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-gbwmqoef5x] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-gbwmqoef5x] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-gbwmqoef5x] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-gbwmqoef5x] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-gbwmqoef5x] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-gbwmqoef5x] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-gbwmqoef5x] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-gbwmqoef5x] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-gbwmqoef5x] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-gbwmqoef5x] {
    margin-left: 114px;
}

.note-livrer-pos[b-gbwmqoef5x] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-gbwmqoef5x] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-gbwmqoef5x] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-gbwmqoef5x] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-gbwmqoef5x] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-gbwmqoef5x] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-gbwmqoef5x] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-gbwmqoef5x] {
    width: 42px;
    height: 42px;
}

.span-scan[b-gbwmqoef5x] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-gbwmqoef5x] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-gbwmqoef5x] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-gbwmqoef5x] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-gbwmqoef5x] {
        display: block !important;
    }

    .display-date-sec[b-gbwmqoef5x] {
        display: none !important;
    }
}

.display-date[b-gbwmqoef5x] {
    display: none;
}

.modal-ts-content[b-gbwmqoef5x] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-gbwmqoef5x] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-gbwmqoef5x] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-gbwmqoef5x] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-gbwmqoef5x] {
    margin-left: 14px;
}

.modal-ts-footer[b-gbwmqoef5x] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-gbwmqoef5x] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
     .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-gbwmqoef5x] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-gbwmqoef5x] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-gbwmqoef5x] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-gbwmqoef5x] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-gbwmqoef5x] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-gbwmqoef5x] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-gbwmqoef5x] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

.modal-menu-content[b-gbwmqoef5x] {
    width: 100%;
    height: 342px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border-radius: 3px;
    opacity: 1;
    position: fixed;
    bottom: 0;
}

.modal-body-menu[b-gbwmqoef5x] {
}

.modal-div[b-gbwmqoef5x] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.span-menu-modal[b-gbwmqoef5x] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.3px;
    color: #576574;
    text-transform: capitalize;
    opacity: 1;
    padding-left: 15px;
}

.list-group-item[b-gbwmqoef5x] {
    padding-left: 1.5rem;
}

.span-menu-modal:hover[b-gbwmqoef5x] {
    letter-spacing: 0.3px;
    text-align: left;
    text-decoration: underline;
}

.span-blue:hover[b-gbwmqoef5x] {
    color: #4B7BEC;
}

.span-blueciel:hover[b-gbwmqoef5x] {
    color: #00A7E2;
}

.span-green:hover[b-gbwmqoef5x] {
    color: #10AC84;
}

.span-purple:hover[b-gbwmqoef5x] {
    color: #AC92EC;
}

.span-orange:hover[b-gbwmqoef5x] {
    color: #EF7911;
}

@media (max-width:850px) {
    .modal-accepter-content[b-gbwmqoef5x], .modal-accepter-content[b-gbwmqoef5x] {
        width: 284px !important;
        height: 215px !important;
        margin-left: 0 !important;
    }

    .modal-body-accepter[b-gbwmqoef5x] {
        text-align: center;
        height: 119px !important;
    }

    .modal-body-prog[b-gbwmqoef5x] {
        height: 130px !important;
    }

    .span-accepter-qs[b-gbwmqoef5x] {
        font-size: 17px !important;
    }

    .modal-center[b-gbwmqoef5x] {
        text-align: center;
        padding: 0 !important;
    }

    .label-pers[b-gbwmqoef5x] {
        font-size: 17px !important;
    }

    .span-prog-title[b-gbwmqoef5x] {
        font-size: 11px !important;
    }

    .modal-center[b-gbwmqoef5x]:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .modal-center-dialog[b-gbwmqoef5x] {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    .modal-header-accepter[b-gbwmqoef5x], .modal-header-prog[b-gbwmqoef5x] {
        width: 284px !important;
        height: 51px !important;
    }

    .modal-footer-accepter[b-gbwmqoef5x] {
        width: 284px !important;
        height: 45px !important;
    }

    .modal-center-dialog[b-gbwmqoef5x] {
        width: unset;
    }

    .img-footer[b-gbwmqoef5x] {
        margin-left: 2px !important;
    }

    .modal-title[b-gbwmqoef5x] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
        margin-left: 5px !important;
    }

    .closem[b-gbwmqoef5x] {
        margin-left: 0 !important;
        margin-top: -4px !important;
        font-size: 39px !important;
        font-family: emoji !important;
    }

    .img-revue[b-gbwmqoef5x] {
        width: 16px !important;
        margin-left: 3px !important;
    }

    .img-hour[b-gbwmqoef5x] {
        margin-left: 25% !important;
    }

    .progressbar[value][b-gbwmqoef5x] {
        width: 90% !important;
    }

    .img-prog[b-gbwmqoef5x] {
        margin-left: 5px !important;
        margin-top: 7px !important;
        width: 26px !important;
    }

    .modal-title-prog[b-gbwmqoef5x] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 20ch;
        display: block;
        vertical-align: middle;
        margin-left: 6px !important;
        margin-top: 11px !important;
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
    }

    .closepop-prog[b-gbwmqoef5x] {
        margin-top: -9px !important;
        right: 9px !important;
        font-family: emoji !important;
    }

    .modal-content-revue[b-gbwmqoef5x] {
        width: 289px !important;
        height: 434px !important;
    }

    .modal-body-revue[b-gbwmqoef5x] {
        overflow-y: scroll;
    }

    .modal-footer-revue[b-gbwmqoef5x] {
        width: 289px !important;
    }

    .div-box-sign[b-gbwmqoef5x] {
        margin-left: -14px !important;
        width: 242px !important;
    }

    .select-revue[b-gbwmqoef5x] {
        margin-left: -18px;
        width: 238px !important;
    }

    .col-sec-av[b-gbwmqoef5x] {
        padding-left: 57px;
    }
}

@media (min-width:468px) and (max-width:850px) {
    .modal-header-entrerheure[b-gbwmqoef5x] {
        width: 279px !important;
    }

    .div-box-entrermanuel[b-gbwmqoef5x] {
        width: 247px !important;
        margin: auto;
    }

    .btn-add-new-entrerheure[b-gbwmqoef5x] {
        width: 100% !important;
    }

    .modal-title-entrerheure[b-gbwmqoef5x] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 18ch;
        display: block;
        vertical-align: middle;
        font-size: 16px !important;
        font-family: 'Franklin Book Regular' !important;
        margin-top: 19px !important;
    }

    .closepop-entrerheure[b-gbwmqoef5x] {
        font-family: emoji !important;
        margin-top: -1px !important;
    }

    .modal-content-entrer[b-gbwmqoef5x] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .img-stat[b-gbwmqoef5x] {
        margin-left: 13px !important;
    }

    .div-container-entrerheure[b-gbwmqoef5x] {
        padding-left: 7px !important;
    }

    .div-heures[b-gbwmqoef5x] {
        display: flex;
        width: 100%;
        padding-right: 14px;
    }

    .div-space[b-gbwmqoef5x], .div-espace[b-gbwmqoef5x] {
        margin-top: 11px !important;
        width: 50%;
        margin-left: 9px;
    }

    .div-btns[b-gbwmqoef5x] {
        display: flex;
        padding-bottom: 24px;
        padding-right: 11px;
        width: 100%;
        padding-top: 7px;
    }

    .div-box-entrerheure[b-gbwmqoef5x] {
        width: 100% !important;
    }

    .modal-body-entrerheure[b-gbwmqoef5x] {
        height: unset !important;
    }

    .div-demarer-heures[b-gbwmqoef5x] {
        align-items: center;
    }

    .div-box-demarerHorloge[b-gbwmqoef5x] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-gbwmqoef5x] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-demarer-heures[b-gbwmqoef5x] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-gbwmqoef5x] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-gbwmqoef5x] {
        width: 100% !important;
    }

    .div-entrermanuel-info[b-gbwmqoef5x] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-left: 15px;
    }
}

@media (max-width:600px) {
    .div-entrermanuel-info[b-gbwmqoef5x] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width:468px) {

    .modal-body-entrerheure[b-gbwmqoef5x] {
        height: unset !important;
    }

    .div-box-entrermanuel[b-gbwmqoef5x] {
        width: 88% !important;
    }

    .modal-content-entrer[b-gbwmqoef5x] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .btn-add-new-entrerheure[b-gbwmqoef5x] {
        width: 100% !important;
    }

    .div-box-entrerheure[b-gbwmqoef5x] {
        width: 85% !important;
    }

    .div-btns[b-gbwmqoef5x] {
        padding-bottom: 24px;
    }

    .div-container-entrerheure[b-gbwmqoef5x] {
        padding-left: 37px !important;
    }

    .span-title-demarerHorloge[b-gbwmqoef5x] {
        margin-left: 9% !important;
    }

    .div-box-demarerHorloge[b-gbwmqoef5x] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-gbwmqoef5x] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-box-entrermanuel[b-gbwmqoef5x] {
        width: 247px !important;
    }

    .div-demarer-heures[b-gbwmqoef5x] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-gbwmqoef5x] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-gbwmqoef5x] {
        width: 100% !important;
    }
}

.div-demarer-heures[b-gbwmqoef5x] {
    display: flex;
    flex-direction: column;
}

.div-box-date[b-gbwmqoef5x] {
    margin-left: auto;
}

.div-manuel[b-gbwmqoef5x] {
    padding-left: 37px !important;
}

.div-box-date-container[b-gbwmqoef5x] {
    width: 90% !important;
}

.div-box-note-container[b-gbwmqoef5x] {
    width: 88% !important;
}

@media (max-width:470px) {
    .card-item[b-gbwmqoef5x] {
        height: unset !important;
    }

    .card-item-content[b-gbwmqoef5x] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-gbwmqoef5x] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

.img-item-value[b-gbwmqoef5x] {
    width: 20px !important;
}

.col-first-item[b-gbwmqoef5x], .col-sec-item[b-gbwmqoef5x] {
    margin-left: 0 !important;
}

.col-first-item[b-gbwmqoef5x] {
    padding-left: 57px;
}

.btn-add-new[b-gbwmqoef5x] {
    width: 100% !important;
}

.list-card-livrer[b-gbwmqoef5x] {
    overflow: scroll;
    height: calc(100vh - 169px);
}

.list-demarer-horloge[b-gbwmqoef5x] {
    overflow: scroll;
    height: calc(100vh - 163px) !important;
}

.img-req[b-gbwmqoef5x] {
    float: right !important;
    margin-right: 15px;
}


@media (max-width:850px) {
    .modal-req-content[b-gbwmqoef5x] {
        width: 285px !important;
    }

    .modal-header-req[b-gbwmqoef5x] {
        width: 285px !important;
    }

    .modal-footer-req[b-gbwmqoef5x] {
        width: 100% !important;
    }

    .triangle-left[b-gbwmqoef5x] {
        display: none;
    }

    .closereq[b-gbwmqoef5x] {
        margin-top: -4px !important;
        font-family: emoji !important;
        font-size: 38px !important;
        margin-left: 0 !important;
    }

    .modal-title-req[b-gbwmqoef5x] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 14px !important;
    }

    .mod-req[b-gbwmqoef5x] {
        background-color: rgb(34,47,62,.75) !important;
    }

    .modal-req-content[b-gbwmqoef5x] {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

.modal-header-revue[b-gbwmqoef5x] {
    align-items: center;
}

.closerev[b-gbwmqoef5x] {
    font-family: emoji !important;
    margin-top: -48px !important;
}


.modalfooter-style[b-gbwmqoef5x] {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    box-shadow: 3px 3px 6px #00000040;
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/AttachmentModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.style-att-att[b-v2iyvwq6r1] {
    margin-left: 228px;
    margin-top: 15px !important;
}
.style-att-note[b-v2iyvwq6r1] {
    margin-left: 451px;
    margin-top: 15px !important;
}
.display-none[b-v2iyvwq6r1]{
    display:none;
}
.posFixed[b-v2iyvwq6r1] {
    position: fixed !important;
}
input[type='time'][b-v2iyvwq6r1]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

.stylemodalNote[b-v2iyvwq6r1] {
    margin-top: 159px !important;
    margin-left: 408px;
}
.stylemodalAtt[b-v2iyvwq6r1] {
    margin-left: 296px;
    margin-top: 159px !important;
}
.triangAtt[b-v2iyvwq6r1] {
    margin-left: 284px;
    margin-top: -86px;
}
.triangNote[b-v2iyvwq6r1] {
    margin-left: 395px;
    margin-top: -86px;
}
    /*Checkbox Toggle*/
    .switch-div[b-v2iyvwq6r1] {
        width: 8%;
        margin-left: 13px;
        margin-top: -21px;
    }

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-v2iyvwq6r1] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-v2iyvwq6r1] {
    width: 100%;
}

    .switch input[type=checkbox][b-v2iyvwq6r1] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-v2iyvwq6r1] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-v2iyvwq6r1] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-v2iyvwq6r1]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-v2iyvwq6r1]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-v2iyvwq6r1] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-v2iyvwq6r1] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-v2iyvwq6r1] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-v2iyvwq6r1] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-v2iyvwq6r1] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-v2iyvwq6r1] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-v2iyvwq6r1] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-v2iyvwq6r1] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-v2iyvwq6r1], .column-3:focus[b-v2iyvwq6r1] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-v2iyvwq6r1] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-v2iyvwq6r1] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-v2iyvwq6r1] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-v2iyvwq6r1] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-v2iyvwq6r1] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-v2iyvwq6r1] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-v2iyvwq6r1] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-v2iyvwq6r1] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-v2iyvwq6r1] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-v2iyvwq6r1] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-v2iyvwq6r1] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-v2iyvwq6r1] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-v2iyvwq6r1] {
    margin-right: 0px;
}


select[b-v2iyvwq6r1] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-v2iyvwq6r1]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-v2iyvwq6r1] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-v2iyvwq6r1] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-v2iyvwq6r1] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-v2iyvwq6r1] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-v2iyvwq6r1] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-v2iyvwq6r1] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-v2iyvwq6r1] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-v2iyvwq6r1] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-v2iyvwq6r1] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-v2iyvwq6r1] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-v2iyvwq6r1] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-v2iyvwq6r1]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-v2iyvwq6r1]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-v2iyvwq6r1] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-v2iyvwq6r1] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-v2iyvwq6r1] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-v2iyvwq6r1] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-v2iyvwq6r1] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-v2iyvwq6r1] {
    width: 18px;
    height: 14px;
}

.div-footer[b-v2iyvwq6r1] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-v2iyvwq6r1] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-v2iyvwq6r1] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-v2iyvwq6r1] {
    line-height: 15px;
}

.modal-title-entrerheure[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-v2iyvwq6r1] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-v2iyvwq6r1] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-v2iyvwq6r1] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-v2iyvwq6r1]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-v2iyvwq6r1]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-v2iyvwq6r1]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-v2iyvwq6r1]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-v2iyvwq6r1] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-v2iyvwq6r1] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-v2iyvwq6r1] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-v2iyvwq6r1] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-v2iyvwq6r1] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-v2iyvwq6r1] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-v2iyvwq6r1] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-v2iyvwq6r1] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-v2iyvwq6r1] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-v2iyvwq6r1] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-v2iyvwq6r1] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-v2iyvwq6r1] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-v2iyvwq6r1] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-v2iyvwq6r1] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-v2iyvwq6r1] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-v2iyvwq6r1] {
    margin-top: 12px;
}

.img-choix[b-v2iyvwq6r1] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-v2iyvwq6r1] {
    margin-left: 4px;
}

.body-entry-time1[b-v2iyvwq6r1] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-v2iyvwq6r1] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-v2iyvwq6r1] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-v2iyvwq6r1] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-v2iyvwq6r1] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-v2iyvwq6r1] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-v2iyvwq6r1] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-v2iyvwq6r1] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-v2iyvwq6r1] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-v2iyvwq6r1] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-v2iyvwq6r1] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-v2iyvwq6r1] {
    border-radius: 8px 8px 0px 0px;

}

.img-att-modal[b-v2iyvwq6r1] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btnup[b-v2iyvwq6r1] {
    background-position: 10% 50% !important;
}

.div-box-demarerHorloge[b-v2iyvwq6r1] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-v2iyvwq6r1] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-v2iyvwq6r1] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-v2iyvwq6r1] {
    margin-top: 9px;
}

.span-debut-chrono[b-v2iyvwq6r1] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-v2iyvwq6r1] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-v2iyvwq6r1] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-v2iyvwq6r1] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-v2iyvwq6r1] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-v2iyvwq6r1] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-v2iyvwq6r1] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-v2iyvwq6r1] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-v2iyvwq6r1] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-v2iyvwq6r1] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-v2iyvwq6r1] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-v2iyvwq6r1] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-v2iyvwq6r1] {
    margin-top: -28px;
}

.div-title-manuel[b-v2iyvwq6r1] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-v2iyvwq6r1] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-v2iyvwq6r1] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-v2iyvwq6r1] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-v2iyvwq6r1] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-v2iyvwq6r1] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-v2iyvwq6r1] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-v2iyvwq6r1] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-v2iyvwq6r1] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-v2iyvwq6r1] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-v2iyvwq6r1] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-v2iyvwq6r1] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-v2iyvwq6r1] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-v2iyvwq6r1] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-v2iyvwq6r1] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-v2iyvwq6r1] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-v2iyvwq6r1] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-v2iyvwq6r1] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-v2iyvwq6r1] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-v2iyvwq6r1] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-v2iyvwq6r1] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-v2iyvwq6r1] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-v2iyvwq6r1] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-v2iyvwq6r1] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-v2iyvwq6r1] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-v2iyvwq6r1] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-v2iyvwq6r1] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-v2iyvwq6r1] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-v2iyvwq6r1] {
    margin-left: 114px;
}

.note-livrer-pos[b-v2iyvwq6r1] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-v2iyvwq6r1] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-v2iyvwq6r1] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-v2iyvwq6r1] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-v2iyvwq6r1] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-v2iyvwq6r1] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-v2iyvwq6r1] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-v2iyvwq6r1] {
    width: 42px;
    height: 42px;
}

.span-scan[b-v2iyvwq6r1] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-v2iyvwq6r1] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-v2iyvwq6r1] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-v2iyvwq6r1] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-v2iyvwq6r1] {
        display: block !important;
    }

    .display-date-sec[b-v2iyvwq6r1] {
        display: none !important;
    }
}

.display-date[b-v2iyvwq6r1] {
    display: none;
}

.modal-ts-content[b-v2iyvwq6r1] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-v2iyvwq6r1] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-v2iyvwq6r1] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-v2iyvwq6r1] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-v2iyvwq6r1] {
    margin-left: 14px;
}

.modal-ts-footer[b-v2iyvwq6r1] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-v2iyvwq6r1] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-v2iyvwq6r1] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-v2iyvwq6r1] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-v2iyvwq6r1] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-v2iyvwq6r1] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-v2iyvwq6r1] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-v2iyvwq6r1] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-v2iyvwq6r1] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
@media screen and (max-width: 1024px) {

    .personal-attchment[b-v2iyvwq6r1] {
        left: 25% !important;
        margin-top: 25% !important;
    }
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/AttachNotePopover.razor.rz.scp.css */
.div-block[b-20mmooxbnl] {
    margin-top: -378px;
    margin-left: 31px;
    width: 370px;
    z-index: 10000;
    position: absolute;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.div-block-note[b-20mmooxbnl] {
    margin-top: -378px;
    margin-left: -63px;
    width: 370px;
    z-index: 10000;
    position: absolute;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.div-block-attach[b-20mmooxbnl] {
    margin-top: -378px;
    margin-left: -30px;
    width: 370px;
    z-index: 10000;
    position: absolute;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-20mmooxbnl] {
    width: 399px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content:center;
}

    .modal-header-att img[b-20mmooxbnl] {
        margin-top:10px !important;
    }
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/DeletModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-tref7v82av]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-tref7v82av] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-tref7v82av] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-tref7v82av] {
    width: 100%;
}

    .switch input[type=checkbox][b-tref7v82av] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-tref7v82av] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-tref7v82av] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-tref7v82av]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-tref7v82av]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-tref7v82av] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-tref7v82av] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-tref7v82av] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-tref7v82av] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-tref7v82av] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-tref7v82av] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-tref7v82av] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-tref7v82av] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-tref7v82av], .column-3:focus[b-tref7v82av] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-tref7v82av] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-tref7v82av] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-tref7v82av] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-tref7v82av] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-tref7v82av] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-tref7v82av] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-tref7v82av] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-tref7v82av] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-tref7v82av] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-tref7v82av] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-tref7v82av] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-tref7v82av] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-tref7v82av] {
    margin-right: 0px;
}


select[b-tref7v82av] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-tref7v82av]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-tref7v82av] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-tref7v82av] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-delet[b-tref7v82av] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    align-items: center;
}

.modal-body-accepter[b-tref7v82av] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-tref7v82av] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-tref7v82av] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-tref7v82av] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-tref7v82av] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-tref7v82av] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-tref7v82av] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-tref7v82av] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-tref7v82av]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-tref7v82av]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-tref7v82av] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-tref7v82av] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-tref7v82av] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-tref7v82av] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-tref7v82av] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-tref7v82av] {
    width: 18px;
    height: 14px;
}

.div-footer[b-tref7v82av] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-tref7v82av] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-tref7v82av] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-tref7v82av] {
    line-height: 15px;
}

.modal-title-entrerheure[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-tref7v82av] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-tref7v82av] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-tref7v82av] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-tref7v82av]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-tref7v82av]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-tref7v82av]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-tref7v82av]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-tref7v82av] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-tref7v82av] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-tref7v82av] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-tref7v82av] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-tref7v82av] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-tref7v82av] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-tref7v82av] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-tref7v82av] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-tref7v82av] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-tref7v82av] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-tref7v82av] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-tref7v82av] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-tref7v82av] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-tref7v82av] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-tref7v82av] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-tref7v82av] {
    margin-top: 12px;
}

.img-choix[b-tref7v82av] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-tref7v82av] {
    margin-left: 4px;
}

.body-entry-time1[b-tref7v82av] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-tref7v82av] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-tref7v82av] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-tref7v82av] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-tref7v82av] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-tref7v82av] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-tref7v82av] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-tref7v82av] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-tref7v82av] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-tref7v82av] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-tref7v82av] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-tref7v82av] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-tref7v82av] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-tref7v82av] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-tref7v82av] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-tref7v82av] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-tref7v82av] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-tref7v82av] {
    margin-top: 9px;
}

.span-debut-chrono[b-tref7v82av] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-tref7v82av] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-tref7v82av] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-tref7v82av] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-tref7v82av] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-tref7v82av] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-tref7v82av] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-tref7v82av] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-tref7v82av] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-tref7v82av] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-tref7v82av] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-tref7v82av] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-tref7v82av] {
    margin-top: -28px;
}

.div-title-manuel[b-tref7v82av] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-tref7v82av] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-tref7v82av] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-tref7v82av] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-tref7v82av] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-tref7v82av] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-tref7v82av] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-tref7v82av] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-tref7v82av] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-tref7v82av] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-tref7v82av] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-tref7v82av] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-tref7v82av] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-tref7v82av] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-tref7v82av] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-tref7v82av] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-tref7v82av] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-tref7v82av] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-tref7v82av] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-tref7v82av] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-tref7v82av] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-tref7v82av] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-tref7v82av] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-tref7v82av] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-tref7v82av] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-tref7v82av] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-tref7v82av] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-tref7v82av] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-tref7v82av] {
    margin-left: 114px;
}

.note-livrer-pos[b-tref7v82av] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-tref7v82av] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-tref7v82av] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-tref7v82av] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-tref7v82av] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-tref7v82av] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-tref7v82av] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-tref7v82av] {
    width: 42px;
    height: 42px;
}

.span-scan[b-tref7v82av] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-tref7v82av] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-tref7v82av] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-tref7v82av] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-tref7v82av] {
        display: block !important;
    }

    .display-date-sec[b-tref7v82av] {
        display: none !important;
    }
}

.display-date[b-tref7v82av] {
    display: none;
}

.modal-ts-content[b-tref7v82av] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-tref7v82av] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-tref7v82av] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-tref7v82av] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-tref7v82av] {
    margin-left: 14px;
}

.modal-ts-footer[b-tref7v82av] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-tref7v82av] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-tref7v82av] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-tref7v82av] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-tref7v82av] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-tref7v82av] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-tref7v82av] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-tref7v82av] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-tref7v82av] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
@media only screen and (max-width: 1024px) {
    .modal-dialog[b-tref7v82av]{
        left:114px !important;
    }
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/DeletModelWithTabel.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-2afm26oorj]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-2afm26oorj] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-2afm26oorj] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-2afm26oorj] {
    width: 100%;
}

    .switch input[type=checkbox][b-2afm26oorj] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-2afm26oorj] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-2afm26oorj] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-2afm26oorj]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-2afm26oorj]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-2afm26oorj] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-2afm26oorj] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-2afm26oorj] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-2afm26oorj] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-2afm26oorj] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-2afm26oorj] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-2afm26oorj] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-2afm26oorj] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-2afm26oorj], .column-3:focus[b-2afm26oorj] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-2afm26oorj] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-2afm26oorj] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-2afm26oorj] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-2afm26oorj] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-2afm26oorj] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-2afm26oorj] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-2afm26oorj] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-2afm26oorj] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-2afm26oorj] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-2afm26oorj] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-2afm26oorj] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-2afm26oorj] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-2afm26oorj] {
    margin-right: 0px;
}


select[b-2afm26oorj] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-2afm26oorj]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-2afm26oorj] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-2afm26oorj] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-delet[b-2afm26oorj] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    align-items: center;
}

.modal-body-accepter[b-2afm26oorj] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-2afm26oorj] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-2afm26oorj] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-2afm26oorj] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-2afm26oorj] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-2afm26oorj] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-2afm26oorj] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-2afm26oorj] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-2afm26oorj]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-2afm26oorj]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-2afm26oorj] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-2afm26oorj] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-2afm26oorj] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-2afm26oorj] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-2afm26oorj] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-2afm26oorj] {
    width: 18px;
    height: 14px;
}

.div-footer[b-2afm26oorj] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-2afm26oorj] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-2afm26oorj] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-2afm26oorj] {
    line-height: 15px;
}

.modal-title-entrerheure[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-2afm26oorj] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-2afm26oorj] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-2afm26oorj] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-2afm26oorj]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-2afm26oorj]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-2afm26oorj]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-2afm26oorj]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-2afm26oorj] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-2afm26oorj] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-2afm26oorj] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-2afm26oorj] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-2afm26oorj] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-2afm26oorj] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-2afm26oorj] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-2afm26oorj] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-2afm26oorj] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-2afm26oorj] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-2afm26oorj] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-2afm26oorj] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-2afm26oorj] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-2afm26oorj] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-2afm26oorj] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-2afm26oorj] {
    margin-top: 12px;
}

.img-choix[b-2afm26oorj] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-2afm26oorj] {
    margin-left: 4px;
}

.body-entry-time1[b-2afm26oorj] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-2afm26oorj] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-2afm26oorj] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-2afm26oorj] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-2afm26oorj] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-2afm26oorj] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-2afm26oorj] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-2afm26oorj] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-2afm26oorj] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-2afm26oorj] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-2afm26oorj] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-2afm26oorj] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-2afm26oorj] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-2afm26oorj] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-2afm26oorj] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-2afm26oorj] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-2afm26oorj] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-2afm26oorj] {
    margin-top: 9px;
}

.span-debut-chrono[b-2afm26oorj] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-2afm26oorj] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-2afm26oorj] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-2afm26oorj] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-2afm26oorj] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-2afm26oorj] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-2afm26oorj] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-2afm26oorj] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-2afm26oorj] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-2afm26oorj] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-2afm26oorj] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-2afm26oorj] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-2afm26oorj] {
    margin-top: -28px;
}

.div-title-manuel[b-2afm26oorj] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-2afm26oorj] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-2afm26oorj] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-2afm26oorj] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-2afm26oorj] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-2afm26oorj] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-2afm26oorj] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-2afm26oorj] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-2afm26oorj] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-2afm26oorj] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-2afm26oorj] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-2afm26oorj] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-2afm26oorj] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-2afm26oorj] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-2afm26oorj] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-2afm26oorj] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-2afm26oorj] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-2afm26oorj] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-2afm26oorj] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-2afm26oorj] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-2afm26oorj] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-2afm26oorj] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-2afm26oorj] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-2afm26oorj] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-2afm26oorj] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-2afm26oorj] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-2afm26oorj] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-2afm26oorj] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-2afm26oorj] {
    margin-left: 114px;
}

.note-livrer-pos[b-2afm26oorj] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-2afm26oorj] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-2afm26oorj] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-2afm26oorj] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-2afm26oorj] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-2afm26oorj] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-2afm26oorj] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-2afm26oorj] {
    width: 42px;
    height: 42px;
}

.span-scan[b-2afm26oorj] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-2afm26oorj] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-2afm26oorj] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-2afm26oorj] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-2afm26oorj] {
        display: block !important;
    }

    .display-date-sec[b-2afm26oorj] {
        display: none !important;
    }
}

.display-date[b-2afm26oorj] {
    display: none;
}

.modal-ts-content[b-2afm26oorj] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-2afm26oorj] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-2afm26oorj] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-2afm26oorj] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-2afm26oorj] {
    margin-left: 14px;
}

.modal-ts-footer[b-2afm26oorj] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-2afm26oorj] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
     .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-2afm26oorj] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-2afm26oorj] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-2afm26oorj] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-2afm26oorj] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-2afm26oorj] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-2afm26oorj] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-2afm26oorj] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
@media only screen and (max-width: 1024px) {
    .modal-dialog[b-2afm26oorj] {
        left: 114px !important;
    }
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/DemarerHorlogeModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-1gw035nvu5]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-1gw035nvu5] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-1gw035nvu5] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-1gw035nvu5] {
    width: 100%;
}

    .switch input[type=checkbox][b-1gw035nvu5] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-1gw035nvu5] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-1gw035nvu5] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-1gw035nvu5]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-1gw035nvu5]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-1gw035nvu5] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-1gw035nvu5] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-1gw035nvu5] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-1gw035nvu5] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-1gw035nvu5] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-1gw035nvu5] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-1gw035nvu5] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-1gw035nvu5] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-1gw035nvu5], .column-3:focus[b-1gw035nvu5] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-1gw035nvu5] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-1gw035nvu5] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-1gw035nvu5] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-1gw035nvu5] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-1gw035nvu5] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-1gw035nvu5] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-1gw035nvu5] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-1gw035nvu5] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-1gw035nvu5] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-1gw035nvu5] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-1gw035nvu5] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-1gw035nvu5] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-1gw035nvu5] {
    margin-right: 0px;
}


select[b-1gw035nvu5] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-1gw035nvu5]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-1gw035nvu5] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-1gw035nvu5] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-1gw035nvu5] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-1gw035nvu5] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-1gw035nvu5] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-1gw035nvu5] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-1gw035nvu5] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-1gw035nvu5] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-1gw035nvu5] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-1gw035nvu5] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-1gw035nvu5] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-1gw035nvu5]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-1gw035nvu5]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-1gw035nvu5] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-1gw035nvu5] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-1gw035nvu5] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-1gw035nvu5] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-1gw035nvu5] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-1gw035nvu5] {
    width: 18px;
    height: 14px;
}

.div-footer[b-1gw035nvu5] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-1gw035nvu5] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-1gw035nvu5] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-1gw035nvu5] {
    line-height: 15px;
}

.modal-title-entrerheure[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-1gw035nvu5] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-1gw035nvu5] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-1gw035nvu5] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-1gw035nvu5]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-1gw035nvu5]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-1gw035nvu5]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-1gw035nvu5]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-1gw035nvu5] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-1gw035nvu5] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-1gw035nvu5] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-1gw035nvu5] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-1gw035nvu5] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-1gw035nvu5] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-1gw035nvu5] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-1gw035nvu5] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-1gw035nvu5] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-1gw035nvu5] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-1gw035nvu5] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-1gw035nvu5] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-1gw035nvu5] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-1gw035nvu5] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-1gw035nvu5] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-1gw035nvu5] {
    margin-top: 12px;
}

.img-choix[b-1gw035nvu5] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-1gw035nvu5] {
    margin-left: 4px;
}

.body-entry-time1[b-1gw035nvu5] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-1gw035nvu5] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-1gw035nvu5] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-1gw035nvu5] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-1gw035nvu5] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-1gw035nvu5] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-1gw035nvu5] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-1gw035nvu5] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-1gw035nvu5] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-1gw035nvu5] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-1gw035nvu5] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-1gw035nvu5] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-1gw035nvu5] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-1gw035nvu5] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-1gw035nvu5] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-1gw035nvu5] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-1gw035nvu5] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-1gw035nvu5] {
    margin-top: 9px;
}

.span-debut-chrono[b-1gw035nvu5] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-1gw035nvu5] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-1gw035nvu5] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-1gw035nvu5] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-1gw035nvu5] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-1gw035nvu5] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-1gw035nvu5] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-1gw035nvu5] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-1gw035nvu5] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-1gw035nvu5] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-1gw035nvu5] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-1gw035nvu5] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-1gw035nvu5] {
    margin-top: -28px;
}

.div-title-manuel[b-1gw035nvu5] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-1gw035nvu5] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-1gw035nvu5] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-1gw035nvu5] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-1gw035nvu5] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-1gw035nvu5] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-1gw035nvu5] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-1gw035nvu5] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-1gw035nvu5] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-1gw035nvu5] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-1gw035nvu5] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-1gw035nvu5] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-1gw035nvu5] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-1gw035nvu5] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-1gw035nvu5] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-1gw035nvu5] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-1gw035nvu5] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-1gw035nvu5] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-1gw035nvu5] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-1gw035nvu5] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-1gw035nvu5] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-1gw035nvu5] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-1gw035nvu5] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-1gw035nvu5] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-1gw035nvu5] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-1gw035nvu5] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-1gw035nvu5] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-1gw035nvu5] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-1gw035nvu5] {
    margin-left: 114px;
}

.note-livrer-pos[b-1gw035nvu5] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-1gw035nvu5] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-1gw035nvu5] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-1gw035nvu5] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-1gw035nvu5] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-1gw035nvu5] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-1gw035nvu5] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-1gw035nvu5] {
    width: 42px;
    height: 42px;
}

.span-scan[b-1gw035nvu5] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-1gw035nvu5] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-1gw035nvu5] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-1gw035nvu5] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-1gw035nvu5] {
        display: block !important;
    }

    .display-date-sec[b-1gw035nvu5] {
        display: none !important;
    }
}

.display-date[b-1gw035nvu5] {
    display: none;
}

.modal-ts-content[b-1gw035nvu5] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-1gw035nvu5] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-1gw035nvu5] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-1gw035nvu5] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-1gw035nvu5] {
    margin-left: 14px;
}

.modal-ts-footer[b-1gw035nvu5] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-1gw035nvu5] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
     .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-1gw035nvu5] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-1gw035nvu5] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-1gw035nvu5] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-1gw035nvu5] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-1gw035nvu5] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-1gw035nvu5] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-1gw035nvu5] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/EntrerHeureModal.razor.rz.scp.css */
.modal-title-enterhour[b-tocbacboa7] {
    flex: auto;
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 11px;
    margin-left: 12px;
    font-size: 20.5px;
}
.closepop-entrerheure[b-tocbacboa7] {
    padding-right: 8px;
}


.modal-enterhour-content[b-tocbacboa7] {
    width: 679px;
    max-height: 543px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    /*    margin-left: -110px;
*/
}
.modal-header-enterhour[b-tocbacboa7] {
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    width:100%;
}
.modal-dialog[b-tocbacboa7] {
    position: absolute;
    float: left;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: unset;
    margin: unset;
    width:unset;
}

/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/EntrerManuelleModal.razor.rz.scp.css */
.input-date[b-ueupmq1z1c] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
.popup-footer[b-ueupmq1z1c] {
     background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}
.div-container-enterhour[b-ueupmq1z1c] {
    display: flex;
    flex-direction: column;
    /*   padding-top: 15px;*/
    /*   padding-top: 15px;*/
    align-items: stretch;
    /*   padding: 5% 18% 5% 18%;*/
}

.div-hours[b-ueupmq1z1c] {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-top: 5px;
    background-color: #F7F7F7;
    box-shadow: 0 5px 5px -5px #8395a7;
}

.span-entrerheure-heure[b-ueupmq1z1c] {
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-size: 14px;
    font-family: 'Gravity-Regular';
    margin-left: 20px;
}

.div-space[b-ueupmq1z1c] {
    display: grid;
    grid-template-columns: 0fr 3fr 3fr;
    margin-top: 12px;
}

.span-enterhour-title[b-ueupmq1z1c] {
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-size: 15px;
    margin-left: 10px;
    font-family: 'Gravity-Bold';
}

.line[b-ueupmq1z1c] {
    border-bottom: 0.5px solid #8d8d8d3b;
     /* margin-bottom: 10px; */
    box-shadow: 0 5px 5px -5px #8395a7;
    cursor: pointer;
}

.div-container[b-ueupmq1z1c] {
    padding-left: 23px;
    padding-right: 20px;
    padding-top: 6px;
}

.div-summary[b-ueupmq1z1c] {
    width: 140px;
    height: 37px;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 19px;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.div-detailss[b-ueupmq1z1c] {
    margin-left: -20px;
    width: 140px;
    height: 37px;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 19px;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.form-div[b-ueupmq1z1c] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-bottom: 13px;
    padding-top: 8px;
}

[b-ueupmq1z1c] .div-item-prj-p {
    margin-left: 0 !important;
}

.div-btn[b-ueupmq1z1c] {
    display: flex;
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 15px
}

.span-btn-title[b-ueupmq1z1c] {
    text-align: left;
    color: #222F3E;
    letter-spacing: 0px;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    opacity: 1;
}

.div-active[b-ueupmq1z1c] {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

.span-active[b-ueupmq1z1c] {
    color: #F2F2F2;
}

[b-ueupmq1z1c] .switch input:checked + label {
    background-color: #00AE9E;
}

.switch label[b-ueupmq1z1c] {
    width: 45px;
    height: 24px;
    margin-left: 6px;
    padding-top: 4px;
}

.switch-div[b-ueupmq1z1c] {
    margin-top: -44px;
}

.span-prj-title[b-ueupmq1z1c] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'Gravity-Bold';
    font-size: 14px;
    margin-left: 0px;
    padding-left: 8px;
}

.input-newstyle[b-ueupmq1z1c] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    /*margin-top: 11px;*/
    background: url(/icons/commande_icons/calendar.svg) no-repeat 5px;
    outline: none;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.textarea-note[b-ueupmq1z1c] {
    font-family: 'Gravity-Regular';
    font-size: 14px;
}

.selec[b-ueupmq1z1c] {
    font-family: 'Gravity-Regular';
    font-size: 14px;
}

.form-control:focus[b-ueupmq1z1c] {
    box-shadow: 0 0 0 0.09rem rgba(40, 167, 69, 0.25);
}

.border-input:hover[b-ueupmq1z1c] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-ueupmq1z1c], .form-control[readonly][b-ueupmq1z1c] {
    background-color: transparent;
    opacity: 1;
}

.input-newstyle[b-ueupmq1z1c]::-webkit-calendar-picker-indicator {
    height: 34px;
    top: 368px;
    left: 28px;
    width: 174px;
    position: absolute;
    background: transparent !important;
    color: transparent;
    cursor: pointer;
}

.input-tim[b-ueupmq1z1c] {
    background: url(/icons/commande_icons/hour.svg) no-repeat 5px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    outline: none;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

input[type='time'][b-ueupmq1z1c]::-webkit-calendar-picker-indicator {
    width: 97%;
    height: 31px;
}

.star-red[b-ueupmq1z1c] {
    color: #BD0A09;
    font-weight: bold;
}

.modal-footer-accepter[b-ueupmq1z1c] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.btn-footer[b-ueupmq1z1c] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Gravity-Bold';
    font-size: 13px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}

.img-footer[b-ueupmq1z1c] {
    width: 18px;
    height: 14px;
}

.div-footer[b-ueupmq1z1c] {
    width: 50%;
    text-align: center;
    align-self: center;
}

[b-ueupmq1z1c] .modal-header-log {
    height: 76px !important;
}

[b-ueupmq1z1c] .modal-log-content {
    height: 349px !important;
    margin-left: 0 !important;
}

.div-footer[b-ueupmq1z1c] {
    width: 50%;
    text-align: center;
}


.modal-footer-accepter[b-ueupmq1z1c] {
    width: 100%;
    height: 60px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.img[b-ueupmq1z1c] {
    height: 15px;
    width: 15px;
    display: block;
    margin: auto;
    margin-bottom: 5px
}
[b-ueupmq1z1c] .arrow-span {
    margin-left: 87%;
    margin-top: -28px;
}
[b-ueupmq1z1c] .div-content {
    margin-top: -11px;
}
[b-ueupmq1z1c] .icon-show-hide {
    margin-top: 21px;
    z-index: 10;
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/LivrerModal.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-item[b-v9ff5qbren] {
    margin-left: 16px;
    margin-top: 14px;
    border: 0.5px solid #e6e6e6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    border-radius: 5px;
    opacity: 1;
    min-width: 338px;
    max-width: 445px;
    height: 148px;
}

.img-statutLivrer-purple[b-v9ff5qbren] {
    width: 33px;
    height: 33px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    opacity: 1;
    object-fit: cover;
    border-radius: 50%;
    margin-left: -7px;
    margin-top: 6px;
}

.span-item[b-v9ff5qbren] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 10px;
    left: 58px;
    position: absolute;
}

.img-item-value-track[b-v9ff5qbren] {
    width: 21px;
    height: 23px;
}

.span-item-number[b-v9ff5qbren] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Demi Regular';
    float: right;
    margin-top: 2px;
}

.span-item-name[b-v9ff5qbren] {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 38px;
    left: 58px;
    position: absolute;
}

.span-item-value-title[b-v9ff5qbren] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 5px;
}

.span-item-value[b-v9ff5qbren] {
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
}

.img-item-value[b-v9ff5qbren] {
    width: 16px;
    height: 16px;
}

.px-4[b-v9ff5qbren] {
    padding-right: 0px !important;
}

.content[b-v9ff5qbren] {
    padding-left: 1px !important;
    padding-top: 0px !important;
}

html[b-v9ff5qbren], body[b-v9ff5qbren] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.cards[b-v9ff5qbren] {
    max-width: 1200px;
    margin-right: 23px;
    margin-left: 14px;
    display: grid;
}

@media (min-width: 1123px) {
    .cards[b-v9ff5qbren] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1123px) and (max-width:1310px) {
    .card-item[b-v9ff5qbren] {
        height: unset !important;
    }

    .card-item-content[b-v9ff5qbren] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-v9ff5qbren] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }

    .div-col-sec[b-v9ff5qbren] {
        display: flex !important;
        flex-direction: column !important;
        margin-left: 37px !important;
        width: 100% !important;
        margin-top: unset !important;
    }

    .div-row-sec[b-v9ff5qbren] {
        display: grid !important;
    }

    .div-col-fst[b-v9ff5qbren] {
        width: 100% !important;
    }
}

@media (max-width: 1123px) {

    .card-item[b-v9ff5qbren] {
        max-width: 100%;
    }
}

@media (max-width: 800px) {
    .div-scroll[b-v9ff5qbren] {
        overflow: scroll;
        height: calc(100% - 150px);
    }
}


.card-item-content[b-v9ff5qbren] {
    display: flex;
}

.card-item-col-first[b-v9ff5qbren] {
    display: flex;
    flex-direction: column;
    margin-top: 29px;
    margin-left: 10%;
    width: 100%
}

.card-item-col-sec[b-v9ff5qbren] {
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    margin-top: 28px;
    width: 100%
}

@media(max-width:1310px ) {
    .span-qtep[b-v9ff5qbren] {
        margin-left: 20px;
    }

    .span-qtel[b-v9ff5qbren] {
        margin-left: 51px;
    }

    .span-u[b-v9ff5qbren] {
        margin-left: 95px;
    }

    .span-main[b-v9ff5qbren] {
        margin-left: 61px;
    }
}

@media(min-width:1310px ) {
    .span-qtep[b-v9ff5qbren] {
        margin-left: 10px;
    }

    .span-qtel[b-v9ff5qbren] {
        margin-left: 41px;
    }

    .span-u[b-v9ff5qbren] {
        margin-left: 57px;
    }

    .span-main[b-v9ff5qbren] {
        margin-left: 24px;
    }
}

@media (max-width: 475px) {
    .span-qtep[b-v9ff5qbren] {
        margin-left: 19px;
    }
}

.div-row[b-v9ff5qbren], .div-row-sec[b-v9ff5qbren] {
    display: flex;
    flex-direction: row;
}

.div-col-item[b-v9ff5qbren] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.div-col-fst[b-v9ff5qbren] {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    margin-left: 36px;
    width: 60%;
}

.div-col-sec[b-v9ff5qbren] {
    display: flex;
    flex-direction: column; /* margin-left: 42px; */
    width: 40%;
    margin-top: 25px;
}


/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-v9ff5qbren] {
    width: 335px;
     background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-v9ff5qbren] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.modal-footer-livrer[b-v9ff5qbren] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-v9ff5qbren] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-v9ff5qbren] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-v9ff5qbren] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-v9ff5qbren] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}
.div-container-modal[b-v9ff5qbren] {
    overflow-y: scroll;
    max-height: 478px;
    overflow-x: hidden;
}


.modal-title-entrerheure[b-v9ff5qbren]{
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/LivrerModalBody.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-4cxgzek45o]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-4cxgzek45o] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-4cxgzek45o] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-4cxgzek45o] {
    width: 100%;
}

    .switch input[type=checkbox][b-4cxgzek45o] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-4cxgzek45o] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-4cxgzek45o] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-4cxgzek45o]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-4cxgzek45o]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-4cxgzek45o] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-4cxgzek45o] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-4cxgzek45o] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-4cxgzek45o] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-4cxgzek45o] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-4cxgzek45o] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-4cxgzek45o] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-4cxgzek45o] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-4cxgzek45o], .column-3:focus[b-4cxgzek45o] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-4cxgzek45o] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-4cxgzek45o] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-4cxgzek45o] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-4cxgzek45o] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-4cxgzek45o] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-4cxgzek45o] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-4cxgzek45o] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-4cxgzek45o] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-4cxgzek45o] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-4cxgzek45o] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-4cxgzek45o] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-4cxgzek45o] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-4cxgzek45o] {
    margin-right: 0px;
}


select[b-4cxgzek45o] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-4cxgzek45o]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-4cxgzek45o] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-4cxgzek45o] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-4cxgzek45o] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-4cxgzek45o] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-4cxgzek45o] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-4cxgzek45o] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-4cxgzek45o] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-4cxgzek45o] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-4cxgzek45o] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-4cxgzek45o] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-4cxgzek45o] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-4cxgzek45o]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-4cxgzek45o]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-4cxgzek45o] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-4cxgzek45o] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-4cxgzek45o] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-4cxgzek45o] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-4cxgzek45o] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-4cxgzek45o] {
    width: 18px;
    height: 14px;
}

.div-footer[b-4cxgzek45o] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-4cxgzek45o] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-4cxgzek45o] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-4cxgzek45o] {
    line-height: 15px;
}

.modal-title-entrerheure[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-4cxgzek45o] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-4cxgzek45o] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-4cxgzek45o] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-4cxgzek45o]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-4cxgzek45o]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-4cxgzek45o]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-4cxgzek45o]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-4cxgzek45o] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-4cxgzek45o] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-4cxgzek45o] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-4cxgzek45o] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-4cxgzek45o] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-4cxgzek45o] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-4cxgzek45o] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-4cxgzek45o] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-4cxgzek45o] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-4cxgzek45o] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-4cxgzek45o] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-4cxgzek45o] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-4cxgzek45o] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-4cxgzek45o] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-4cxgzek45o] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-4cxgzek45o] {
    margin-top: 12px;
}

.img-choix[b-4cxgzek45o] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-4cxgzek45o] {
    margin-left: 4px;
}

.body-entry-time1[b-4cxgzek45o] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-4cxgzek45o] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: inherit;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
    display: inline-block;
    margin-top: 3px;
}

@media(max-height:657px) {
    .body-entry-time1[b-4cxgzek45o] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-4cxgzek45o] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-4cxgzek45o] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-4cxgzek45o] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-4cxgzek45o] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-4cxgzek45o] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-4cxgzek45o] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-4cxgzek45o] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-4cxgzek45o] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-4cxgzek45o] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-4cxgzek45o] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-4cxgzek45o] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-4cxgzek45o] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-4cxgzek45o] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-4cxgzek45o] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-4cxgzek45o] {
    margin-top: 9px;
}

.span-debut-chrono[b-4cxgzek45o] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-4cxgzek45o] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-4cxgzek45o] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-4cxgzek45o] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-4cxgzek45o] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-4cxgzek45o] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-4cxgzek45o] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-4cxgzek45o] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-4cxgzek45o] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-4cxgzek45o] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-4cxgzek45o] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-4cxgzek45o] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-4cxgzek45o] {
    margin-top: -28px;
}

.div-title-manuel[b-4cxgzek45o] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-4cxgzek45o] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-4cxgzek45o] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-4cxgzek45o] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-4cxgzek45o] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-4cxgzek45o] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-4cxgzek45o] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-4cxgzek45o] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-4cxgzek45o] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-4cxgzek45o] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-4cxgzek45o] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}


.img-track[b-4cxgzek45o] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-4cxgzek45o] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-4cxgzek45o] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-4cxgzek45o] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-4cxgzek45o] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-4cxgzek45o] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-4cxgzek45o] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-4cxgzek45o] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-4cxgzek45o] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-4cxgzek45o] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-4cxgzek45o] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-4cxgzek45o] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-4cxgzek45o] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-4cxgzek45o] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-4cxgzek45o] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-4cxgzek45o] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-4cxgzek45o] {
    margin-left: 114px;
}

.note-livrer-pos[b-4cxgzek45o] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-4cxgzek45o] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-4cxgzek45o] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-4cxgzek45o] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-4cxgzek45o] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-4cxgzek45o] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-4cxgzek45o] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-4cxgzek45o] {
    width: 42px;
    height: 42px;
}

.span-scan[b-4cxgzek45o] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-4cxgzek45o] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-4cxgzek45o] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-4cxgzek45o] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-4cxgzek45o] {
        display: block !important;
    }

    .display-date-sec[b-4cxgzek45o] {
        display: none !important;
    }
}

.display-date[b-4cxgzek45o] {
    display: none;
}

.modal-ts-content[b-4cxgzek45o] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-4cxgzek45o] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-4cxgzek45o] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-4cxgzek45o] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-4cxgzek45o] {
    margin-left: 14px;
}

.modal-ts-footer[b-4cxgzek45o] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-4cxgzek45o] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
     .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-4cxgzek45o] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-4cxgzek45o] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-4cxgzek45o] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-4cxgzek45o] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-4cxgzek45o] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-4cxgzek45o] {
    margin: 0;
}

.card-item[b-4cxgzek45o] {
    margin-left: 16px;
    margin-top: 14px;
    border: 0.5px solid #e6e6e6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    border-radius: 5px;
    opacity: 1;
    min-width: 338px;
    max-width: 445px;
    height: 148px;
}

.img-statutLivrer-purple[b-4cxgzek45o] {
    width: 33px;
    height: 33px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    opacity: 1;
    object-fit: cover;
    border-radius: 50%;
    margin-left: -7px;
    margin-top: 6px;
}

.span-item[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 10px;
    left: 58px;
    position: absolute;
}

.span-item-number[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Demi Regular';
    float: right;
    margin-top: 2px;
}

.span-item-name[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 38px;
    left: 58px;
    position: absolute;
}

.span-item-value-title[b-4cxgzek45o] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 5px;
}

.span-item-value[b-4cxgzek45o] {
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
}

.img-item-value[b-4cxgzek45o] {
    width: 16px;
    height: 16px;
}

.px-4[b-4cxgzek45o] {
    padding-right: 0px !important;
}

.content[b-4cxgzek45o] {
    padding-left: 1px !important;
    padding-top: 0px !important;
}

html[b-4cxgzek45o], body[b-4cxgzek45o] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.cards[b-4cxgzek45o] {
    max-width: 1200px;
    margin-right: 23px;
    margin-left: 14px;
    display: grid;
}

@media (min-width: 1123px) {
    .cards[b-4cxgzek45o] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1123px) and (max-width:1310px) {
    .card-item[b-4cxgzek45o] {
        height: unset !important;
    }

    .card-item-content[b-4cxgzek45o] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-4cxgzek45o] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 1123px) {

    .card-item[b-4cxgzek45o] {
        max-width: 100%;
    }
}

@media (max-width: 800px) {
    .div-scroll[b-4cxgzek45o] {
        overflow: scroll;
        height: calc(100% - 150px);
    }
}


.card-item-content[b-4cxgzek45o] {
    display: flex;
}

.card-item-col-first[b-4cxgzek45o] {
    display: flex;
    flex-direction: column;
    margin-top: 29px;
    margin-left: 10%;
    width: 100%
}

.card-item-col-sec[b-4cxgzek45o] {
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    margin-top: 28px;
    width: 100%
}

@media(max-width:1310px ) {
    .span-qtep[b-4cxgzek45o] {
        margin-left: 20px;
    }

    .span-qtel[b-4cxgzek45o] {
        margin-left: 51px;
    }

    .span-u[b-4cxgzek45o] {
        margin-left: 95px;
    }

    .span-main[b-4cxgzek45o] {
        margin-left: 61px;
    }
}

@media(min-width:1310px ) {
    .span-qtep[b-4cxgzek45o] {
        margin-left: 10px;
    }

    .span-qtel[b-4cxgzek45o] {
        margin-left: 41px;
    }

    .span-u[b-4cxgzek45o] {
        margin-left: 57px;
    }

    .span-main[b-4cxgzek45o] {
        margin-left: 24px;
    }
}

@media (max-width: 475px) {
    .span-qtep[b-4cxgzek45o] {
        margin-left: 19px;
    }
}


.btnstyle[b-4cxgzek45o], .btn-competence[b-4cxgzek45o], .btnstyle-note[b-4cxgzek45o] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}



.btn-leftmenu-active[b-4cxgzek45o] {
    color: #0898D7;
    height: 59px;
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

.btn-leftmenu-comp-active[b-4cxgzek45o] {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

.imgstyle[b-4cxgzek45o] {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

.span-comp-title[b-4cxgzek45o] {
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-comp-sub-title[b-4cxgzek45o] {
    margin-left: 10px;
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}

.span-comp-value[b-4cxgzek45o] {
    color: #8395A7;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}


.btn-new-comp[b-4cxgzek45o] {
    border: none;
    width: 100%;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #576574;
    height: 53px;
    font-size: 14px;
}

    .btn-new-comp:hover[b-4cxgzek45o] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

    .btn-new-comp:focus[b-4cxgzek45o], .btn-new-comp:focus-visible[b-4cxgzek45o], .btn-new-comp:active[b-4cxgzek45o] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

.div-new-comp[b-4cxgzek45o] {
    border: 0.5px solid #E6E6E6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    border: 0.5px solid #E6E6E6;
    opacity: 1;
    width: 100%;
}

.div-comp[b-4cxgzek45o] {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    max-width: 396px;
    min-width: 330px;
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

.btn_upload[b-4cxgzek45o] {
    margin-top: 23px;
    text-align: center;
    width: 90% !important;
    height: 38px !important;
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 3px;
    position: static;
    border: 1px dashed #7cbbf9;
    color: #576574;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    background-position: 15% 52% !important;
    margin-left: 21px;
    background: transparent url(/icons/attchement.svg) no-repeat;
    background-position: 24% 50%;
    background-size: 8px 18px;
    width: 46px;
    height: 42px;
    text-decoration: none;
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding-top: 7px;
}

    .btn_upload:hover[b-4cxgzek45o] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

    .btn_upload:active[b-4cxgzek45o], .btn_upload:focus[b-4cxgzek45o] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

input[type="file"][b-4cxgzek45o] {
    display: none;
}


@media (max-width:360px) {
    .btn_upload[b-4cxgzek45o] {
        background-position: 18% 50% !important;
    }
}

@media (max-width:850px) {
    .div-log-container[b-4cxgzek45o] {
        width: 100% !important;
        height: unset !important;
        padding-bottom: 19px;
        padding-top: 13px !important;
    }
}

.modal-recept-content[b-4cxgzek45o] {
    width: 335px;
    height: 583px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-recept[b-4cxgzek45o] {
    width: 335px;
    height: 60px;
    background: #E67E22 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

[b-4cxgzek45o]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.modal-footer-recept[b-4cxgzek45o] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}


.modal-body-recept[b-4cxgzek45o] {
    overflow: scroll;
    overflow-x: hidden;
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/LogModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-lkfu9c87vb]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-lkfu9c87vb] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-lkfu9c87vb] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-lkfu9c87vb] {
    width: 100%;
}

    .switch input[type=checkbox][b-lkfu9c87vb] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-lkfu9c87vb] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-lkfu9c87vb] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-lkfu9c87vb]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-lkfu9c87vb]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-lkfu9c87vb] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-lkfu9c87vb] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-lkfu9c87vb] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-lkfu9c87vb] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-lkfu9c87vb] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-lkfu9c87vb] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-lkfu9c87vb] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-lkfu9c87vb] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-lkfu9c87vb], .column-3:focus[b-lkfu9c87vb] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-lkfu9c87vb] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-lkfu9c87vb] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-lkfu9c87vb] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-lkfu9c87vb] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-lkfu9c87vb] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-lkfu9c87vb] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-lkfu9c87vb] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-lkfu9c87vb] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-lkfu9c87vb] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-lkfu9c87vb] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-lkfu9c87vb] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-lkfu9c87vb] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-lkfu9c87vb] {
    margin-right: 0px;
}


select[b-lkfu9c87vb] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-lkfu9c87vb]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-lkfu9c87vb] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-lkfu9c87vb] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-lkfu9c87vb] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-lkfu9c87vb] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-lkfu9c87vb] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-lkfu9c87vb] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-lkfu9c87vb] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-lkfu9c87vb] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-lkfu9c87vb] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-lkfu9c87vb] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-lkfu9c87vb] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-lkfu9c87vb]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-lkfu9c87vb]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-lkfu9c87vb] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-lkfu9c87vb] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-lkfu9c87vb] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-lkfu9c87vb] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-lkfu9c87vb] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-lkfu9c87vb] {
    width: 18px;
    height: 14px;
}

.div-footer[b-lkfu9c87vb] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-lkfu9c87vb] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-lkfu9c87vb] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-lkfu9c87vb] {
    line-height: 15px;
}

.modal-title-entrerheure[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-lkfu9c87vb] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-lkfu9c87vb] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-lkfu9c87vb] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-lkfu9c87vb]::-webkit-scrollbar {
    width: 9px !important;
}

.modal-body-log[b-lkfu9c87vb]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-lkfu9c87vb]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-lkfu9c87vb]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-lkfu9c87vb] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-lkfu9c87vb] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-lkfu9c87vb] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-lkfu9c87vb] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-lkfu9c87vb] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-lkfu9c87vb] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-lkfu9c87vb] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-lkfu9c87vb] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-lkfu9c87vb] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-lkfu9c87vb] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-lkfu9c87vb] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-lkfu9c87vb] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-lkfu9c87vb] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-lkfu9c87vb] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-lkfu9c87vb] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-lkfu9c87vb] {
    margin-top: 12px;
}

.img-choix[b-lkfu9c87vb] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-lkfu9c87vb] {
    margin-left: 4px;
}

.body-entry-time1[b-lkfu9c87vb] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-lkfu9c87vb] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-lkfu9c87vb] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-lkfu9c87vb] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-lkfu9c87vb] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-lkfu9c87vb] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-lkfu9c87vb] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-lkfu9c87vb] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-lkfu9c87vb] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-lkfu9c87vb] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-lkfu9c87vb] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-lkfu9c87vb] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-lkfu9c87vb] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-lkfu9c87vb] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-lkfu9c87vb] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-lkfu9c87vb] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-lkfu9c87vb] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-lkfu9c87vb] {
    margin-top: 9px;
}

.span-debut-chrono[b-lkfu9c87vb] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-lkfu9c87vb] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-lkfu9c87vb] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-lkfu9c87vb] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-lkfu9c87vb] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-lkfu9c87vb] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-lkfu9c87vb] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-lkfu9c87vb] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-lkfu9c87vb] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-lkfu9c87vb] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-lkfu9c87vb] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-lkfu9c87vb] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-lkfu9c87vb] {
    margin-top: -28px;
}

.div-title-manuel[b-lkfu9c87vb] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-lkfu9c87vb] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-lkfu9c87vb] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-lkfu9c87vb] {
    margin-left: 69px;
    width: 376px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-lkfu9c87vb] {
    width: 376px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


}

.modal-body-log[b-lkfu9c87vb] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-lkfu9c87vb] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-lkfu9c87vb] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-lkfu9c87vb] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-lkfu9c87vb] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-lkfu9c87vb] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-lkfu9c87vb] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-lkfu9c87vb] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-lkfu9c87vb] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-lkfu9c87vb] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-lkfu9c87vb] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-lkfu9c87vb] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-lkfu9c87vb] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-lkfu9c87vb] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-lkfu9c87vb] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-lkfu9c87vb] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-lkfu9c87vb] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-lkfu9c87vb] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-lkfu9c87vb] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-lkfu9c87vb] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-lkfu9c87vb] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-lkfu9c87vb] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-lkfu9c87vb] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-lkfu9c87vb] {
    margin-left: 114px;
}

.note-livrer-pos[b-lkfu9c87vb] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-lkfu9c87vb] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-lkfu9c87vb] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-lkfu9c87vb] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-lkfu9c87vb] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-lkfu9c87vb] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-lkfu9c87vb] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-lkfu9c87vb] {
    width: 42px;
    height: 42px;
}

.span-scan[b-lkfu9c87vb] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-lkfu9c87vb] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-lkfu9c87vb] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-lkfu9c87vb] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-lkfu9c87vb] {
        display: block !important;
    }

    .display-date-sec[b-lkfu9c87vb] {
        display: none !important;
    }
}

.display-date[b-lkfu9c87vb] {
    display: none;
}

.modal-ts-content[b-lkfu9c87vb] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-lkfu9c87vb] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-lkfu9c87vb] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-lkfu9c87vb] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-lkfu9c87vb] {
    margin-left: 14px;
}

.modal-ts-footer[b-lkfu9c87vb] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-lkfu9c87vb] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
     .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-lkfu9c87vb] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-lkfu9c87vb] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-lkfu9c87vb] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-lkfu9c87vb] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-lkfu9c87vb] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-lkfu9c87vb] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-lkfu9c87vb] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/NoteModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-83w10fk2hm]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-83w10fk2hm] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-83w10fk2hm] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-83w10fk2hm] {
    width: 100%;
}

    .switch input[type=checkbox][b-83w10fk2hm] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-83w10fk2hm] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-83w10fk2hm] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-83w10fk2hm]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-83w10fk2hm]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-83w10fk2hm] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-83w10fk2hm] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-83w10fk2hm] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-83w10fk2hm] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-83w10fk2hm] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-83w10fk2hm] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-83w10fk2hm] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-83w10fk2hm] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-83w10fk2hm], .column-3:focus[b-83w10fk2hm] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-83w10fk2hm] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-83w10fk2hm] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-83w10fk2hm] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-83w10fk2hm] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-83w10fk2hm] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-83w10fk2hm] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-83w10fk2hm] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-83w10fk2hm] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-83w10fk2hm] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-83w10fk2hm] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-83w10fk2hm] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-83w10fk2hm] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-83w10fk2hm] {
    margin-right: 0px;
}


select[b-83w10fk2hm] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-83w10fk2hm]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-83w10fk2hm] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-83w10fk2hm] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-83w10fk2hm] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-83w10fk2hm] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-83w10fk2hm] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-83w10fk2hm] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-83w10fk2hm] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-83w10fk2hm] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-83w10fk2hm] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-83w10fk2hm] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-83w10fk2hm] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-83w10fk2hm]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-83w10fk2hm]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-83w10fk2hm] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-83w10fk2hm] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-83w10fk2hm] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-83w10fk2hm] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-83w10fk2hm] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-83w10fk2hm] {
    width: 18px;
    height: 14px;
}

.div-footer[b-83w10fk2hm] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-83w10fk2hm] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-83w10fk2hm] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-83w10fk2hm] {
    line-height: 15px;
}

.modal-title-entrerheure[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-83w10fk2hm] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-83w10fk2hm] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-83w10fk2hm] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-83w10fk2hm]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-83w10fk2hm]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-83w10fk2hm]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-83w10fk2hm]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-83w10fk2hm] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-83w10fk2hm] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-83w10fk2hm] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-83w10fk2hm] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-83w10fk2hm] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-83w10fk2hm] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-83w10fk2hm] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-83w10fk2hm] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-83w10fk2hm] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-83w10fk2hm] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-83w10fk2hm] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-83w10fk2hm] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-83w10fk2hm] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-83w10fk2hm] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-83w10fk2hm] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-83w10fk2hm] {
    margin-top: 12px;
}

.img-choix[b-83w10fk2hm] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-83w10fk2hm] {
    margin-left: 4px;
}

.body-entry-time1[b-83w10fk2hm] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-83w10fk2hm] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-83w10fk2hm] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-83w10fk2hm] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-83w10fk2hm] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-83w10fk2hm] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-83w10fk2hm] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-83w10fk2hm] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-83w10fk2hm] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-83w10fk2hm] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-83w10fk2hm] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-83w10fk2hm] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-83w10fk2hm] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-83w10fk2hm] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-83w10fk2hm] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-83w10fk2hm] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-83w10fk2hm] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-83w10fk2hm] {
    margin-top: 9px;
}

.span-debut-chrono[b-83w10fk2hm] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-83w10fk2hm] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-83w10fk2hm] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-83w10fk2hm] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-83w10fk2hm] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-83w10fk2hm] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-83w10fk2hm] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-83w10fk2hm] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-83w10fk2hm] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-83w10fk2hm] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-83w10fk2hm] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-83w10fk2hm] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-83w10fk2hm] {
    margin-top: -28px;
}

.div-title-manuel[b-83w10fk2hm] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-83w10fk2hm] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-83w10fk2hm] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-83w10fk2hm] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-83w10fk2hm] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-83w10fk2hm] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-83w10fk2hm] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-83w10fk2hm] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-83w10fk2hm] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-83w10fk2hm] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-83w10fk2hm] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-83w10fk2hm] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-83w10fk2hm] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-83w10fk2hm] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-83w10fk2hm] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-83w10fk2hm] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-83w10fk2hm] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-83w10fk2hm] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-83w10fk2hm] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-83w10fk2hm] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-83w10fk2hm] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-83w10fk2hm] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-83w10fk2hm] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-83w10fk2hm] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-83w10fk2hm] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-83w10fk2hm] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-83w10fk2hm] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-83w10fk2hm] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-83w10fk2hm] {
    margin-left: 114px;
}

.note-livrer-pos[b-83w10fk2hm] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-83w10fk2hm] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-83w10fk2hm] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-83w10fk2hm] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-83w10fk2hm] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-83w10fk2hm] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-83w10fk2hm] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-83w10fk2hm] {
    width: 42px;
    height: 42px;
}

.span-scan[b-83w10fk2hm] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-83w10fk2hm] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-83w10fk2hm] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-83w10fk2hm] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-83w10fk2hm] {
        display: block !important;
    }

    .display-date-sec[b-83w10fk2hm] {
        display: none !important;
    }
}

.display-date[b-83w10fk2hm] {
    display: none;
}

.modal-ts-content[b-83w10fk2hm] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-83w10fk2hm] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-83w10fk2hm] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-83w10fk2hm] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-83w10fk2hm] {
    margin-left: 14px;
}

.modal-ts-footer[b-83w10fk2hm] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-83w10fk2hm] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}

.span-entry-title[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-83w10fk2hm] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-83w10fk2hm] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-83w10fk2hm] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-83w10fk2hm] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-83w10fk2hm] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-83w10fk2hm] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-83w10fk2hm] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/ProgressionModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-uw7ow2951l]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}



/*input[type='range']::-ms-fill-upper {
    background-color: blue;
    border: solid 2px #444;
    border-radius: 8px;
}

input[type='range']::-ms-fill-lower {
    background-color: #267928;
    border: solid 2px #444;
    border-radius: 8px;
}

input[type='range']::-ms-thumb {
    width: 12px;
    height: 24px;
    background-color: #469948;
    border: solid 2px #dedede;
}

input[type='range']::-ms-track {
    height: 12px;
    border: none;*/
    /* can set to none to
     * only see rounded fills */
    /*color: red;
}*/

input[type="range"].slider-track[b-uw7ow2951l]::-moz-range-progress {
    background: red;
}
    

/*Checkbox Toggle*/
.switch-div[b-uw7ow2951l] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-uw7ow2951l] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-uw7ow2951l] {
    width: 100%;
}

    .switch input[type=checkbox][b-uw7ow2951l] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-uw7ow2951l] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-uw7ow2951l] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-uw7ow2951l]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-uw7ow2951l]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-uw7ow2951l] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-uw7ow2951l] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-uw7ow2951l] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-uw7ow2951l] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-uw7ow2951l] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-uw7ow2951l] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-uw7ow2951l] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-uw7ow2951l] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-uw7ow2951l], .column-3:focus[b-uw7ow2951l] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-uw7ow2951l] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-uw7ow2951l] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-uw7ow2951l] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-uw7ow2951l] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-uw7ow2951l] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-uw7ow2951l] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-uw7ow2951l] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-uw7ow2951l] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-uw7ow2951l] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-uw7ow2951l] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-uw7ow2951l] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-uw7ow2951l] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-uw7ow2951l] {
    margin-right: 0px;
}


select[b-uw7ow2951l] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-uw7ow2951l]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-uw7ow2951l] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-uw7ow2951l] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-uw7ow2951l] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-uw7ow2951l] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-uw7ow2951l] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-uw7ow2951l] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-uw7ow2951l] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-uw7ow2951l] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-uw7ow2951l] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-uw7ow2951l] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-uw7ow2951l] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-uw7ow2951l]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-uw7ow2951l]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-uw7ow2951l] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-uw7ow2951l] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-uw7ow2951l] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-uw7ow2951l] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-uw7ow2951l] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-uw7ow2951l] {
    width: 18px;
    height: 14px;
}

.div-footer[b-uw7ow2951l] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-uw7ow2951l] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-uw7ow2951l] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-uw7ow2951l] {
    line-height: 15px;
}

.modal-title-entrerheure[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-uw7ow2951l] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-uw7ow2951l] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-uw7ow2951l] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-uw7ow2951l]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-uw7ow2951l]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-uw7ow2951l]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-uw7ow2951l]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-uw7ow2951l] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-uw7ow2951l] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-uw7ow2951l] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-uw7ow2951l] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-uw7ow2951l] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-uw7ow2951l] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-uw7ow2951l] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-uw7ow2951l] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-uw7ow2951l] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-uw7ow2951l] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-uw7ow2951l] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-uw7ow2951l] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-uw7ow2951l] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-uw7ow2951l] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-uw7ow2951l] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-uw7ow2951l] {
    margin-top: 12px;
}

.img-choix[b-uw7ow2951l] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-uw7ow2951l] {
    margin-left: 4px;
}

.body-entry-time1[b-uw7ow2951l] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-uw7ow2951l] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-uw7ow2951l] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-uw7ow2951l] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-uw7ow2951l] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-uw7ow2951l] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-uw7ow2951l] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-uw7ow2951l] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-uw7ow2951l] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-uw7ow2951l] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-uw7ow2951l] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-uw7ow2951l] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-uw7ow2951l] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-uw7ow2951l] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-uw7ow2951l] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-uw7ow2951l] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-uw7ow2951l] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-uw7ow2951l] {
    margin-top: 9px;
}

.span-debut-chrono[b-uw7ow2951l] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-uw7ow2951l] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-uw7ow2951l] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-uw7ow2951l] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-uw7ow2951l] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-uw7ow2951l] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-uw7ow2951l] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-uw7ow2951l] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-uw7ow2951l] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-uw7ow2951l] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-uw7ow2951l] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-uw7ow2951l] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-uw7ow2951l] {
    margin-top: -28px;
}

.div-title-manuel[b-uw7ow2951l] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-uw7ow2951l] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-uw7ow2951l] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-uw7ow2951l] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-uw7ow2951l] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-uw7ow2951l] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-uw7ow2951l] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-uw7ow2951l] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-uw7ow2951l] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-uw7ow2951l] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-uw7ow2951l] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-uw7ow2951l] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-uw7ow2951l] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-uw7ow2951l] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-uw7ow2951l] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-uw7ow2951l] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-uw7ow2951l] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-uw7ow2951l] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-uw7ow2951l] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-uw7ow2951l] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-uw7ow2951l] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-uw7ow2951l] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-uw7ow2951l] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-uw7ow2951l] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-uw7ow2951l] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-uw7ow2951l] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-uw7ow2951l] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-uw7ow2951l] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-uw7ow2951l] {
    margin-left: 114px;
}

.note-livrer-pos[b-uw7ow2951l] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-uw7ow2951l] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-uw7ow2951l] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-uw7ow2951l] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-uw7ow2951l] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-uw7ow2951l] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-uw7ow2951l] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-uw7ow2951l] {
    width: 42px;
    height: 42px;
}

.span-scan[b-uw7ow2951l] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-uw7ow2951l] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-uw7ow2951l] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-uw7ow2951l] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-uw7ow2951l] {
        display: block !important;
    }

    .display-date-sec[b-uw7ow2951l] {
        display: none !important;
    }
}

.display-date[b-uw7ow2951l] {
    display: none;
}

.modal-ts-content[b-uw7ow2951l] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-uw7ow2951l] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-uw7ow2951l] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-uw7ow2951l] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-uw7ow2951l] {
    margin-left: 14px;
}

.modal-ts-footer[b-uw7ow2951l] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-uw7ow2951l] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
     .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-uw7ow2951l] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-uw7ow2951l] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-uw7ow2951l] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-uw7ow2951l] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-uw7ow2951l] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-uw7ow2951l] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-uw7ow2951l] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

.modal-menu-content[b-uw7ow2951l] {
    width: 100%;
    height: 342px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border-radius: 3px;
    opacity: 1;
    position: fixed;
    bottom: 0;
}

.modal-body-menu[b-uw7ow2951l] {
}

.modal-div[b-uw7ow2951l] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.span-menu-modal[b-uw7ow2951l] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.3px;
    color: #576574;
    text-transform: capitalize;
    opacity: 1;
    padding-left: 15px;
}

.list-group-item[b-uw7ow2951l] {
    padding-left: 1.5rem;
}

.span-menu-modal:hover[b-uw7ow2951l] {
    letter-spacing: 0.3px;
    text-align: left;
    text-decoration: underline;
}

.span-blue:hover[b-uw7ow2951l] {
    color: #4B7BEC;
}

.span-blueciel:hover[b-uw7ow2951l] {
    color: #00A7E2;
}

.span-green:hover[b-uw7ow2951l] {
    color: #10AC84;
}

.span-purple:hover[b-uw7ow2951l] {
    color: #AC92EC;
}

.span-orange:hover[b-uw7ow2951l] {
    color: #EF7911;
}

@media (max-width:850px) {
    .modal-accepter-content[b-uw7ow2951l], .modal-accepter-content[b-uw7ow2951l] {
        width: 284px !important;
        height: 215px !important;
        margin-left: 0 !important;
    }

    .modal-body-accepter[b-uw7ow2951l] {
        text-align: center;
        height: 119px !important;
    }

    .modal-body-prog[b-uw7ow2951l] {
        height: 130px !important;
    }

    .span-accepter-qs[b-uw7ow2951l] {
        font-size: 17px !important;
    }

    .modal-center[b-uw7ow2951l] {
        text-align: center;
        padding: 0 !important;
    }

    .label-pers[b-uw7ow2951l] {
        font-size: 17px !important;
    }

    .span-prog-title[b-uw7ow2951l] {
        font-size: 11px !important;
    }

    .modal-center[b-uw7ow2951l]:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .modal-center-dialog[b-uw7ow2951l] {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    .modal-header-accepter[b-uw7ow2951l], .modal-header-prog[b-uw7ow2951l] {
        width: 284px !important;
        height: 51px !important;
    }

    .modal-footer-accepter[b-uw7ow2951l] {
        width: 284px !important;
        height: 45px !important;
    }

    .modal-center-dialog[b-uw7ow2951l] {
        width: unset;
    }

    .img-footer[b-uw7ow2951l] {
        margin-left: 2px !important;
    }

    .modal-title[b-uw7ow2951l] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
        margin-left: 5px !important;
    }

    .closem[b-uw7ow2951l] {
        margin-left: 0 !important;
        margin-top: -4px !important;
        font-size: 39px !important;
        font-family: emoji !important;
    }

    .img-revue[b-uw7ow2951l] {
        width: 16px !important;
        margin-left: 3px !important;
    }

    .img-hour[b-uw7ow2951l] {
        margin-left: 25% !important;
    }

    .progressbar[value][b-uw7ow2951l] {
        width: 90% !important;
    }

    .img-prog[b-uw7ow2951l] {
        margin-left: 5px !important;
        margin-top: 7px !important;
        width: 26px !important;
    }

    .modal-title-prog[b-uw7ow2951l] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 20ch;
        display: block;
        vertical-align: middle;
        margin-left: 6px !important;
        margin-top: 11px !important;
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
    }

    .closepop-prog[b-uw7ow2951l] {
        margin-top: -9px !important;
        right: 9px !important;
        font-family: emoji !important;
    }

    .modal-content-revue[b-uw7ow2951l] {
        width: 289px !important;
        height: 434px !important;
    }

    .modal-body-revue[b-uw7ow2951l] {
        overflow-y: scroll;
    }

    .modal-footer-revue[b-uw7ow2951l] {
        width: 289px !important;
    }

    .div-box-sign[b-uw7ow2951l] {
        margin-left: -14px !important;
        width: 242px !important;
    }

    .select-revue[b-uw7ow2951l] {
        margin-left: -18px;
        width: 238px !important;
    }

    .col-sec-av[b-uw7ow2951l] {
        padding-left: 57px;
    }
}

@media (min-width:468px) and (max-width:850px) {
    .modal-header-entrerheure[b-uw7ow2951l] {
        width: 279px !important;
    }

    .div-box-entrermanuel[b-uw7ow2951l] {
        width: 247px !important;
        margin: auto;
    }

    .btn-add-new-entrerheure[b-uw7ow2951l] {
        width: 100% !important;
    }

    .modal-title-entrerheure[b-uw7ow2951l] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 18ch;
        display: block;
        vertical-align: middle;
        font-size: 16px !important;
        font-family: 'Franklin Book Regular' !important;
        margin-top: 19px !important;
    }

    .closepop-entrerheure[b-uw7ow2951l] {
        font-family: emoji !important;
        margin-top: -1px !important;
    }

    .modal-content-entrer[b-uw7ow2951l] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .img-stat[b-uw7ow2951l] {
        margin-left: 13px !important;
    }

    .div-container-entrerheure[b-uw7ow2951l] {
        padding-left: 7px !important;
    }

    .div-heures[b-uw7ow2951l] {
        display: flex;
        width: 100%;
        padding-right: 14px;
    }

    .div-space[b-uw7ow2951l], .div-espace[b-uw7ow2951l] {
        margin-top: 11px !important;
        width: 50%;
        margin-left: 9px;
    }

    .div-btns[b-uw7ow2951l] {
        display: flex;
        padding-bottom: 24px;
        padding-right: 11px;
        width: 100%;
        padding-top: 7px;
    }

    .div-box-entrerheure[b-uw7ow2951l] {
        width: 100% !important;
    }

    .modal-body-entrerheure[b-uw7ow2951l] {
        height: unset !important;
    }

    .div-demarer-heures[b-uw7ow2951l] {
        align-items: center;
    }

    .div-box-demarerHorloge[b-uw7ow2951l] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-uw7ow2951l] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-demarer-heures[b-uw7ow2951l] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-uw7ow2951l] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-uw7ow2951l] {
        width: 100% !important;
    }

    .div-entrermanuel-info[b-uw7ow2951l] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-left: 15px;
    }
}

@media (max-width:600px) {
    .div-entrermanuel-info[b-uw7ow2951l] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width:468px) {

    .modal-body-entrerheure[b-uw7ow2951l] {
        height: unset !important;
    }

    .div-box-entrermanuel[b-uw7ow2951l] {
        width: 88% !important;
    }

    .modal-content-entrer[b-uw7ow2951l] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .btn-add-new-entrerheure[b-uw7ow2951l] {
        width: 100% !important;
    }

    .div-box-entrerheure[b-uw7ow2951l] {
        width: 85% !important;
    }

    .div-btns[b-uw7ow2951l] {
        padding-bottom: 24px;
    }

    .div-container-entrerheure[b-uw7ow2951l] {
        padding-left: 37px !important;
    }

    .span-title-demarerHorloge[b-uw7ow2951l] {
        margin-left: 9% !important;
    }

    .div-box-demarerHorloge[b-uw7ow2951l] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-uw7ow2951l] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-box-entrermanuel[b-uw7ow2951l] {
        width: 247px !important;
    }

    .div-demarer-heures[b-uw7ow2951l] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-uw7ow2951l] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-uw7ow2951l] {
        width: 100% !important;
    }
}

.div-demarer-heures[b-uw7ow2951l] {
    display: flex;
    flex-direction: column;
}

.div-box-date[b-uw7ow2951l] {
    margin-left: auto;
}

.div-manuel[b-uw7ow2951l] {
    padding-left: 37px !important;
}

.div-box-date-container[b-uw7ow2951l] {
    width: 90% !important;
}

.div-box-note-container[b-uw7ow2951l] {
    width: 88% !important;
}

@media (max-width:470px) {
    .card-item[b-uw7ow2951l] {
        height: unset !important;
    }

    .card-item-content[b-uw7ow2951l] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-uw7ow2951l] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

.img-item-value[b-uw7ow2951l] {
    width: 20px !important;
}

.col-first-item[b-uw7ow2951l], .col-sec-item[b-uw7ow2951l] {
    margin-left: 0 !important;
}

.col-first-item[b-uw7ow2951l] {
    padding-left: 57px;
}

.btn-add-new[b-uw7ow2951l] {
    width: 100% !important;
}

.list-card-livrer[b-uw7ow2951l] {
    overflow: scroll;
    height: calc(100vh - 169px);
}

.list-demarer-horloge[b-uw7ow2951l] {
    overflow: scroll;
    height: calc(100vh - 163px) !important;
}

.img-req[b-uw7ow2951l] {
    float: right !important;
    margin-right: 15px;
}


@media (max-width:850px) {
    .modal-req-content[b-uw7ow2951l] {
        width: 285px !important;
    }

    .modal-header-req[b-uw7ow2951l] {
        width: 285px !important;
    }

    .modal-footer-req[b-uw7ow2951l] {
        width: 100% !important;
    }

    .triangle-left[b-uw7ow2951l] {
        display: none;
    }

    .closereq[b-uw7ow2951l] {
        margin-top: -4px !important;
        font-family: emoji !important;
        font-size: 38px !important;
        margin-left: 0 !important;
    }

    .modal-title-req[b-uw7ow2951l] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 14px !important;
    }

    .mod-req[b-uw7ow2951l] {
        background-color: rgb(34,47,62,.75) !important;
    }

    .modal-req-content[b-uw7ow2951l] {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

.modal-header-revue[b-uw7ow2951l] {
    align-items: center;
}

.closerev[b-uw7ow2951l] {
    font-family: emoji !important;
    margin-top: -48px !important;
}


.modalfooter-style[b-uw7ow2951l] {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    box-shadow: 3px 3px 6px #00000040;
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/RequisitionConfirmModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-m1dkyqwfvc]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-m1dkyqwfvc] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-m1dkyqwfvc] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-m1dkyqwfvc] {
    width: 100%;
}

    .switch input[type=checkbox][b-m1dkyqwfvc] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-m1dkyqwfvc] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-m1dkyqwfvc] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-m1dkyqwfvc]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-m1dkyqwfvc]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-m1dkyqwfvc] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-m1dkyqwfvc] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-m1dkyqwfvc] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-m1dkyqwfvc] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-m1dkyqwfvc] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-m1dkyqwfvc] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-m1dkyqwfvc] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-m1dkyqwfvc] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-m1dkyqwfvc], .column-3:focus[b-m1dkyqwfvc] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-m1dkyqwfvc] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-m1dkyqwfvc] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-m1dkyqwfvc] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-m1dkyqwfvc] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-m1dkyqwfvc] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-m1dkyqwfvc] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-m1dkyqwfvc] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-m1dkyqwfvc] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-m1dkyqwfvc] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-m1dkyqwfvc] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-m1dkyqwfvc] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-m1dkyqwfvc] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-m1dkyqwfvc] {
    margin-right: 0px;
}


select[b-m1dkyqwfvc] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-m1dkyqwfvc]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-m1dkyqwfvc] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-m1dkyqwfvc] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-m1dkyqwfvc] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-m1dkyqwfvc] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-m1dkyqwfvc] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-m1dkyqwfvc] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-m1dkyqwfvc] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-m1dkyqwfvc] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-m1dkyqwfvc] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-m1dkyqwfvc] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-m1dkyqwfvc] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-m1dkyqwfvc]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-m1dkyqwfvc]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-m1dkyqwfvc] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-m1dkyqwfvc] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-m1dkyqwfvc] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-m1dkyqwfvc] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-m1dkyqwfvc] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-m1dkyqwfvc] {
    width: 18px;
    height: 14px;
}

.div-footer[b-m1dkyqwfvc] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-m1dkyqwfvc] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-m1dkyqwfvc] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-m1dkyqwfvc] {
    line-height: 15px;
}

.modal-title-entrerheure[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-m1dkyqwfvc] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-m1dkyqwfvc] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-m1dkyqwfvc] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-m1dkyqwfvc]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-m1dkyqwfvc]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-m1dkyqwfvc]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-m1dkyqwfvc]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-m1dkyqwfvc] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-m1dkyqwfvc] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-m1dkyqwfvc] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-m1dkyqwfvc] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-m1dkyqwfvc] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-m1dkyqwfvc] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-m1dkyqwfvc] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-m1dkyqwfvc] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-m1dkyqwfvc] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-m1dkyqwfvc] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-m1dkyqwfvc] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-m1dkyqwfvc] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-m1dkyqwfvc] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-m1dkyqwfvc] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-m1dkyqwfvc] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-m1dkyqwfvc] {
    margin-top: 12px;
}

.img-choix[b-m1dkyqwfvc] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-m1dkyqwfvc] {
    margin-left: 4px;
}

.body-entry-time1[b-m1dkyqwfvc] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-m1dkyqwfvc] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-m1dkyqwfvc] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-m1dkyqwfvc] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-m1dkyqwfvc] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-m1dkyqwfvc] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-m1dkyqwfvc] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-m1dkyqwfvc] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-m1dkyqwfvc] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-m1dkyqwfvc] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-m1dkyqwfvc] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-m1dkyqwfvc] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-m1dkyqwfvc] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-m1dkyqwfvc] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-m1dkyqwfvc] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-m1dkyqwfvc] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-m1dkyqwfvc] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-m1dkyqwfvc] {
    margin-top: 9px;
}

.span-debut-chrono[b-m1dkyqwfvc] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-m1dkyqwfvc] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-m1dkyqwfvc] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-m1dkyqwfvc] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-m1dkyqwfvc] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-m1dkyqwfvc] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-m1dkyqwfvc] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-m1dkyqwfvc] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-m1dkyqwfvc] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-m1dkyqwfvc] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-m1dkyqwfvc] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-m1dkyqwfvc] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-m1dkyqwfvc] {
    margin-top: -28px;
}

.div-title-manuel[b-m1dkyqwfvc] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-m1dkyqwfvc] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-m1dkyqwfvc] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-m1dkyqwfvc] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-m1dkyqwfvc] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-m1dkyqwfvc] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-m1dkyqwfvc] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-m1dkyqwfvc] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-m1dkyqwfvc] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-m1dkyqwfvc] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-m1dkyqwfvc] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-m1dkyqwfvc] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-m1dkyqwfvc] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-m1dkyqwfvc] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-m1dkyqwfvc] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-m1dkyqwfvc] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-m1dkyqwfvc] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-m1dkyqwfvc] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-m1dkyqwfvc] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-m1dkyqwfvc] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-m1dkyqwfvc] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-m1dkyqwfvc] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-m1dkyqwfvc] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-m1dkyqwfvc] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-m1dkyqwfvc] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-m1dkyqwfvc] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-m1dkyqwfvc] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-m1dkyqwfvc] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-m1dkyqwfvc] {
    margin-left: 114px;
}

.note-livrer-pos[b-m1dkyqwfvc] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-m1dkyqwfvc] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-m1dkyqwfvc] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-m1dkyqwfvc] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-m1dkyqwfvc] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-m1dkyqwfvc] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-m1dkyqwfvc] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-m1dkyqwfvc] {
    width: 42px;
    height: 42px;
}

.span-scan[b-m1dkyqwfvc] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-m1dkyqwfvc] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-m1dkyqwfvc] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-m1dkyqwfvc] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-m1dkyqwfvc] {
        display: block !important;
    }

    .display-date-sec[b-m1dkyqwfvc] {
        display: none !important;
    }
}

.display-date[b-m1dkyqwfvc] {
    display: none;
}

.modal-ts-content[b-m1dkyqwfvc] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-m1dkyqwfvc] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-m1dkyqwfvc] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-m1dkyqwfvc] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-m1dkyqwfvc] {
    margin-left: 14px;
}

.modal-ts-footer[b-m1dkyqwfvc] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-m1dkyqwfvc] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
     .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-m1dkyqwfvc] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-m1dkyqwfvc] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-m1dkyqwfvc] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-m1dkyqwfvc] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-m1dkyqwfvc] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-m1dkyqwfvc] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-m1dkyqwfvc] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/RequisitionnerModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-05ofgr2by3]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-05ofgr2by3] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-05ofgr2by3] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-05ofgr2by3] {
    width: 100%;
}

    .switch input[type=checkbox][b-05ofgr2by3] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-05ofgr2by3] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-05ofgr2by3] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-05ofgr2by3]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-05ofgr2by3]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-05ofgr2by3] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-05ofgr2by3] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-05ofgr2by3] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-05ofgr2by3] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-05ofgr2by3] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-05ofgr2by3] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-05ofgr2by3] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-05ofgr2by3] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-05ofgr2by3], .column-3:focus[b-05ofgr2by3] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-05ofgr2by3] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-05ofgr2by3] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-05ofgr2by3] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-05ofgr2by3] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-05ofgr2by3] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-05ofgr2by3] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-05ofgr2by3] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-05ofgr2by3] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-05ofgr2by3] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-05ofgr2by3] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-05ofgr2by3] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-05ofgr2by3] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-05ofgr2by3] {
    margin-right: 0px;
}


select[b-05ofgr2by3] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-05ofgr2by3]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-05ofgr2by3] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-05ofgr2by3] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-05ofgr2by3] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-05ofgr2by3] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-05ofgr2by3] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-05ofgr2by3] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-05ofgr2by3] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-05ofgr2by3] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-05ofgr2by3] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-05ofgr2by3] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-05ofgr2by3] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-05ofgr2by3]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-05ofgr2by3]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-05ofgr2by3] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-05ofgr2by3] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-05ofgr2by3] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-05ofgr2by3] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-05ofgr2by3] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-05ofgr2by3] {
    width: 18px;
    height: 14px;
}

.div-footer[b-05ofgr2by3] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-05ofgr2by3] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-05ofgr2by3] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-05ofgr2by3] {
    line-height: 15px;
}

.modal-title-entrerheure[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-05ofgr2by3] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-05ofgr2by3] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-05ofgr2by3] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-05ofgr2by3]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-05ofgr2by3]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-05ofgr2by3]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-05ofgr2by3]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-05ofgr2by3] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-05ofgr2by3] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-05ofgr2by3] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-05ofgr2by3] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-05ofgr2by3] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-05ofgr2by3] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-05ofgr2by3] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-05ofgr2by3] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-05ofgr2by3] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-05ofgr2by3] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-05ofgr2by3] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-05ofgr2by3] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-05ofgr2by3] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-05ofgr2by3] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-05ofgr2by3] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-05ofgr2by3] {
    margin-top: 12px;
}

.img-choix[b-05ofgr2by3] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-05ofgr2by3] {
    margin-left: 4px;
}

.body-entry-time1[b-05ofgr2by3] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-05ofgr2by3] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-05ofgr2by3] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-05ofgr2by3] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-05ofgr2by3] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-05ofgr2by3] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-05ofgr2by3] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-05ofgr2by3] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-05ofgr2by3] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-05ofgr2by3] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-05ofgr2by3] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-05ofgr2by3] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-05ofgr2by3] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-05ofgr2by3] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-05ofgr2by3] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-05ofgr2by3] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-05ofgr2by3] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-05ofgr2by3] {
    margin-top: 9px;
}

.span-debut-chrono[b-05ofgr2by3] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-05ofgr2by3] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-05ofgr2by3] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-05ofgr2by3] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-05ofgr2by3] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-05ofgr2by3] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-05ofgr2by3] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-05ofgr2by3] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-05ofgr2by3] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-05ofgr2by3] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-05ofgr2by3] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-05ofgr2by3] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-05ofgr2by3] {
    margin-top: -28px;
}

.div-title-manuel[b-05ofgr2by3] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-05ofgr2by3] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-05ofgr2by3] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-05ofgr2by3] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-05ofgr2by3] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-05ofgr2by3] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-05ofgr2by3] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-05ofgr2by3] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-05ofgr2by3] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-05ofgr2by3] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-05ofgr2by3] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-05ofgr2by3] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-05ofgr2by3] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-05ofgr2by3] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-05ofgr2by3] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-05ofgr2by3] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-05ofgr2by3] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-05ofgr2by3] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-05ofgr2by3] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-05ofgr2by3] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-05ofgr2by3] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-05ofgr2by3] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-05ofgr2by3] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-05ofgr2by3] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-05ofgr2by3] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-05ofgr2by3] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-05ofgr2by3] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-05ofgr2by3] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-05ofgr2by3] {
    margin-left: 114px;
}

.note-livrer-pos[b-05ofgr2by3] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-05ofgr2by3] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-05ofgr2by3] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-05ofgr2by3] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-05ofgr2by3] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-05ofgr2by3] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-05ofgr2by3] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-05ofgr2by3] {
    width: 42px;
    height: 42px;
}

.span-scan[b-05ofgr2by3] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-05ofgr2by3] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-05ofgr2by3] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-05ofgr2by3] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-05ofgr2by3] {
        display: block !important;
    }

    .display-date-sec[b-05ofgr2by3] {
        display: none !important;
    }
}

.display-date[b-05ofgr2by3] {
    display: none;
}

.modal-ts-content[b-05ofgr2by3] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-05ofgr2by3] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-05ofgr2by3] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-05ofgr2by3] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-05ofgr2by3] {
    margin-left: 14px;
}

.modal-ts-footer[b-05ofgr2by3] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-05ofgr2by3] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
     .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-05ofgr2by3] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-05ofgr2by3] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-05ofgr2by3] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-05ofgr2by3] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-05ofgr2by3] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-05ofgr2by3] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-05ofgr2by3] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/RevueClientModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-iwicbuvq2a]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-iwicbuvq2a] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-iwicbuvq2a] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-iwicbuvq2a] {
    width: 100%;
}

    .switch input[type=checkbox][b-iwicbuvq2a] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-iwicbuvq2a] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-iwicbuvq2a] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-iwicbuvq2a]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-iwicbuvq2a]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-iwicbuvq2a] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-iwicbuvq2a] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-iwicbuvq2a] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-iwicbuvq2a] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-iwicbuvq2a] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-iwicbuvq2a] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-iwicbuvq2a] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-iwicbuvq2a] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-iwicbuvq2a], .column-3:focus[b-iwicbuvq2a] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-iwicbuvq2a] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-iwicbuvq2a] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-iwicbuvq2a] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-iwicbuvq2a] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-iwicbuvq2a] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-iwicbuvq2a] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-iwicbuvq2a] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-iwicbuvq2a] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-iwicbuvq2a] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-iwicbuvq2a] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-iwicbuvq2a] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-iwicbuvq2a] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-iwicbuvq2a] {
    margin-right: 0px;
}


select[b-iwicbuvq2a] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-iwicbuvq2a]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-iwicbuvq2a] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-iwicbuvq2a] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-iwicbuvq2a] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-iwicbuvq2a] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-iwicbuvq2a] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-iwicbuvq2a] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-iwicbuvq2a] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-iwicbuvq2a] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-iwicbuvq2a] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-iwicbuvq2a] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-iwicbuvq2a] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-iwicbuvq2a]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-iwicbuvq2a]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-iwicbuvq2a] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-iwicbuvq2a] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-iwicbuvq2a] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-iwicbuvq2a] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-iwicbuvq2a] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-iwicbuvq2a] {
    width: 18px;
    height: 14px;
}

.div-footer[b-iwicbuvq2a] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-iwicbuvq2a] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-iwicbuvq2a] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-iwicbuvq2a] {
    line-height: 15px;
}

.modal-title-entrerheure[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-iwicbuvq2a] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-iwicbuvq2a] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-iwicbuvq2a] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-iwicbuvq2a]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-iwicbuvq2a]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-iwicbuvq2a]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-iwicbuvq2a]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-iwicbuvq2a] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-iwicbuvq2a] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-iwicbuvq2a] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-iwicbuvq2a] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-iwicbuvq2a] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-iwicbuvq2a] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-iwicbuvq2a] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-iwicbuvq2a] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-iwicbuvq2a] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-iwicbuvq2a] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-iwicbuvq2a] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-iwicbuvq2a] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-iwicbuvq2a] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-iwicbuvq2a] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-iwicbuvq2a] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-iwicbuvq2a] {
    margin-top: 12px;
}

.img-choix[b-iwicbuvq2a] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-iwicbuvq2a] {
    margin-left: 4px;
}

.body-entry-time1[b-iwicbuvq2a] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-iwicbuvq2a] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-iwicbuvq2a] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-iwicbuvq2a] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-iwicbuvq2a] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-iwicbuvq2a] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-iwicbuvq2a] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-iwicbuvq2a] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-iwicbuvq2a] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-iwicbuvq2a] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-iwicbuvq2a] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-iwicbuvq2a] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-iwicbuvq2a] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-iwicbuvq2a] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-iwicbuvq2a] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-iwicbuvq2a] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-iwicbuvq2a] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-iwicbuvq2a] {
    margin-top: 9px;
}

.span-debut-chrono[b-iwicbuvq2a] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-iwicbuvq2a] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-iwicbuvq2a] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-iwicbuvq2a] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-iwicbuvq2a] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-iwicbuvq2a] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-iwicbuvq2a] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-iwicbuvq2a] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-iwicbuvq2a] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-iwicbuvq2a] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-iwicbuvq2a] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-iwicbuvq2a] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-iwicbuvq2a] {
    margin-top: -28px;
}

.div-title-manuel[b-iwicbuvq2a] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-iwicbuvq2a] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-iwicbuvq2a] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-iwicbuvq2a] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-iwicbuvq2a] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-iwicbuvq2a] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-iwicbuvq2a] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-iwicbuvq2a] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-iwicbuvq2a] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-iwicbuvq2a] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-iwicbuvq2a] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-iwicbuvq2a] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-iwicbuvq2a] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-iwicbuvq2a] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-iwicbuvq2a] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-iwicbuvq2a] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-iwicbuvq2a] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-iwicbuvq2a] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-iwicbuvq2a] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-iwicbuvq2a] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-iwicbuvq2a] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-iwicbuvq2a] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-iwicbuvq2a] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-iwicbuvq2a] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-iwicbuvq2a] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-iwicbuvq2a] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-iwicbuvq2a] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-iwicbuvq2a] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-iwicbuvq2a] {
    margin-left: 114px;
}

.note-livrer-pos[b-iwicbuvq2a] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-iwicbuvq2a] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-iwicbuvq2a] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-iwicbuvq2a] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-iwicbuvq2a] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-iwicbuvq2a] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-iwicbuvq2a] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-iwicbuvq2a] {
    width: 42px;
    height: 42px;
}

.span-scan[b-iwicbuvq2a] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-iwicbuvq2a] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-iwicbuvq2a] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-iwicbuvq2a] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-iwicbuvq2a] {
        display: block !important;
    }

    .display-date-sec[b-iwicbuvq2a] {
        display: none !important;
    }
}

.display-date[b-iwicbuvq2a] {
    display: none;
}

.modal-ts-content[b-iwicbuvq2a] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-iwicbuvq2a] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-iwicbuvq2a] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-iwicbuvq2a] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-iwicbuvq2a] {
    margin-left: 14px;
}

.modal-ts-footer[b-iwicbuvq2a] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-iwicbuvq2a] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
     .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-iwicbuvq2a] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-iwicbuvq2a] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-iwicbuvq2a] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-iwicbuvq2a] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-iwicbuvq2a] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-iwicbuvq2a] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-iwicbuvq2a] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

.modal-menu-content[b-iwicbuvq2a] {
    width: 100%;
    height: 342px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border-radius: 3px;
    opacity: 1;
    position: fixed;
    bottom: 0;
}

.modal-body-menu[b-iwicbuvq2a] {
}

.modal-div[b-iwicbuvq2a] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.span-menu-modal[b-iwicbuvq2a] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.3px;
    color: #576574;
    text-transform: capitalize;
    opacity: 1;
    padding-left: 15px;
}

.list-group-item[b-iwicbuvq2a] {
    padding-left: 1.5rem;
}

.span-menu-modal:hover[b-iwicbuvq2a] {
    letter-spacing: 0.3px;
    text-align: left;
    text-decoration: underline;
}

.span-blue:hover[b-iwicbuvq2a] {
    color: #4B7BEC;
}

.span-blueciel:hover[b-iwicbuvq2a] {
    color: #00A7E2;
}

.span-green:hover[b-iwicbuvq2a] {
    color: #10AC84;
}

.span-purple:hover[b-iwicbuvq2a] {
    color: #AC92EC;
}

.span-orange:hover[b-iwicbuvq2a] {
    color: #EF7911;
}

@media (max-width:850px) {
    .modal-accepter-content[b-iwicbuvq2a], .modal-accepter-content[b-iwicbuvq2a] {
        width: 284px !important;
        height: 215px !important;
        margin-left: 0 !important;
    }

    .modal-body-accepter[b-iwicbuvq2a] {
        text-align: center;
        height: 119px !important;
    }

    .modal-body-prog[b-iwicbuvq2a] {
        height: 130px !important;
    }

    .span-accepter-qs[b-iwicbuvq2a] {
        font-size: 17px !important;
    }

    .modal-center[b-iwicbuvq2a] {
        text-align: center;
        padding: 0 !important;
    }

    .label-pers[b-iwicbuvq2a] {
        font-size: 17px !important;
    }

    .span-prog-title[b-iwicbuvq2a] {
        font-size: 11px !important;
    }

    .modal-center[b-iwicbuvq2a]:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .modal-center-dialog[b-iwicbuvq2a] {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    .modal-header-accepter[b-iwicbuvq2a], .modal-header-prog[b-iwicbuvq2a] {
        width: 284px !important;
        height: 51px !important;
    }

    .modal-footer-accepter[b-iwicbuvq2a] {
        width: 284px !important;
        height: 45px !important;
    }

    .modal-center-dialog[b-iwicbuvq2a] {
        width: unset;
    }

    .img-footer[b-iwicbuvq2a] {
        margin-left: 2px !important;
    }

    .modal-title[b-iwicbuvq2a] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
        margin-left: 5px !important;
    }

    .closem[b-iwicbuvq2a] {
        margin-left: 0 !important;
        margin-top: -4px !important;
        font-size: 39px !important;
        font-family: emoji !important;
    }

    .img-revue[b-iwicbuvq2a] {
        width: 16px !important;
        margin-left: 3px !important;
    }

    .img-hour[b-iwicbuvq2a] {
        margin-left: 25% !important;
    }

    .progressbar[value][b-iwicbuvq2a] {
        width: 90% !important;
    }

    .img-prog[b-iwicbuvq2a] {
        margin-left: 5px !important;
        margin-top: 7px !important;
        width: 26px !important;
    }

    .modal-title-prog[b-iwicbuvq2a] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 20ch;
        display: block;
        vertical-align: middle;
        margin-left: 6px !important;
        margin-top: 11px !important;
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
    }

    .closepop-prog[b-iwicbuvq2a] {
        margin-top: -9px !important;
        right: 9px !important;
        font-family: emoji !important;
    }

    .modal-content-revue[b-iwicbuvq2a] {
        width: 289px !important;
        height: 434px !important;
    }

    .modal-body-revue[b-iwicbuvq2a] {
        overflow-y: scroll;
    }

    .modal-footer-revue[b-iwicbuvq2a] {
        width: 289px !important;
    }

    .div-box-sign[b-iwicbuvq2a] {
        margin-left: -14px !important;
        width: 242px !important;
    }

    .select-revue[b-iwicbuvq2a] {
        margin-left: -18px;
        width: 238px !important;
    }

    .col-sec-av[b-iwicbuvq2a] {
        padding-left: 57px;
    }
}

@media (min-width:468px) and (max-width:850px) {
    .modal-header-entrerheure[b-iwicbuvq2a] {
        width: 279px !important;
    }

    .div-box-entrermanuel[b-iwicbuvq2a] {
        width: 247px !important;
        margin: auto;
    }

    .btn-add-new-entrerheure[b-iwicbuvq2a] {
        width: 100% !important;
    }

    .modal-title-entrerheure[b-iwicbuvq2a] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 18ch;
        display: block;
        vertical-align: middle;
        font-size: 16px !important;
        font-family: 'Franklin Book Regular' !important;
        margin-top: 19px !important;
    }

    .closepop-entrerheure[b-iwicbuvq2a] {
        font-family: emoji !important;
        margin-top: -1px !important;
    }

    .modal-content-entrer[b-iwicbuvq2a] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .img-stat[b-iwicbuvq2a] {
        margin-left: 13px !important;
    }

    .div-container-entrerheure[b-iwicbuvq2a] {
        padding-left: 7px !important;
    }

    .div-heures[b-iwicbuvq2a] {
        display: flex;
        width: 100%;
        padding-right: 14px;
    }

    .div-space[b-iwicbuvq2a], .div-espace[b-iwicbuvq2a] {
        margin-top: 11px !important;
        width: 50%;
        margin-left: 9px;
    }

    .div-btns[b-iwicbuvq2a] {
        display: flex;
        padding-bottom: 24px;
        padding-right: 11px;
        width: 100%;
        padding-top: 7px;
    }

    .div-box-entrerheure[b-iwicbuvq2a] {
        width: 100% !important;
    }

    .modal-body-entrerheure[b-iwicbuvq2a] {
        height: unset !important;
    }

    .div-demarer-heures[b-iwicbuvq2a] {
        align-items: center;
    }

    .div-box-demarerHorloge[b-iwicbuvq2a] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-iwicbuvq2a] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-demarer-heures[b-iwicbuvq2a] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-iwicbuvq2a] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-iwicbuvq2a] {
        width: 100% !important;
    }

    .div-entrermanuel-info[b-iwicbuvq2a] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-left: 15px;
    }
}

@media (max-width:600px) {
    .div-entrermanuel-info[b-iwicbuvq2a] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width:468px) {

    .modal-body-entrerheure[b-iwicbuvq2a] {
        height: unset !important;
    }

    .div-box-entrermanuel[b-iwicbuvq2a] {
        width: 88% !important;
    }

    .modal-content-entrer[b-iwicbuvq2a] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .btn-add-new-entrerheure[b-iwicbuvq2a] {
        width: 100% !important;
    }

    .div-box-entrerheure[b-iwicbuvq2a] {
        width: 85% !important;
    }

    .div-btns[b-iwicbuvq2a] {
        padding-bottom: 24px;
    }

    .div-container-entrerheure[b-iwicbuvq2a] {
        padding-left: 37px !important;
    }

    .span-title-demarerHorloge[b-iwicbuvq2a] {
        margin-left: 9% !important;
    }

    .div-box-demarerHorloge[b-iwicbuvq2a] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-iwicbuvq2a] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-box-entrermanuel[b-iwicbuvq2a] {
        width: 247px !important;
    }

    .div-demarer-heures[b-iwicbuvq2a] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-iwicbuvq2a] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-iwicbuvq2a] {
        width: 100% !important;
    }
}

.div-demarer-heures[b-iwicbuvq2a] {
    display: flex;
    flex-direction: column;
}

.div-box-date[b-iwicbuvq2a] {
    margin-left: auto;
}

.div-manuel[b-iwicbuvq2a] {
    padding-left: 37px !important;
}

.div-box-date-container[b-iwicbuvq2a] {
    width: 90% !important;
}

.div-box-note-container[b-iwicbuvq2a] {
    width: 88% !important;
}

@media (max-width:470px) {
    .card-item[b-iwicbuvq2a] {
        height: unset !important;
    }

    .card-item-content[b-iwicbuvq2a] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-iwicbuvq2a] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

.img-item-value[b-iwicbuvq2a] {
    width: 20px !important;
}

.col-first-item[b-iwicbuvq2a], .col-sec-item[b-iwicbuvq2a] {
    margin-left: 0 !important;
}

.col-first-item[b-iwicbuvq2a] {
    padding-left: 57px;
}

.btn-add-new[b-iwicbuvq2a] {
    width: 100% !important;
}

.list-card-livrer[b-iwicbuvq2a] {
    overflow: scroll;
    height: calc(100vh - 169px);
}

.list-demarer-horloge[b-iwicbuvq2a] {
    overflow: scroll;
    height: calc(100vh - 163px) !important;
}

.img-req[b-iwicbuvq2a] {
    float: right !important;
    margin-right: 15px;
}


@media (max-width:850px) {
    .modal-req-content[b-iwicbuvq2a] {
        width: 285px !important;
    }

    .modal-header-req[b-iwicbuvq2a] {
        width: 285px !important;
    }

    .modal-footer-req[b-iwicbuvq2a] {
        width: 100% !important;
    }

    .triangle-left[b-iwicbuvq2a] {
        display: none;
    }

    .closereq[b-iwicbuvq2a] {
        margin-top: -4px !important;
        font-family: emoji !important;
        font-size: 38px !important;
        margin-left: 0 !important;
    }

    .modal-title-req[b-iwicbuvq2a] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 14px !important;
    }

    .mod-req[b-iwicbuvq2a] {
        background-color: rgb(34,47,62,.75) !important;
    }

    .modal-req-content[b-iwicbuvq2a] {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

.modal-header-revue[b-iwicbuvq2a] {
    align-items: center;
}

.closerev[b-iwicbuvq2a] {
    font-family: emoji !important;
    margin-top: -48px !important;
}


.modalfooter-style[b-iwicbuvq2a] {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    box-shadow: 3px 3px 6px #00000040;
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/SupplementaryResourcesTimeEntryModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-1cuxgf0xgy]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-1cuxgf0xgy] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-1cuxgf0xgy] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-1cuxgf0xgy] {
    width: 100%;
}

    .switch input[type=checkbox][b-1cuxgf0xgy] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-1cuxgf0xgy] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-1cuxgf0xgy] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-1cuxgf0xgy]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-1cuxgf0xgy]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-1cuxgf0xgy] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-1cuxgf0xgy] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-1cuxgf0xgy] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-1cuxgf0xgy] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-1cuxgf0xgy] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-1cuxgf0xgy] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-1cuxgf0xgy] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-1cuxgf0xgy] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-1cuxgf0xgy], .column-3:focus[b-1cuxgf0xgy] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-1cuxgf0xgy] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-1cuxgf0xgy] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-1cuxgf0xgy] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-1cuxgf0xgy] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-1cuxgf0xgy] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-1cuxgf0xgy] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-1cuxgf0xgy] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-1cuxgf0xgy] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-1cuxgf0xgy] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-1cuxgf0xgy] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-1cuxgf0xgy] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-1cuxgf0xgy] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-1cuxgf0xgy] {
    margin-right: 0px;
}


select[b-1cuxgf0xgy] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-1cuxgf0xgy]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-1cuxgf0xgy] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-1cuxgf0xgy] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-1cuxgf0xgy] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-1cuxgf0xgy] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-1cuxgf0xgy] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-1cuxgf0xgy] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-1cuxgf0xgy] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-1cuxgf0xgy] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-1cuxgf0xgy] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-1cuxgf0xgy] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-1cuxgf0xgy] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-1cuxgf0xgy]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-1cuxgf0xgy]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-1cuxgf0xgy] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-1cuxgf0xgy] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-1cuxgf0xgy] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-1cuxgf0xgy] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-1cuxgf0xgy] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-1cuxgf0xgy] {
    width: 18px;
    height: 14px;
}

.div-footer[b-1cuxgf0xgy] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-1cuxgf0xgy] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-1cuxgf0xgy] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-1cuxgf0xgy] {
    line-height: 15px;
}

.modal-title-entrerheure[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-1cuxgf0xgy] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-1cuxgf0xgy] {
    margin-left: 16px;
    width: 30px;
    height: 50px;
}

.modal-footer-entrerheure[b-1cuxgf0xgy] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-1cuxgf0xgy]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-1cuxgf0xgy]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-1cuxgf0xgy]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-1cuxgf0xgy]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-1cuxgf0xgy] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-1cuxgf0xgy] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-1cuxgf0xgy] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-1cuxgf0xgy] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-1cuxgf0xgy] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-1cuxgf0xgy] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-1cuxgf0xgy] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-1cuxgf0xgy] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-1cuxgf0xgy] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-1cuxgf0xgy] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-1cuxgf0xgy] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-1cuxgf0xgy] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-1cuxgf0xgy] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-1cuxgf0xgy] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-1cuxgf0xgy] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-1cuxgf0xgy] {
    margin-top: 12px;
}

.img-choix[b-1cuxgf0xgy] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-1cuxgf0xgy] {
    margin-left: 4px;
}

.body-entry-time1[b-1cuxgf0xgy] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-1cuxgf0xgy] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-1cuxgf0xgy] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-1cuxgf0xgy] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-1cuxgf0xgy] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-1cuxgf0xgy] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-1cuxgf0xgy] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-1cuxgf0xgy] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-1cuxgf0xgy] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-1cuxgf0xgy] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-1cuxgf0xgy] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-1cuxgf0xgy] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-1cuxgf0xgy] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-1cuxgf0xgy] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-1cuxgf0xgy] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-1cuxgf0xgy] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-1cuxgf0xgy] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-1cuxgf0xgy] {
    margin-top: 9px;
}

.span-debut-chrono[b-1cuxgf0xgy] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-1cuxgf0xgy] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-1cuxgf0xgy] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-1cuxgf0xgy] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-1cuxgf0xgy] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-1cuxgf0xgy] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-1cuxgf0xgy] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-1cuxgf0xgy] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-1cuxgf0xgy] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-1cuxgf0xgy] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-1cuxgf0xgy] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-1cuxgf0xgy] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-1cuxgf0xgy] {
    margin-top: -28px;
}

.div-title-manuel[b-1cuxgf0xgy] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-1cuxgf0xgy] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-1cuxgf0xgy] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-1cuxgf0xgy] {
    margin-top: 152px !important;
    width: 385px;
    margin-top: 30px;
    background: white;
    height: 530px;
    border-radius: 8px;
    margin-left: 240px !important;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-1cuxgf0xgy] {
    width: 385px;
    height: 60px;
    background: #10ac84 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-1cuxgf0xgy] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-1cuxgf0xgy] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-1cuxgf0xgy] {
    margin-top: -180px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-1cuxgf0xgy] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-1cuxgf0xgy] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-1cuxgf0xgy] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-1cuxgf0xgy] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-1cuxgf0xgy] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-1cuxgf0xgy] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-1cuxgf0xgy] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-1cuxgf0xgy] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-1cuxgf0xgy] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-1cuxgf0xgy] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-1cuxgf0xgy] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-1cuxgf0xgy] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-1cuxgf0xgy] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-1cuxgf0xgy] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-1cuxgf0xgy] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-1cuxgf0xgy] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-1cuxgf0xgy] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-1cuxgf0xgy] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-1cuxgf0xgy] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-1cuxgf0xgy] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-1cuxgf0xgy] {
    margin-left: 114px;
}

.note-livrer-pos[b-1cuxgf0xgy] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-1cuxgf0xgy] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-1cuxgf0xgy] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-1cuxgf0xgy] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-1cuxgf0xgy] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-1cuxgf0xgy] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-1cuxgf0xgy] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-1cuxgf0xgy] {
    width: 42px;
    height: 42px;
}

.span-scan[b-1cuxgf0xgy] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-1cuxgf0xgy] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-1cuxgf0xgy] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-1cuxgf0xgy] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-1cuxgf0xgy] {
        display: block !important;
    }

    .display-date-sec[b-1cuxgf0xgy] {
        display: none !important;
    }
}

.display-date[b-1cuxgf0xgy] {
    display: none;
}

.modal-ts-content[b-1cuxgf0xgy] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-1cuxgf0xgy] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-1cuxgf0xgy] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-1cuxgf0xgy] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-1cuxgf0xgy] {
    margin-left: 14px;
}

.modal-ts-footer[b-1cuxgf0xgy] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-1cuxgf0xgy] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
     .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-1cuxgf0xgy] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-1cuxgf0xgy] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-1cuxgf0xgy] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-1cuxgf0xgy] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-1cuxgf0xgy] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-1cuxgf0xgy] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-1cuxgf0xgy] {
    margin: 0;
}
.btnCenter[b-1cuxgf0xgy] {
    margin-right: 33.33%;
    border: none;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/TimeEntryLog.razor.rz.scp.css */
@font-face {
	font-family: Franklin Gothic Medium Regular;
	src: url('../../../../wwwroot/css/open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.span-user-name[b-zjt0oi9p4z] {
    text-align: left;
    letter-spacing: 0.77px;
    color: #232627;
    opacity: 1;
    font-size:17px;
    font-family:'Franklin Gothic Medium Regular';
    flex:auto;
    margin-left:13px;
}

.log-div[b-zjt0oi9p4z] {
    display: flex;
    padding-top: 5px;
    padding-left: 8px;
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailModals/TimeEntrySuppResources.razor.rz.scp.css */
.input-date[b-xk49epvxcr] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

[b-xk49epvxcr] .span-username-res-id {
    margin-top: -9px !important;
}

.div-container-enterhour[b-xk49epvxcr] {
    display: flex;
    flex-direction: column;
    /*   padding-top: 15px;*/
    /*   padding-top: 15px;*/
    align-items: stretch;
    /*   padding: 5% 18% 5% 18%;*/
}

.input-newstyle[b-xk49epvxcr]::-webkit-calendar-picker-indicator {
    height: 34px;
    top: 107px;
    left: 21px;
    width: 280px;
    background: none;
    position: absolute;
}

.div-hours[b-xk49epvxcr] {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-top: 5px;
}

.span-entrerheure-heure[b-xk49epvxcr] {
    letter-spacing: 0px;
    color: #2C333A;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    /*margin-left: 77px;*/
}

.div-space[b-xk49epvxcr] {
    display: grid;
    grid-template-columns: 0fr 1fr 3fr;
    margin-top: 12px;
}

.span-enterhour-title[b-xk49epvxcr] {
    letter-spacing: 0px;
    color: #2C333A;
    opacity: 1;
    font-size: 16px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Book Regular';
}

.line[b-xk49epvxcr] {
    border-bottom: 0.5px solid #8d8d8d3b;
}

.div-container[b-xk49epvxcr] {
    padding-left: 23px;
    padding-right: 20px;
    padding-top: 6px;
}

.div-summary[b-xk49epvxcr] {
    width: 140px;
    height: 37px;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 19px;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.div-detailss[b-xk49epvxcr] {
    margin-left: -20px;
    width: 140px;
    height: 37px;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 19px;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.form-div[b-xk49epvxcr] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-bottom: 13px;
    padding-top: 8px;
}

[b-xk49epvxcr] .div-item-prj-p {
    margin-left: 0 !important;
}

.div-btn[b-xk49epvxcr] {
    display: flex;
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 15px
}

.span-btn-title[b-xk49epvxcr] {
    text-align: left;
    color: #222F3E;
    letter-spacing: 0px;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    opacity: 1;
}

.div-active[b-xk49epvxcr] {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

.span-active[b-xk49epvxcr] {
    color: #F2F2F2;
}

[b-xk49epvxcr] .switch input:checked + label {
    background-color: #00AE9E;
}

.switch label[b-xk49epvxcr] {
    width: 45px;
    height: 24px;
    margin-left: 6px;
    padding-top: 4px;
}

.switch-div[b-xk49epvxcr] {
    margin-top: -44px;
}
.form-style[b-xk49epvxcr] {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
[b-xk49epvxcr] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'Gravity-Bold';
    font-size: 14px;
    margin-left: 0px;
    padding-left: 8px;
}

.popup-footer[b-xk49epvxcr] {
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.input-newstyle[b-xk49epvxcr] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    /*margin-top: 11px;*/
    background: url(/icons/commande_icons/calendar.svg) no-repeat 5px;
    outline: none;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
 
    height: 32px !important;
}

.textarea-note[b-xk49epvxcr] {
    font-family: 'Gravity-Regular';
    font-size: 14px; width:100%
}

.selec[b-xk49epvxcr] {
    font-family: 'Gravity-Regular';
    font-size: 14px;
}

.form-control:focus[b-xk49epvxcr] {
    box-shadow: 0 0 0 0.09rem rgba(40, 167, 69, 0.25);
}

.border-input:hover[b-xk49epvxcr] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-xk49epvxcr], .form-control[readonly][b-xk49epvxcr] {
    background-color: transparent;
    opacity: 1;
}

.input-newsty[b-xk49epvxcr]::-webkit-calendar-picker-indicator {
    height: 34px;
    top: 107px;
    left: 21px;
    width: 280px;
    background: none;
}

.input-tim[b-xk49epvxcr] {
    background: url(/icons/commande_icons/hour.svg) no-repeat 5px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    outline: none;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

input[type='time'][b-xk49epvxcr]::-webkit-calendar-picker-indicator {
    width: 97%;
    height: 31px;
}

.star-red[b-xk49epvxcr] {
    color: #BD0A09;
    font-weight: bold;
}

.modal-footer-accepter[b-xk49epvxcr] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.btn-footer[b-xk49epvxcr] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Gravity-Bold';
    font-size: 13px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}

.img-footer[b-xk49epvxcr] {
    width: 18px;
    height: 14px;
}

.div-footer[b-xk49epvxcr] {
    width: 50%;
    text-align: center;
    align-self: center;
}

[b-xk49epvxcr] .modal-header-log {
    height: 76px !important;
}

[b-xk49epvxcr] .modal-log-content {
    height: 349px !important;
    margin-left: 0 !important;
}

.div-footer[b-xk49epvxcr] {
    width: 50%;
    text-align: center;
}
.input-tim[b-xk49epvxcr] {
    background: url(/icons/commande_icons/hour.svg) no-repeat 5px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    outline: none;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    width: 100%;
    height: 32px !important;
}
.select-entry-style[b-xk49epvxcr] {
    font-family: 'GravityRegular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 4% no-repeat;
}
/*
    .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-user-name[b-xk49epvxcr]{
    text-align: left;
    letter-spacing: 0.77px;
    color: #232627;
    opacity: 1;
    font-size: 17px;
    font-family: 'GravityBold';
    flex: auto;
    font-size: 17px;
}

.modal-footer-accepter[b-xk49epvxcr] {
    width: 100%;
    height: 60px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.img[b-xk49epvxcr] {
    height: 15px;
    width: 15px;
    display: block;
    margin: auto;
    margin-bottom: 5px
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailRightMenu/Buttons/AttachementsBtn.razor.rz.scp.css */
@media screen and (min-width:1700px) {

    .circle[b-dbuu269nkv] {
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-family: GravityRegular;
        top: 112px;
        width: 17px;
        height: 17px;
        background: #EF7911 0% 0% no-repeat padding-box;
        border: 1px solid #FFFFFF;
        opacity: 1;
        position: fixed;
        z-index: 99;
        margin-bottom: 44.34px;
        margin-left: 15.44px;
    }
    .number[b-dbuu269nkv]
    {
    font-size: 8.75px;
     }

}

@media screen and (min-width:1025px) and (max-width:1699px) {

    .circle[b-dbuu269nkv] {
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-family: GravityRegular;
        top: 112px;
        width: 17px;
        height: 17px;
        background: #EF7911 0% 0% no-repeat padding-box;
        border: 1px solid #FFFFFF;
        opacity: 1;
        position: fixed;
        z-index: 99;
        margin-bottom: 44.34px;
        margin-left: 15.44px;
    }

    .number[b-dbuu269nkv] {
        font-size: 8.75px;
    }
    .div-prj-left[b-dbuu269nkv] {
        overflow-y: scroll;
        max-height: calc(100vh - 165px );
    }

    .AttachNotes[b-dbuu269nkv] {
        text-align: center;
        letter-spacing: 0px;
        color: #4C4C4C;
        opacity: 1;
        top: 144px;
        width: 85px;
        height: 16px;
        margin-bottom: 12px;
        position: fixed;
    }

    .attachmentIconStyle[b-dbuu269nkv] {
        width: 10px;
        height: 18px;
        opacity: 1;
        position: fixed;
        margin-bottom: 33.3px;
        margin-top: 16px !important;
    }
}

@media screen and (max-width:1024px) {

    .circle[b-dbuu269nkv] {
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-family: GravityRegular;
        top: 10px;
        width: 17px;
        height: 17px;
        background: #EF7911 0% 0% no-repeat padding-box;
        border: 1px solid #FFFFFF;
        opacity: 1;
        position: absolute;
        z-index: 99;
        margin-bottom: 44.34px;
        margin-left: 0px;
        right:80px;
    }
   

    .number[b-dbuu269nkv] {
        font-size: 8.75px;
    }
    .div-prj-left[b-dbuu269nkv] {
        overflow-y: scroll;
        max-height: calc(100vh - 165px );
    }
    .prj-btn-style[b-dbuu269nkv]{
        display:flex;
        justify-content:center;
        align-items:centre;
    }
    .AttachNotes[b-dbuu269nkv] {
        text-align: center;
        letter-spacing: 0px;
        color: #4C4C4C;
        opacity: 1;
        top: 144px;
        width: auto;
        height: 16px;
        margin-bottom: 12px;
        text-align: center;
        margin-top: 50px;
    }

    .attachmentIconStyle[b-dbuu269nkv] {
        width: 10px;
        height: 18px;
        opacity: 1;
        text-align: center;
        margin-top: 20px !important;
        position: absolute;
        margin-bottom: 33.3px;
        margin-top: 16px !important;
    }
}


/* /Components/TaskComponents/TaskDetailComponents/TaskDetailRightMenu/Buttons/CompetencesBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btnstyle[b-at0qn7i06w], .btn-competence[b-at0qn7i06w], .btnstyle-note[b-at0qn7i06w] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}



.btn-leftmenu-active[b-at0qn7i06w] {
    color: #0898D7;
    height: 59px;
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

.btn-leftmenu-comp-active[b-at0qn7i06w] {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

.imgstyle[b-at0qn7i06w] {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

.span-comp-title[b-at0qn7i06w] {
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-comp-sub-title[b-at0qn7i06w] {
    margin-left: 10px;
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}

.span-comp-value[b-at0qn7i06w] {
    color: #8395A7;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}


.btn-new-comp[b-at0qn7i06w] {
    border: none;
    width: 100%;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #576574;
    height: 53px;
    font-size: 14px;
}

    .btn-new-comp:hover[b-at0qn7i06w] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

    .btn-new-comp:focus[b-at0qn7i06w], .btn-new-comp:focus-visible[b-at0qn7i06w], .btn-new-comp:active[b-at0qn7i06w] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

.div-new-comp[b-at0qn7i06w] {
    border: 0.5px solid #E6E6E6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    border: 0.5px solid #E6E6E6;
    opacity: 1;
    width: 100%;
}

.div-comp[b-at0qn7i06w] {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    max-width: 396px;
    min-width: 330px;
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

.btn_upload[b-at0qn7i06w] {
    margin-top: 23px;
    text-align: center;
    width: 90% !important;
    height: 38px !important;
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 3px;
    position: static;
    border: 1px dashed #7cbbf9;
    color: #576574;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    background-position: 15% 52% !important;
    margin-left: 21px;
    background: transparent url(/icons/attchement.svg) no-repeat;
    background-position: 24% 50%;
    background-size: 8px 18px;
    width: 46px;
    height: 42px;
    text-decoration: none;
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding-top: 7px;
}

    .btn_upload:hover[b-at0qn7i06w] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

    .btn_upload:active[b-at0qn7i06w], .btn_upload:focus[b-at0qn7i06w] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

input[type="file"][b-at0qn7i06w] {
    display: none;
}
/*
.textarea-note-style {
	caret-color: #1E90FF ;
	width: 93%;
	height: 58px;
	background: #EFF2F3 0% 0% no-repeat padding-box;
	opacity: 1;
	font-family:'Franklin Book Regular';
	font-size: 12px;
	color: #35414C;
	border: #EFF2F3;
	border-radius: 7px;
	outline: none;
	padding: 8px;
 
	margin-top: 19px;
}
	.textarea-note-style:focus, .textarea-note-style:active, .textarea-note-style:hover {
		border: #EFF2F3;
		outline: none;
		border-radius: 7px;
	}*/


.

@media (max-width:360px)[b-at0qn7i06w] {
    .btn_upload

{
    background-position: 18% 50% !important;
}

}

@media (max-width:850px) {
    .div-log-container[b-at0qn7i06w] {
        width: 100% !important;
        height: unset !important;
        padding-bottom: 19px;
        padding-top: 13px !important;
    }
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailRightMenu/Buttons/EmplacementBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btnstyle[b-t21ejv9on8], .btn-competence[b-t21ejv9on8], .btnstyle-note[b-t21ejv9on8] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}



.btn-leftmenu-active[b-t21ejv9on8] {
    color: #0898D7;
    height: 59px;
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

.btn-leftmenu-comp-active[b-t21ejv9on8] {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

.imgstyle[b-t21ejv9on8] {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

.span-comp-title[b-t21ejv9on8] {
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-comp-sub-title[b-t21ejv9on8] {
    margin-left: 10px;
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}

.span-comp-value[b-t21ejv9on8] {
    color: #8395A7;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}


.btn-new-comp[b-t21ejv9on8] {
    border: none;
    width: 100%;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #576574;
    height: 53px;
    font-size: 14px;
}

    .btn-new-comp:hover[b-t21ejv9on8] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

    .btn-new-comp:focus[b-t21ejv9on8], .btn-new-comp:focus-visible[b-t21ejv9on8], .btn-new-comp:active[b-t21ejv9on8] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

.div-new-comp[b-t21ejv9on8] {
    border: 0.5px solid #E6E6E6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    border: 0.5px solid #E6E6E6;
    opacity: 1;
    width: 100%;
}

.div-comp[b-t21ejv9on8] {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    max-width: 396px;
    min-width: 330px;
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

.btn_upload[b-t21ejv9on8] {
    margin-top: 23px;
    text-align: center;
    width: 90% !important;
    height: 38px !important;
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 3px;
    position: static;
    border: 1px dashed #7cbbf9;
    color: #576574;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    background-position: 15% 52% !important;
    margin-left: 21px;
    background: transparent url(/icons/attchement.svg) no-repeat;
    background-position: 24% 50%;
    background-size: 8px 18px;
    width: 46px;
    height: 42px;
    text-decoration: none;
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding-top: 7px;
}

    .btn_upload:hover[b-t21ejv9on8] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

    .btn_upload:active[b-t21ejv9on8], .btn_upload:focus[b-t21ejv9on8] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

input[type="file"][b-t21ejv9on8] {
    display: none;
}
/*
.textarea-note-style {
	caret-color: #1E90FF ;
	width: 93%;
	height: 58px;
	background: #EFF2F3 0% 0% no-repeat padding-box;
	opacity: 1;
	font-family:'Franklin Book Regular';
	font-size: 12px;
	color: #35414C;
	border: #EFF2F3;
	border-radius: 7px;
	outline: none;
	padding: 8px;
 
	margin-top: 19px;
}
	.textarea-note-style:focus, .textarea-note-style:active, .textarea-note-style:hover {
		border: #EFF2F3;
		outline: none;
		border-radius: 7px;
	}*/


.

@media (max-width:360px)[b-t21ejv9on8] {
    .btn_upload

{
    background-position: 18% 50% !important;
}

}

@media (max-width:850px) {
    .div-log-container[b-t21ejv9on8] {
        width: 100% !important;
        height: unset !important;
        padding-bottom: 19px;
        padding-top: 13px !important;
    }
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailRightMenu/Buttons/NoteBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btnstyle[b-ygfs4yu7mh], .btn-competence[b-ygfs4yu7mh], .btnstyle-note[b-ygfs4yu7mh] {
    border: 1px solid transparent;
    background: none;
    font-size: 13px;
    /*font-family: 'Franklin Gothic Medium Regular';*/
    font: normal normal 13px/16px Gravity-Regular;
    height: 69px !important;
    letter-spacing: 0px;
    color: #2C333A;
    outline: none !important;
}



.btn-leftmenu-active[b-ygfs4yu7mh] {
/*    color: #0898D7;
*/    height: 59px;
    border-bottom: 3px solid #0898D7;
    opacity: 1;
    font: normal normal bold 13px/16px Gravity-Regular;
    color: #4c4c4c;
}

.btn-leftmenu-comp-active[b-ygfs4yu7mh] {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

.imgstyle[b-ygfs4yu7mh] {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

.span-comp-title[b-ygfs4yu7mh] {
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-comp-sub-title[b-ygfs4yu7mh] {
    margin-left: 10px;
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}

.span-comp-value[b-ygfs4yu7mh] {
    color: #8395A7;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}


.btn-new-comp[b-ygfs4yu7mh] {
    border: none;
    width: 100%;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #576574;
    height: 53px;
    font-size: 14px;
}

    .btn-new-comp:hover[b-ygfs4yu7mh] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

    .btn-new-comp:focus[b-ygfs4yu7mh], .btn-new-comp:focus-visible[b-ygfs4yu7mh], .btn-new-comp:active[b-ygfs4yu7mh] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

.div-new-comp[b-ygfs4yu7mh] {
    border: 0.5px solid #E6E6E6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    border: 0.5px solid #E6E6E6;
    opacity: 1;
    width: 100%;
}

.div-comp[b-ygfs4yu7mh] {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    max-width: 396px;
    min-width: 330px;
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

.btn_upload[b-ygfs4yu7mh] {
    margin-top: 23px;
    text-align: center;
    width: 90% !important;
    height: 38px !important;
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 3px;
    position: static;
    border: 1px dashed #7cbbf9;
    color: #576574;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    background-position: 15% 52% !important;
    margin-left: 21px;
    background: transparent url(/icons/attchement.svg) no-repeat;
    background-position: 24% 50%;
    background-size: 8px 18px;
    width: 46px;
    height: 42px;
    text-decoration: none;
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding-top: 7px;
}

    .btn_upload:hover[b-ygfs4yu7mh] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

    .btn_upload:active[b-ygfs4yu7mh], .btn_upload:focus[b-ygfs4yu7mh] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

input[type="file"][b-ygfs4yu7mh] {
    display: none;
}
/*
.textarea-note-style {
	caret-color: #1E90FF ;
	width: 93%;
	height: 58px;
	background: #EFF2F3 0% 0% no-repeat padding-box;
	opacity: 1;
	font-family:'Franklin Book Regular';
	font-size: 12px;
	color: #35414C;
	border: #EFF2F3;
	border-radius: 7px;
	outline: none;
	padding: 8px;
 
	margin-top: 19px;
}
	.textarea-note-style:focus, .textarea-note-style:active, .textarea-note-style:hover {
		border: #EFF2F3;
		outline: none;
		border-radius: 7px;
	}*/


.

@media (max-width:360px)[b-ygfs4yu7mh] {
    .btn_upload

{
    background-position: 18% 50% !important;
}

}

@media (max-width:850px) {
    .div-log-container[b-ygfs4yu7mh] {
        width: 100% !important;
        height: unset !important;
        padding-bottom: 19px;
        padding-top: 13px !important;
    }
}


@media screen and (min-width:1700px) {
     .noteStle[b-ygfs4yu7mh] {
        text-align: center;
        letter-spacing: 0px;
        color: #4C4C4C;
        opacity: 1;
        top: 144px;
        width: 36px;
        height: 16px;
        position: fixed;
        margin-bottom: 12px;
    }
    .number[b-ygfs4yu7mh] {
        font-size: 8.75px;
    }

    .circleNote[b-ygfs4yu7mh] {
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-family: GravityRegular;
        position: fixed;
        background: #EF7911 0% 0% no-repeat padding-box;
        border: 1px solid #FFFFFF;
        opacity: 1;
        top: 113px;
        width: 17px;
        height: 17px;
        z-index: 99;
        margin-left: 16px;
    }
    .noteStyleIcon[b-ygfs4yu7mh] {
        opacity: 0.55;
        width: 16px;
        height: 16px;
        position: fixed;
        margin-top: 18px;
        margin-bottom: 35px;
    }
}
@media screen and (min-width:1025px) and (max-width:1699px) {
    .noteStle[b-ygfs4yu7mh] {
        text-align: center;
        letter-spacing: 0px;
        color: #4C4C4C;
        opacity: 1;
        top: 144px;
        width: 36px;
        height: 16px;
        position: fixed;
        margin-bottom: 12px;
    }

    .number[b-ygfs4yu7mh] {
        font-size: 8.75px;
    }

    .circleNote[b-ygfs4yu7mh] {
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-family: GravityRegular;
        position: fixed;
        background: #EF7911 0% 0% no-repeat padding-box;
        border: 1px solid #FFFFFF;
        opacity: 1;
        top: 113px;
        width: 17px;
        height: 17px;
        z-index: 99;
        margin-left: 16px;
    }

    .noteStyleIcon[b-ygfs4yu7mh] {
        opacity: 0.55;
        width: 16px;
        height: 16px;
        position: fixed;
        margin-top: 18px;
        margin-bottom: 35px;
    }
}

@media screen and (max-width:1024px) {
    .noteStle[b-ygfs4yu7mh] {
        text-align: center;
        letter-spacing: 0px;
        color: #4C4C4C;
        opacity: 1;
        top: 144px;
        width: 36px;
        height: 16px;
        margin-bottom: 12px;
        margin-top: 40px;
    }

    .prj-btn-style[b-ygfs4yu7mh] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .number[b-ygfs4yu7mh] {
        font-size: 8.75px;
    }

    .circleNote[b-ygfs4yu7mh] {
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-family: GravityRegular;
        top: 10px;
        width: 17px;
        height: 17px;
        background: #EF7911 0% 0% no-repeat padding-box;
        border: 1px solid #FFFFFF;
        opacity: 1;
        position: absolute;
        z-index: 99;
        margin-bottom: 44.34px;
        margin-left: 0px;
        right: 80px;
    }

    .noteStyleIcon[b-ygfs4yu7mh] {
        opacity: 0.55;
        width: 16px;
        height: 16px;
        margin-top: 18px;
        margin-bottom: 35px;
        position: absolute;
    }
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailRightMenu/Contents/AttachementsContent.razor.rz.scp.css */
.card-button[b-0c99rsb0qi] {
    padding-left: 16px;
    padding-top: 23px;
}
@media (max-width : 1100px) {
    .span-file[b-0c99rsb0qi] {
        white-space: break-spaces;
        width: 118px;
    }
    .span-times[b-0c99rsb0qi] {
        margin-top: 4px;
    }
    .img-cale[b-0c99rsb0qi]{
        margin-top:-15px;
    }
    .date-div[b-0c99rsb0qi] {
        width: 9em;
    }
}
.img-cale[b-0c99rsb0qi] {
    width: 15px;
}
.date-div[b-0c99rsb0qi] {
    flex: auto;
    display: flex;
    width: 13em;
}
.arrow-d[b-0c99rsb0qi] {
    transform: rotate( 180deg );
    transition: transform 400ms ease-in-out;
}
.arrow-u[b-0c99rsb0qi] {
    transform: rotate( 0deg );
    transition: transform 400ms ease-in-out;
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetailRightMenu/Contents/CompetencesContent.razor.rz.scp.css */
 
@font-face {
    font-family: GraphikBold;
    src: url('../open-iconic/font/fonts/GraphikBold.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.div-compentance-card[b-zrglm7kvmh] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 0.5rem;
    padding-left: 1.5rem;
}

.row-flex[b-zrglm7kvmh] {
    display: flex;
    flex-direction: row
}

.column-flex[b-zrglm7kvmh] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-zrglm7kvmh] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-zrglm7kvmh] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.span-sub-title[b-zrglm7kvmh] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-sub-sub-title[b-zrglm7kvmh] {
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-zrglm7kvmh] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.level-icon[b-zrglm7kvmh] {
    object-fit: cover;
    opacity: 1;
}

.competance-icon[b-zrglm7kvmh] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}
/* /Components/TaskComponents/TaskDetailComponents/TaskDetails.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-054y27j3j3] .div-comp {
    max-width: unset !important;
    min-width: unset !important;
    width: 100% !important;
}

[b-054y27j3j3] .input-style {
    width: 95% !important;
    max-width: unset !important;
    min-width: unset !important;
}

@media (min-width:900px) {
    [b-054y27j3j3] .card-info {
        margin-top: -9px !important;
        padding-top: 3px;
    }
}

@media (max-width:900px) {
    [b-054y27j3j3] .taskdetail-col {
        padding-top: 0 !important;
    }
}
/*
@media (max-width:1150px) {
    ::deep .div-note-content {
        height: unset !important;
    }

    ::deep .div-note-content {
        flex-direction: column;
    }

    ::deep .div-espace-note {
        margin-left: 54px !important;
    }

    ::deep .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    ::deep .div-text-note {
        margin-top: 0px !important;
    }
}*/

@media (min-width:650px) {
    [b-054y27j3j3] .div-cmd {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        margin-top: 8px;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:650px) and (min-width:475px) {
    [b-054y27j3j3] .div-cmd {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:475px) {
    [b-054y27j3j3] .div-cmd {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

[b-054y27j3j3] .text-sty {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

@media (min-width: 1123px) {
    [b-054y27j3j3] .card-item-content {
        width: 100%;
    }

    [b-054y27j3j3] .card-item-col-first {
        width: 50% !important;
        margin-left: 0 !important;
    }

    [b-054y27j3j3] .card-item-col-sec {
        width: 50% !important;
        margin-left: 0 !important;
    }
}

@media (min-width: 1123px) and (max-width: 1310px) {
    [b-054y27j3j3] .card-item-col-sec, .card-item-col-first[b-054y27j3j3] {
        width: 100% !important;
    }

    [b-054y27j3j3] .card-item-content {
        padding-left: 32px;
    }
}

[b-054y27j3j3] .item-div-one {
    flex: auto;
}

[b-054y27j3j3] .span-item-value {
    padding-right: 20px;
}

[b-054y27j3j3] .card-item-col-first {
    margin-left: 0 !important;
}


.card-info-content[b-054y27j3j3] {
    max-width: 100%;
    border-radius: 0px;
/*    margin-top: -5px;
*/    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
}

[b-054y27j3j3] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-054y27j3j3] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-054y27j3j3] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-054y27j3j3] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-054y27j3j3] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-054y27j3j3] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-054y27j3j3] .div-line-col {
        display: grid;
    }
}

[b-054y27j3j3] .content-project-div {
    max-width: 1382px;
}

[b-054y27j3j3] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-054y27j3j3] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-054y27j3j3] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-054y27j3j3] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-054y27j3j3] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-054y27j3j3] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-054y27j3j3] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-054y27j3j3] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-054y27j3j3] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-054y27j3j3] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-054y27j3j3] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-054y27j3j3] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-054y27j3j3] .div-note-content {
        height: unset !important;
    }

    [b-054y27j3j3] .div-note-content {
        flex-direction: column;
    }

    [b-054y27j3j3] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-054y27j3j3] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-054y27j3j3] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-054y27j3j3] .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-054y27j3j3] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-054y27j3j3] .col-prj {
    padding-left: 0px;
}

[b-054y27j3j3] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-054y27j3j3] .input-style, .input-icon[b-054y27j3j3] {
     background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-054y27j3j3] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
    padding-left: 37px !important;
}

@media only screen and (max-width:1366px) {
    [b-054y27j3j3] .div-dashboard {
        display: none;
    }
}

[b-054y27j3j3] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-054y27j3j3] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-054y27j3j3] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-054y27j3j3] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-054y27j3j3] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-054y27j3j3] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-054y27j3j3] .div-hour {
    margin-top: 4px;
}

[b-054y27j3j3] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-054y27j3j3] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-054y27j3j3] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-054y27j3j3] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-054y27j3j3] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-054y27j3j3] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-054y27j3j3] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-054y27j3j3] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-054y27j3j3] check-span {
    content: "\2713";
}

[b-054y27j3j3] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-054y27j3j3] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-054y27j3j3] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-054y27j3j3] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-054y27j3j3] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-054y27j3j3] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-054y27j3j3] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-054y27j3j3] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-054y27j3j3] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-054y27j3j3] .div-note-content {
        height: unset !important;
    }

    [b-054y27j3j3] .div-note-content {
        flex-direction: column;
    }

    [b-054y27j3j3] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-054y27j3j3] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-054y27j3j3] .div-text-note {
        margin-top: 0px !important;
    }
}


[b-054y27j3j3] .span-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-054y27j3j3] .span-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-054y27j3j3] .div-container-taskdetail {
    display: flex;
    flex-direction: row;
}
[b-054y27j3j3] .prog-style[value] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    margin-top: 1px;
    width: 85%;
    height: 8px;
    margin-left: 15px;
    margin-bottom: 9px;
}

    [b-054y27j3j3] .prog-style[value]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    [b-054y27j3j3] .prog-style[value]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

[b-054y27j3j3] .label-per {
    font-family: 'Franklin Gothic Book Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    margin-bottom: 0px;
}

@media(min-width:1220px) {
    [b-054y27j3j3]  .label-per {
        margin-left: 80%;
    }
}
@media(max-width:1219px) {
    [b-054y27j3j3] .label-per {
        margin-left: 70%;
    }
}



/*//---------------------------------------------*/
@media (min-width:550px) and (max-width:900px) {

    .div-prj-container[b-054y27j3j3] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .card-info-content[b-054y27j3j3] {
        height: unset !important;
    }

    .input-icon[b-054y27j3j3], .input-prj-style[b-054y27j3j3], .prj-textarea[b-054y27j3j3] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}

@media (max-width:550px) {

    .div-prj-container[b-054y27j3j3] {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .card-info-content[b-054y27j3j3] {
        height: unset !important;
    }

    .input-icon[b-054y27j3j3], .input-prj-style[b-054y27j3j3], .prj-textarea[b-054y27j3j3] {
        box-shadow: 1px 1px 3px #02171e33 !important;
    }
}

.list-info-list[b-054y27j3j3] {
    overflow: scroll;
    height: calc(100vh - 98px);
}
/* /Components/TaskComponents/TaskDetailComponents/TimeEntryProject.razor.rz.scp.css */
.modal-title-enterhour[b-8ym9sit8n9] {
    flex: auto;
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 11px;
    margin-left: 12px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-8ym9sit8n9] {
    padding-right: 8px;
}


.modal-enterhour-content[b-8ym9sit8n9] {
    width: 679px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    /*    margin-left: -110px;
*/
}

.modal-header-enterhour[b-8ym9sit8n9] {
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.modal-dialog[b-8ym9sit8n9] {
    position: absolute;
    float: left;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: unset;
    margin: unset;
    width: unset;
}
/* /Components/TaskComponents/TaskDetailComponents/TimeEntryProjectBody.razor.rz.scp.css */
.input-date[b-vpbaxahcqc] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
[b-vpbaxahcqc] .span-username-res-id  {
    margin-top: -9px !important;
}
    .div-container-enterhour[b-vpbaxahcqc] {
    display: flex;
    flex-direction: column;
    /*   padding-top: 15px;*/
    /*   padding-top: 15px;*/
    align-items: stretch;
    /*   padding: 5% 18% 5% 18%;*/
}

.input-newstyle[b-vpbaxahcqc]::-webkit-calendar-picker-indicator {
    height: 34px;
    top: 368px;
    left: 28px;
    width: 174px;
    position: absolute;
}

.div-hours[b-vpbaxahcqc] {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 9px;
}

.span-entrerheure-heure[b-vpbaxahcqc] {
    letter-spacing: 0px;
    color: #2C333A;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    /*margin-left: 77px;*/
}

.div-space[b-vpbaxahcqc] {
    display: grid;
    grid-template-columns: 0fr 1fr 3fr;
    margin-top: 12px;
}

.span-enterhour-title[b-vpbaxahcqc] {
    letter-spacing: 0px;
    color: #2C333A;
    opacity: 1;
    font-size: 16px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Book Regular';
}

.line[b-vpbaxahcqc] {
    border-bottom: 0.5px solid #8d8d8d3b;
}

.div-container[b-vpbaxahcqc] {
    padding-left: 23px;
    padding-right: 20px;
   
}

.div-summary[b-vpbaxahcqc] {
    width: 140px;
    height: 37px;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 19px;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.div-detailss[b-vpbaxahcqc] {
    margin-left: -20px;
    width: 140px;
    height: 37px;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 19px;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.form-div[b-vpbaxahcqc] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
   
}

[b-vpbaxahcqc] .div-item-prj-p {
    margin-left: 0 !important;
 
}

.div-btn[b-vpbaxahcqc] {
    display: flex;
   
}

.span-btn-title[b-vpbaxahcqc] {
    text-align: left;
    color: #222F3E;
    letter-spacing: 0px;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    opacity: 1;
}

.div-active[b-vpbaxahcqc] {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

.span-active[b-vpbaxahcqc] {
    color: #F2F2F2;
}

[b-vpbaxahcqc] .switch input:checked + label {
    background-color: #00AE9E;
}

.switch label[b-vpbaxahcqc] {
    width: 45px;
    height: 24px;
    margin-left: 6px;
    padding-top: 4px;
}

.switch-div[b-vpbaxahcqc] {
    margin-top: -44px;
}

.span-prj-title[b-vpbaxahcqc] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'Gravity-Bold';
    font-size: 14px;
    margin-left: 0px;
    padding-left: 8px;
}
.popup-footer[b-vpbaxahcqc] {
    
    background-color: #F4F7FA;
    border-radius: 0px 0px 10px 7px;
}

.input-newstyle[b-vpbaxahcqc] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    /*margin-top: 11px;*/
    background: url(/icons/commande_icons/calendar.svg) no-repeat 5px;
    outline: none;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.textarea-note[b-vpbaxahcqc] {
    font-family: 'Gravity-Regular';
    font-size: 14px;
}
.selec[b-vpbaxahcqc] {
    font-family: 'Gravity-Regular';
    font-size: 14px;
}
.form-control:focus[b-vpbaxahcqc] {
    box-shadow: 0 0 0 0.09rem rgba(40, 167, 69, 0.25);
}

.border-input:hover[b-vpbaxahcqc] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-vpbaxahcqc], .form-control[readonly][b-vpbaxahcqc] {
    background-color: transparent;
    opacity: 1;
}

.input-newsty[b-vpbaxahcqc]::-webkit-calendar-picker-indicator {
    height: 34px;
    top: 368px;
    width: 174px;
}

.input-tim[b-vpbaxahcqc] {
    background: url(/icons/commande_icons/hour.svg) no-repeat 5px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    padding-left: 26px !important;
    outline: none;
    font-family: 'Gravity-Regular';
    font-size: 14px;
    padding: 9px;
    margin-top: 6px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

input[type='time'][b-vpbaxahcqc]::-webkit-calendar-picker-indicator {
    width: 97%;
    height: 31px;
}

.star-red[b-vpbaxahcqc] {
    color: #BD0A09;
    font-weight: bold;
}

.modal-footer-accepter[b-vpbaxahcqc] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.btn-footer[b-vpbaxahcqc] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Gravity-Bold';
    font-size: 13px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}

.img-footer[b-vpbaxahcqc] {
    width: 18px;
    height: 14px;
}

.div-footer[b-vpbaxahcqc] {
    width: 50%;
    text-align: center;
    align-self: center;
}

[b-vpbaxahcqc] .modal-header-log {
    height: 76px !important;
}

[b-vpbaxahcqc] .modal-log-content {
    height: 349px !important;
    margin-left: 0 !important;
}
 
.div-footer[b-vpbaxahcqc] {
    width: 50%;
    text-align: center;
}


.modal-footer-accepter[b-vpbaxahcqc] {
    width: 100%;
  height: 60px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}
.img[b-vpbaxahcqc] {
    height: 15px;
    width: 15px;
    display: block;
    margin: auto;
    margin-bottom: 5px
}
/* /Components/TaskComponents/TaskHeaderLine.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-vcbeggqba6] .div-comp {
    max-width: unset !important;
    min-width: unset !important;
    width: 100% !important;
}

[b-vcbeggqba6] .input-style {
    width: 95% !important;
    max-width: unset !important;
    min-width: unset !important;
}

@media (min-width:900px) {
    [b-vcbeggqba6] .card-info {
        margin-top: -9px !important;
        padding-top: 3px;
    }
}

@media (max-width:900px) {
    [b-vcbeggqba6] .taskdetail-col {
        padding-top: 0 !important;
    }
}
/*
@media (max-width:1150px) {
    ::deep .div-note-content {
        height: unset !important;
    }

    ::deep .div-note-content {
        flex-direction: column;
    }

    ::deep .div-espace-note {
        margin-left: 54px !important;
    }

    ::deep .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    ::deep .div-text-note {
        margin-top: 0px !important;
    }
}*/

@media (min-width:650px) {
    [b-vcbeggqba6] .div-cmd {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        margin-top: 8px;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:650px) and (min-width:475px) {
    [b-vcbeggqba6] .div-cmd {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:475px) {
    [b-vcbeggqba6] .div-cmd {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

[b-vcbeggqba6] .text-sty {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

@media (min-width: 1123px) {
    [b-vcbeggqba6] .card-item-content {
        width: 100%;
    }

    [b-vcbeggqba6] .card-item-col-first {
        width: 50% !important;
        margin-left: 0 !important;
    }

    [b-vcbeggqba6] .card-item-col-sec {
        width: 50% !important;
        margin-left: 0 !important;
    }
}

@media (min-width: 1123px) and (max-width: 1310px) {
    [b-vcbeggqba6] .card-item-col-sec, .card-item-col-first[b-vcbeggqba6] {
        width: 100% !important;
    }

    [b-vcbeggqba6] .card-item-content {
        padding-left: 32px;
    }
}

[b-vcbeggqba6] .item-div-one {
    flex: auto;
}

[b-vcbeggqba6] .span-item-value {
    padding-right: 20px;
}

[b-vcbeggqba6] .card-item-col-first {
    margin-left: 0 !important;
}


.card-info-content[b-vcbeggqba6] {
    max-width: 100%;
    border-radius: 0px;
    /*    margin-top: -5px;
*/ margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
}

[b-vcbeggqba6] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-vcbeggqba6] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-vcbeggqba6] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-vcbeggqba6] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-vcbeggqba6] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-vcbeggqba6] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-vcbeggqba6] .div-line-col {
        display: grid;
    }
}

[b-vcbeggqba6] .content-project-div {
    max-width: 1382px;
}

[b-vcbeggqba6] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-vcbeggqba6] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-vcbeggqba6] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'GravityRegular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-vcbeggqba6] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-vcbeggqba6] .project-code {
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-vcbeggqba6] .project-name {
    font-family: 'GravityRegular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-vcbeggqba6] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-vcbeggqba6] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-vcbeggqba6] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-vcbeggqba6] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-vcbeggqba6] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-vcbeggqba6] .input-prj-style {
    background-color: white;
    font-family: 'GravityRegular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-vcbeggqba6] .div-note-content {
        height: unset !important;
    }

    [b-vcbeggqba6] .div-note-content {
        flex-direction: column;
    }

    [b-vcbeggqba6] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-vcbeggqba6] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-vcbeggqba6] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-vcbeggqba6] .span-prj-number {
    font-family: 'GravityRegular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-vcbeggqba6] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-vcbeggqba6] .col-prj {
    padding-left: 0px;
}

[b-vcbeggqba6] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'GravityRegular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-vcbeggqba6] .input-style, .input-icon[b-vcbeggqba6] {
    background-color: white;
    font-family: 'GravityRegular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-vcbeggqba6] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
    padding-left: 37px !important;
}

@media only screen and (max-width:1366px) {
    [b-vcbeggqba6] .div-dashboard {
        display: none;
    }
}

[b-vcbeggqba6] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-vcbeggqba6] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-vcbeggqba6] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-vcbeggqba6] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'GravityRegular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-vcbeggqba6] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'GravityRegular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-vcbeggqba6] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 13px;
    margin-left: 4px;
}

[b-vcbeggqba6] .div-hour {
    margin-top: 4px;
}

[b-vcbeggqba6] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'GravityRegular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-vcbeggqba6] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'GravityRegular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-vcbeggqba6] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-vcbeggqba6] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-vcbeggqba6] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-vcbeggqba6] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-vcbeggqba6] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-vcbeggqba6] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-vcbeggqba6] check-span {
    content: "\2713";
}

[b-vcbeggqba6] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-vcbeggqba6] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-vcbeggqba6] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-vcbeggqba6] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-vcbeggqba6] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-vcbeggqba6] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-vcbeggqba6] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-vcbeggqba6] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-vcbeggqba6] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-vcbeggqba6] .div-note-content {
        height: unset !important;
    }

    [b-vcbeggqba6] .div-note-content {
        flex-direction: column;
    }

    [b-vcbeggqba6] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-vcbeggqba6] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-vcbeggqba6] .div-text-note {
        margin-top: 0px !important;
    }
}


[b-vcbeggqba6] .span-number {
    font-family: 'GravityRegular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-vcbeggqba6] .span-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-vcbeggqba6] .div-container-taskdetail {
    display: flex;
    flex-direction: row;
}

[b-vcbeggqba6] .prog-style[value] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    margin-top: 1px;
    width: 85%;
    height: 8px;
    margin-left: 20px;
    margin-bottom: 9px;
}
.span-username-res-id[b-vcbeggqba6] {
    margin-top: -28px;
    margin-left: 30px;
    font-family: 'GravityRegular';
    font-size: 12px;
    /*color: #8395A7;*/
    color: #7A91AA;
    opacity: 1;
}
    [b-vcbeggqba6] .prog-style[value]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    [b-vcbeggqba6] .prog-style[value]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

[b-vcbeggqba6] .label-per {
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    margin-bottom: 0px;
}

@media(min-width:1220px) {
    [b-vcbeggqba6] .label-per {
        margin-left: 80%;
    }
}
@media(max-width:1219px) {
    [b-vcbeggqba6] .prog-style[value] {
        width: 89%;
        display: flex;
        justify-content: end;
    }
}



/*//---------------------------------------------*/
@media (min-width:550px) and (max-width:900px) {

    .div-prj-container[b-vcbeggqba6] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .card-info-content[b-vcbeggqba6] {
        height: unset !important;
    }

    .input-icon[b-vcbeggqba6], .input-prj-style[b-vcbeggqba6], .prj-textarea[b-vcbeggqba6] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}

@media (max-width:550px) {

    .div-prj-container[b-vcbeggqba6] {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .card-info-content[b-vcbeggqba6] {
        height: unset !important;
    }

    .input-icon[b-vcbeggqba6], .input-prj-style[b-vcbeggqba6], .prj-textarea[b-vcbeggqba6] {
        box-shadow: 1px 1px 3px #02171e33 !important;
    }
}

.list-info-list[b-vcbeggqba6] {
    overflow: scroll;
    height: calc(100vh - 98px);
}
.nrnInput[b-vcbeggqba6] {
    background-color: transparent;
    border: 0px solid #FFFFFF !important;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

/*
        .nrnInput:focus {
        box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
        background: white;
    }
    */
.span-entry-number[b-vcbeggqba6] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 28px;
}

.span-entry-number:hover[b-vcbeggqba6] {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}
/* /Components/TaskComponents/TaskMapComponents/AccepterBtn.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-43xiq7r45s] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-43xiq7r45s] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-43xiq7r45s] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-43xiq7r45s] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-43xiq7r45s], .btn-style:focus-visible[b-43xiq7r45s], .btn-style:active[b-43xiq7r45s] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-43xiq7r45s] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-43xiq7r45s] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/TaskComponents/TaskMapComponents/CardTask.razor.rz.scp.css */
/*@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #ffffff;
    position: absolute;
    right: -2px;
    top: 20px;
}

::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.div-card {
    border-radius: 1px;
    width: 366px;
    height: 182px;
    box-shadow: 2px 2px 3px #00000040;
}

.card-task:hover {
    box-shadow: 2px 1px 10px #00000040;
}


.taskCode {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(131,149,167,1);
    letter-spacing: 0.25px;
}

.percentage-task-progress {
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.35px;
    color: #808080;
    opacity: 1;
    margin-right: 8px;
    padding-top: 16px;
    position: relative;
    top: 5px;
}

.taskTitle {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: -1.5px;
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.emplacement {
    overflow: visible;
    width: 55px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(87,101,116,1);
}

.userimg {
    width: 47px;*/
    /*height: 47px;*/
    /*object-fit: cover;*/
    /*border-radius: 50%;*/
    /*margin-top: 5px;
    margin-right: 8px;
}

.city {
    overflow: visible;
    width: 55px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
    color: #576574;
    color: rgba(87,101,116,1);
}

.cityimg {
    width: 15px;
    height: 15px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 5px;
    margin-left: 15px;
}

.citynb {
    overflow: visible;
    width: 58px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(131,149,167,1);
    float: left;
    margin-left: 17px;
}

.b1, .b2, .b3 {
    display: inline-table;
}

.bl1, .bl2 {
    display: inline-table;
}

.datestyle {
    overflow: visible;
    width: 80px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: rgba(87,101,116,1);
}

.dateimg {
    width: 14px;
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.labelper {
    color: #808080;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 10px;
    margin-left: 168px;
}

progress[value] {*/
    /* Reset the default appearance */
    /*-webkit-appearance: none;
    appearance: none;
    width: 62px;
    height: 6px;
    margin-left: 126px;
    margin-top: -9px;
}



    progress[value]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }



    progress[value]::-webkit-progress-value {
        background-color: #8395A7;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.taskTitle:hover {
    text-decoration: underline;
}

.task-card {
    width: 368px;
    width: 368px;
}

.div-search-filter {
    display: flex;
    flex-direction: row;
    width: 368px
}

.div-list-cards {
    overflow: scroll;
    max-height: 760px;
    overflow-x: hidden;
    width: 368px;
}*/
.cardstyle[b-21jhtsz3cl] {
    display: flex;
    flex-direction: row;
    position: relative;
    margin-top: 10px;
    padding-left: 10px;
    flex-wrap: nowrap;
}
.circle[b-21jhtsz3cl] {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #EF7911;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-family: GravityRegular;
    position: absolute;
    left: 65px;
    bottom: 22px;
    border-style: solid;
    border-color: #fff;
    border-width: 1px;
}

.number[b-21jhtsz3cl] {
    font-size: 8.75px;
}

.circleNote[b-21jhtsz3cl] {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #EF7911;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-family: GravityRegular;
    position: absolute;
    left: 30px;
    border-style: solid;
    border-color: #fff;
    border-width: 1px;
}
.div-datestyle[b-21jhtsz3cl] {
    display: flex;
    flex-direction: row;
}
/* /Components/TaskComponents/TaskMapComponents/EmptyAssignedComponent.razor.rz.scp.css */
.empty-card[b-tbjimecywl] {
    /*height: 760px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    /*padding-top: 155px;*/
    background-color: #FAF9F8;
}

.img-assign-zero[b-tbjimecywl] {
    width: 53.47px;
    height: 71.01px;
}

.nbr-assign-text[b-tbjimecywl] {
    padding-top: 10px;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 19px;
    color: #222F3E;
}

.add-ressources-link[b-tbjimecywl] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    color: #268BFD;
    text-decoration: underline;
    cursor: pointer;
}
/* /Components/TaskComponents/TaskMapComponents/HeaderTask.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.div-header-task[b-u0whrm7lqk] {
    /*width: 368px;*/
    height: 46px;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: stretch;
    justify-content: space-evenly;
}

.div-child-header-task[b-u0whrm7lqk] {
    width: 100%;
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #576574;
    opacity: 1;
    padding-top: 12px;
}

.div-child-header-task-active[b-u0whrm7lqk] {
    width: 100%;
    height: 34px;
    opacity: 1;
    margin-top: 12px;
    font-family: 'Franklin Gothic Demi Regular';
    color: #222F3E;
    border-bottom: solid 4px #268BFD;
}

.svg-img[b-u0whrm7lqk] {
    margin-top: -3px;
    margin-right: 3px;
    margin-left: 10px;
}


.div-switch-view[b-u0whrm7lqk] {
    font-family: 'Franklin Gothic Medium Regular';
    color: #576574;
    min-width: 180px;
    margin-top: 3px;
    z-index: 1;
}

.select-switch-view[b-u0whrm7lqk], .select-switch-view:active[b-u0whrm7lqk], .select-switch-view:focus[b-u0whrm7lqk], .select-switch-view:focus-visible[b-u0whrm7lqk], .select-switch-view:focus-within[b-u0whrm7lqk] {
    border: none;
    color: #0984E3;
    outline: none;
    height: 4px;
    position: fixed;
}

.li-view:hover[b-u0whrm7lqk] {
    color: #268BFD;
    text-decoration: underline;
    box-shadow: 0px 3px 6px #00000029;
}


.text-span[b-u0whrm7lqk] {
    color: #268BFD;
    font-family: 'Franklin Gothic Book Regular';
    font-size: 15px;
    letter-spacing: 0.3px;
}

.list-group-item-li[b-u0whrm7lqk] {
    border: 0px;
    border-bottom: 1px solid #eaeaea;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
}

.span-view[b-u0whrm7lqk] {
    padding-right: 16px;
    font-family: 'Franklin Gothic Book Regular';
    font-size: 15px;
    float: left;
}
/* /Components/TaskComponents/TaskMapComponents/ListTasks.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.arrow-left[b-25tfoxmdhf] {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #ffffff;
    position: absolute;
    right: -2px;
    top: 20px;
}


.div-list-cards[b-25tfoxmdhf]::-webkit-scrollbar {
    width: 8px;
}

.div-list-cards[b-25tfoxmdhf]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.div-list-cards[b-25tfoxmdhf]::-webkit-scrollbar-thumb {
    background-color: #c4c6c7e0;
    border-radius: 7px;
}
.span-show-more[b-25tfoxmdhf] {
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}
.div-card[b-25tfoxmdhf] {
    border-radius: 1px;
    /*width: 366px;*/
    /*height: 182px;*/
    height: auto;
    box-shadow: 2px 2px 3px #00000040;
}

.card-task:hover[b-25tfoxmdhf] {
    box-shadow: 2px 1px 10px #00000040;
}


.taskCode[b-25tfoxmdhf] {
    /*overflow: visible;
    width: 37px;
    white-space: nowrap;*/
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(131,149,167,1);
    letter-spacing: 0.25px;
}

.percentage-task-progress[b-25tfoxmdhf] {
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.35px;
    color: #808080;
    opacity: 1;
    margin-right: 8px;
    padding-top: 16px;
    position: relative;
    top: 5px;
}

.taskTitle[b-25tfoxmdhf] {
    /*overflow: visible;
    width: 197px;
    white-space: nowrap;*/
    line-height: 20px;
    margin-top: -1.5px;
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.emplacement[b-25tfoxmdhf] {
    /*overflow: visible;*/
    /*width: 55px;*/
    /*white-space: nowrap;*/
    line-height: 16.80000114440918px;
    /*margin-top: -1.4000005722045898px;*/
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(87,101,116,1);
    overflow-wrap: break-word;
}

.userimg[b-25tfoxmdhf] {
    width: 47px;
    object-fit: cover;
    border-radius: 50%;
    border-radius: 23px;
    margin-top: 5px;
}

.city[b-25tfoxmdhf] {
    overflow: visible;
    width: 55px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
    color: #576574;
    color: rgba(87,101,116,1);
}

.cityimg[b-25tfoxmdhf] {
    width: 15px;
    height: 15px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 5px;
    margin-left: 15px;
}

.citynb[b-25tfoxmdhf] {
    overflow: visible;
    width: 58px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(131,149,167,1);
    float: left;
    margin-left: 17px;
}

.b1[b-25tfoxmdhf], .b2[b-25tfoxmdhf], .b3[b-25tfoxmdhf] {
    display: inline-table;
}

.bl1[b-25tfoxmdhf], .bl2[b-25tfoxmdhf] {
    display: inline-table;
}

.datestyle[b-25tfoxmdhf] {
    overflow: visible;
    width: 80px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: rgba(87,101,116,1);
}

.dateimg[b-25tfoxmdhf] {
    width: 14px;
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.labelper[b-25tfoxmdhf] {
    color: #808080;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 10px;
    margin-left: 168px;
}

progress[value][b-25tfoxmdhf] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 62px;
    height: 6px;
    margin-left: 126px;
    margin-top: -9px;
}



    progress[value][b-25tfoxmdhf]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }



    progress[value][b-25tfoxmdhf]::-webkit-progress-value {
        background-color: #8395A7;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.taskTitle:hover[b-25tfoxmdhf] {
    text-decoration: underline;
}

/*.task-card {
    width: 368px;width: 368px;
}*/
.task-card[b-25tfoxmdhf] {
    width: auto;
}

.div-search-filter[b-25tfoxmdhf] {
    display: flex;
    flex-direction: row;
    /*width: 368px*/
}

.div-list-cards[b-25tfoxmdhf] {
    /*height: calc(100vh);*/
    height: calc(100vh - 113px);
    overflow: scroll;
    overflow-x: hidden;
    width: 368px;
}

.NbreResource[b-25tfoxmdhf] {
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    text-align: center;
    /* min-width: 23px; */
    opacity: 1;
    float: right;
    font-size: 10.6px;
    width: 23px;
    height: 23px;
    font-family: Franklin Gothic Medium Regular;
    margin-top: -14px;
    line-height: 18px;
}

.TagMap[b-25tfoxmdhf] {
    border-radius: 50%;
    border: 1px solid #ac92ec;
    background: #ac92ec;
    color: white;
    text-align: center;
    /* min-width: 23px; */
    opacity: 1;
    float: right;
    font-size: 10.6px;
    width: 23px;
    height: 23px;
    font-family: Franklin Gothic Medium Regular;
    line-height: 18px;
}

[data-letters][b-25tfoxmdhf]:before {
    content: attr(data-letters);
    display: inline-block;
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%;
    background: plum;
    vertical-align: middle;
    margin-right: 1em;
    color: white;
}
/* /Components/TaskComponents/TaskMapComponents/ListTasksSmall.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.arrow-left[b-aqdrlmbomm] {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #ffffff;
    position: absolute;
    right: -2px;
    top: 20px;
}

[b-aqdrlmbomm]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.div-card[b-aqdrlmbomm] {
    border-radius: 1px;
    /*width: 366px;*/
    /*height: 182px;*/
    height: auto;
    box-shadow: 2px 2px 3px #00000040;
}

.card-task:hover[b-aqdrlmbomm] {
    box-shadow: 2px 1px 10px #00000040;
}


.taskCode[b-aqdrlmbomm] {
    /*overflow: visible;
    width: 37px;
    white-space: nowrap;*/
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(131,149,167,1);
    letter-spacing: 0.25px;
}

.percentage-task-progress[b-aqdrlmbomm] {
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.35px;
    color: #808080;
    opacity: 1;
    margin-right: 8px;
    padding-top: 16px;
    position: relative;
    top: 5px;
}

.taskTitle[b-aqdrlmbomm] {
    /*overflow: visible;
    width: 197px;
    white-space: nowrap;*/
    line-height: 20px;
    margin-top: -1.5px;
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.emplacement[b-aqdrlmbomm] {
    /*overflow: visible;*/
    /*width: 55px;*/
    /*white-space: nowrap;*/
    line-height: 16.80000114440918px;
    /*margin-top: -1.4000005722045898px;*/
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(87,101,116,1);
    overflow-wrap: break-word;
}

.userimg[b-aqdrlmbomm] {
    width: 47px;
    object-fit: cover;
    border-radius: 50%;
    border-radius: 23px;
    margin-top: 5px;
}

.city[b-aqdrlmbomm] {
    overflow: visible;
    width: 55px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
    color: #576574;
    color: rgba(87,101,116,1);
}

.cityimg[b-aqdrlmbomm] {
    width: 15px;
    height: 15px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 5px;
    margin-left: 15px;
}

.citynb[b-aqdrlmbomm] {
    overflow: visible;
    width: 58px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(131,149,167,1);
    float: left;
    margin-left: 17px;
}

.b1[b-aqdrlmbomm], .b2[b-aqdrlmbomm], .b3[b-aqdrlmbomm] {
    display: inline-table;
}

.bl1[b-aqdrlmbomm], .bl2[b-aqdrlmbomm] {
    display: inline-table;
}

.datestyle[b-aqdrlmbomm] {
    overflow: visible;
    width: 80px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: rgba(87,101,116,1);
}

.dateimg[b-aqdrlmbomm] {
    width: 14px;
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.labelper[b-aqdrlmbomm] {
    color: #808080;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 10px;
    margin-left: 168px;
}

progress[value][b-aqdrlmbomm] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 62px;
    height: 6px;
    margin-left: 126px;
    margin-top: -9px;
}



    progress[value][b-aqdrlmbomm]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }



    progress[value][b-aqdrlmbomm]::-webkit-progress-value {
        background-color: #8395A7;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.taskTitle:hover[b-aqdrlmbomm] {
    text-decoration: underline;
}

/*.task-card {
    width: 368px;width: 368px;
}*/
.task-card[b-aqdrlmbomm] {
    width: auto;
}

.div-search-filter[b-aqdrlmbomm] {
    display: flex;
    flex-direction: row;
    /*width: 368px*/
}

.div-list-cards[b-aqdrlmbomm] {
    height: calc(100vh);
    overflow: scroll;
    overflow-x: hidden;
    width: 368px;
}

.NbreResource[b-aqdrlmbomm] {
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    text-align: center;
    /* min-width: 23px; */
    opacity: 1;
    float: right;
    font-size: 10.6px;
    width: 23px;
    height: 23px;
    font-family: Franklin Gothic Medium Regular;
    margin-top: -14px;
    line-height: 18px;
}

.TagMap[b-aqdrlmbomm] {
    border-radius: 50%;
    border: 1px solid #ac92ec;
    background: #ac92ec;
    color: white;
    text-align: center;
    /* min-width: 23px; */
    opacity: 1;
    float: right;
    font-size: 10.6px;
    width: 23px;
    height: 23px;
    font-family: Franklin Gothic Medium Regular;
    line-height: 18px;
}

[data-letters][b-aqdrlmbomm]:before {
    content: attr(data-letters);
    display: inline-block;
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%;
    background: plum;
    vertical-align: middle;
    margin-right: 1em;
    color: white;
}
/* /Components/TaskComponents/TaskMapComponents/RessouceAssignTaskCard.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.card-resource-assign[b-u3f493ckbl] {
    position: relative;
    width: 380px;
    z-index: 1000;
    box-shadow: 3px 3px 9px #00000073;
}
@media only screen and (max-width: 1050px) {
    .card-resource-assign[b-u3f493ckbl] {
        width: 350px;
    }
}
.card-res[b-u3f493ckbl] {
    /*height: 95px;*/
    border-radius: 0px !important;
    padding: 13px;
}
.span-username-res[b-u3f493ckbl] {
    margin-top: -10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    color: #222F3E;
    text-align: left;
}
.span-pers[b-u3f493ckbl] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    color: #8395A7;
    text-align: left;
    letter-spacing: 0.33px;
}
.span-distance[b-u3f493ckbl] {
    font-family: left;
    letter-spacing: 0.33px;
    color: #8395A7;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
}
.span-duration[b-u3f493ckbl] {
    color: #F36C3A;
    text-align: left;
    letter-spacing: 0.3px;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 11px;
}
.div-hover-call[b-u3f493ckbl] {
    /*display:none;*/
    position: absolute;
    /*top: 30px;*/
    top: 12px;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity linear 0.3s;
}

.card-body:hover .div-hover-call[b-u3f493ckbl] {
    /*display: block;*/
    visibility: visible;
    opacity: 1;

}

.card-body:hover[b-u3f493ckbl]{
    box-shadow: 2px 2px 9px #00000040;
}

.ressource-list-cards[b-u3f493ckbl] {
    overflow: scroll;
    max-height: 75vh;
    overflow-x: hidden;
    box-shadow: 9px 9px 9px #00000040;
}

.card-button[b-u3f493ckbl] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}
.imgb[b-u3f493ckbl] {
 
    margin-top: -8px;
    height: 17px;
    padding-left: 19px;
}
.imgassign[b-u3f493ckbl] {
    padding-left: 15px;
    margin-top: -8px;
}
.div-header-ressource[b-u3f493ckbl] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: grid;
    cursor: pointer;
    grid-template-columns: 1fr 1fr 1fr;
}

.div-child-header-ressource[b-u3f493ckbl] {
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res[b-u3f493ckbl] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-u3f493ckbl] {
    margin-top: -3px;
    margin-right: 10px;
}


.ressourceModal[b-u3f493ckbl] {
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}
.imgRessource[b-u3f493ckbl] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}
.imgAssignRessource[b-u3f493ckbl] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-u3f493ckbl] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}
 .email[b-u3f493ckbl] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline!important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-u3f493ckbl] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.smallText[b-u3f493ckbl] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}


.div-contact-card[b-u3f493ckbl] {
display: flex;
flex-direction: column;
border-bottom: 1px solid #eaeaea;
padding: 15px;
}
.row-flex[b-u3f493ckbl] {
    display: flex;
    flex-direction: row;
}

.column-flex[b-u3f493ckbl] {
    display: flex;
    flex-direction: column;
}

.span-style[b-u3f493ckbl] {
    
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}
.span-phone[b-u3f493ckbl] {
    font-family: 'Franklin Gothic Book Regular';
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}
.title[b-u3f493ckbl] {
    font-size: 18px;
}
.sub-title[b-u3f493ckbl] {
    font-size: 15px;
}

.icon-img[b-u3f493ckbl] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    
}
.user-icon[b-u3f493ckbl] {
    padding-top: 2px;
}
.call-icon[b-u3f493ckbl] {
    padding-top: 8px;
}
.div-contact[b-u3f493ckbl] {
    padding-left: 10px;
}

.email[b-u3f493ckbl] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}


.div-compentance-card[b-u3f493ckbl] {
display: flex;
flex-direction: column;
border-bottom: 1px solid #eaeaea;
padding: 0.5rem;
padding-left: 1.5rem;
}
.row-flex[b-u3f493ckbl] {
    display: flex;
    flex-direction: row
}
.column-flex[b-u3f493ckbl] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-u3f493ckbl] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-u3f493ckbl] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}
.span-sub-title[b-u3f493ckbl] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}
.span-sub-sub-title[b-u3f493ckbl] {
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-u3f493ckbl] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}
.level-icon[b-u3f493ckbl] {
    object-fit: cover;
    opacity: 1;
}
.competance-icon[b-u3f493ckbl] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}

.card-listTAsks[b-u3f493ckbl]{
    position:absolute !important;
    top:85px;
}
/* /Components/TaskComponents/TaskMapComponents/RessouceAssignTaskCardMap.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-resource-assign[b-yb5teruly8] {
    position: relative;
    width: 380px;
    z-index: 1000;
    box-shadow: 3px 3px 9px #00000073;
}

@media only screen and (max-width: 1050px) {
    .card-resource-assign[b-yb5teruly8] {
        width: 350px;
    }
}

.card-res[b-yb5teruly8] {
    /*height: 95px;*/
    border-radius: 0px !important;
    padding: 13px;
}

.span-username-res[b-yb5teruly8] {
    margin-top: -10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    color: #222F3E;
    text-align: left;
}

.span-pers[b-yb5teruly8] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    color: #8395A7;
    text-align: left;
    letter-spacing: 0.33px;
}

.span-distance[b-yb5teruly8] {
    font-family: left;
    letter-spacing: 0.33px;
    color: #8395A7;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
}

.span-duration[b-yb5teruly8] {
    color: #F36C3A;
    text-align: left;
    letter-spacing: 0.3px;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 11px;
}

.div-hover-call[b-yb5teruly8] {
    /*display:none;*/
    position: absolute;
    /*top: 30px;*/
    top: 12px;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity linear 0.3s;
}

.card-body:hover .div-hover-call[b-yb5teruly8] {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}

.card-body:hover[b-yb5teruly8] {
    box-shadow: 2px 2px 9px #00000040;
}

.ressource-list-cards[b-yb5teruly8] {
    overflow: scroll;
    max-height: 75vh;
    overflow-x: hidden;
    box-shadow: 9px 9px 9px #00000040;
}

.card-button[b-yb5teruly8] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}

.imgb[b-yb5teruly8] {
    margin-top: -8px;
    height: 17px;
    padding-left: 19px;
}

.imgassign[b-yb5teruly8] {
    padding-left: 15px;
    margin-top: -8px;
}

.div-header-ressource[b-yb5teruly8] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: grid;
    cursor: pointer;
    grid-template-columns: 1fr 1fr 1fr;
}

.div-child-header-ressource[b-yb5teruly8] {
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res[b-yb5teruly8] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-yb5teruly8] {
    margin-top: -3px;
    margin-right: 10px;
}


.ressourceModal[b-yb5teruly8] {
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}

.imgRessource[b-yb5teruly8] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.imgAssignRessource[b-yb5teruly8] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-yb5teruly8] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}

.email[b-yb5teruly8] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-yb5teruly8] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.smallText[b-yb5teruly8] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}


.div-contact-card[b-yb5teruly8] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
}

.row-flex[b-yb5teruly8] {
    display: flex;
    flex-direction: row;
}

.column-flex[b-yb5teruly8] {
    display: flex;
    flex-direction: column;
}

.span-style[b-yb5teruly8] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.span-phone[b-yb5teruly8] {
    font-family: 'Franklin Gothic Book Regular';
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

.title[b-yb5teruly8] {
    font-size: 18px;
}

.sub-title[b-yb5teruly8] {
    font-size: 15px;
}

.icon-img[b-yb5teruly8] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.user-icon[b-yb5teruly8] {
    padding-top: 2px;
}

.call-icon[b-yb5teruly8] {
    padding-top: 8px;
}

.div-contact[b-yb5teruly8] {
    padding-left: 10px;
}

.email[b-yb5teruly8] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}


.div-compentance-card[b-yb5teruly8] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 0.5rem;
    padding-left: 1.5rem;
}

.row-flex[b-yb5teruly8] {
    display: flex;
    flex-direction: row
}

.column-flex[b-yb5teruly8] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-yb5teruly8] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-yb5teruly8] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.span-sub-title[b-yb5teruly8] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-sub-sub-title[b-yb5teruly8] {
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-yb5teruly8] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.level-icon[b-yb5teruly8] {
    object-fit: cover;
    opacity: 1;
}

.competance-icon[b-yb5teruly8] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}

.card-listTAsks[b-yb5teruly8] {
    position: absolute !important;
    top: 85px;
}
/* /Components/TaskComponents/TaskMapComponents/RessourceAssignTaskBodyCard.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.div-dates-res[b-xwmqi9e2v3] {
    margin-top: -3px;
}
.card-res[b-xwmqi9e2v3] {
    /*height: 95px;*/
    border-radius: 0px !important;
    padding: 13px;
}
.card-sty[b-xwmqi9e2v3] {
    height: 141px !important;
    border-right: 1px solid #eaeaea;
    padding-top:10px;
    width:380px;
}
.span-username-res[b-xwmqi9e2v3] {
    margin-top: -10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    color: #222F3E;
}
.span-pers[b-xwmqi9e2v3] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    color: #8395A7;
    text-align: left;
    letter-spacing: 0.33px;
}
.span-distance[b-xwmqi9e2v3] {
    font-family: left;
    letter-spacing: 0.33px;
    color: #8395A7;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
}
.span-duration[b-xwmqi9e2v3] {
    color: #F36C3A;
    text-align: left;
    letter-spacing: 0.3px;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 11px;
}
.div-hover-call[b-xwmqi9e2v3] {
    /*display:none;*/
    position: absolute;
    /*top: 30px;*/
    top: 12px;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity linear 0.3s;
}

.card-body:hover .div-hover-call[b-xwmqi9e2v3] {
    /*display: block;*/
    visibility: visible;
    opacity: 1;

}

.card-body:hover[b-xwmqi9e2v3]{
    box-shadow: 2px 2px 9px #00000040;
}

.ressource-list-cards[b-xwmqi9e2v3] {
    overflow: scroll;
    max-height: 81vh;
    overflow-x: hidden;
    box-shadow: 9px 9px 9px #00000040;
}

.card-button[b-xwmqi9e2v3] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}


.div-header-ressource[b-xwmqi9e2v3] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: flex;
}

.div-child-header-ressource[b-xwmqi9e2v3] {
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res[b-xwmqi9e2v3] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-xwmqi9e2v3] {
    margin-top: -3px;
    margin-right: 10px;
}


.ressourceModal[b-xwmqi9e2v3] {
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}
.imgRessource[b-xwmqi9e2v3] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}
.imgAssignRessource[b-xwmqi9e2v3] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-xwmqi9e2v3] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}
 .email[b-xwmqi9e2v3] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline!important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-xwmqi9e2v3] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.smallText[b-xwmqi9e2v3] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}


.div-contact-card[b-xwmqi9e2v3] {
display: flex;
flex-direction: column;
border-bottom: 1px solid #eaeaea;
padding: 15px;
}
.row-flex[b-xwmqi9e2v3] {
    display: flex;
    flex-direction: row;
}

.column-flex[b-xwmqi9e2v3] {
    display: flex;
    flex-direction: column;
}

.span-style[b-xwmqi9e2v3] {
    
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}
.span-phone[b-xwmqi9e2v3] {
    font-family: 'Franklin Gothic Book Regular';
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}
.title[b-xwmqi9e2v3] {
    font-size: 18px;
}
.sub-title[b-xwmqi9e2v3] {
    font-size: 15px;
}

.icon-img[b-xwmqi9e2v3] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    
}
.user-icon[b-xwmqi9e2v3] {
    padding-top: 2px;
}
.call-icon[b-xwmqi9e2v3] {
    padding-top: 8px;
}
.div-contact[b-xwmqi9e2v3] {
    padding-left: 10px;
}

.email[b-xwmqi9e2v3] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}


.div-compentance-card[b-xwmqi9e2v3] {
display: flex;
flex-direction: column;
border-bottom: 1px solid #eaeaea;
padding: 0.5rem;
padding-left: 1.5rem;
}
.row-flex[b-xwmqi9e2v3] {
    display: flex;
    flex-direction: row
}
.column-flex[b-xwmqi9e2v3] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-xwmqi9e2v3] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-xwmqi9e2v3] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}
.span-sub-title[b-xwmqi9e2v3] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}
.span-sub-sub-title[b-xwmqi9e2v3] {
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-xwmqi9e2v3] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}
.level-icon[b-xwmqi9e2v3] {
    object-fit: cover;
    opacity: 1;
}
.competance-icon[b-xwmqi9e2v3] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}
/* /Components/TaskComponents/TaskMapComponents/RessourceComponents/HeaderRessource.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.div-header-ressource[b-k6otvbdib5] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: flex;
}

.div-child-header-ressource[b-k6otvbdib5] {
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res[b-k6otvbdib5] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-k6otvbdib5] {
    margin-top: -3px;
    margin-right: 10px;
}
/* /Components/TaskComponents/TaskMapComponents/RessourceComponents/RessourceCard.razor.rz.scp.css */
.ressourceHeader[b-gacsznvicd] {
    display: flex;
    flex-direction: row;
    box-shadow: 2px 3px 4px #00000029;
    opacity: 1;
    width: 366px;
    padding-top: 0.5rem !important;
    padding-left: 1.33rem !important;
}
.resource-div[b-gacsznvicd] {
    width: 285px;
    height: 36px;
    padding-left: 20px;
    padding-top: 5px;
    padding-right: 20px;
}
.header-res[b-gacsznvicd] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    text-align: left;
    font-family: 'Franklin Gothic Medium';
    font-size: 19px;
}
.clos[b-gacsznvicd] {
    color: #bbb8b8;
    margin-left: -38px;
}
.ressourceModal[b-gacsznvicd] {
    position: relative;
    /*left: -2px;*/
    box-shadow: 3px 3px 9px #00000073;
}
/* /Components/TaskComponents/TaskMapComponents/RessourceComponents/RessourceHeaderCard.razor.rz.scp.css */

@font-face {
    font-family: GraphikBold;
    src: url('../open-iconic/font/fonts/GraphikBold.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.ressourceModal[b-txwd4ilqxb] {
    z-index: 10;
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}

.imgRessource[b-txwd4ilqxb] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.imgAssignRessource[b-txwd4ilqxb] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-txwd4ilqxb] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}

.email[b-txwd4ilqxb] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-txwd4ilqxb] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.smallText[b-txwd4ilqxb] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}
/* /Components/TaskComponents/TaskMapComponents/SwitchView.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.div-switch-view[b-auwdhiajov] {
    font-family: 'Franklin Gothic Medium Regular';
    color: #576574;
    min-width: 180px;
    margin-top: 3px;
    z-index: 1;
}

.select-switch-view[b-auwdhiajov], .select-switch-view:active[b-auwdhiajov], .select-switch-view:focus[b-auwdhiajov], .select-switch-view:focus-visible[b-auwdhiajov], .select-switch-view:focus-within[b-auwdhiajov] {
    border: none;
    color: #0984E3;
    outline: none;
    height: 4px;
    position:fixed;
}

.li-view:hover[b-auwdhiajov] {
    color: #268BFD;
    text-decoration: underline;
    box-shadow: 0px 3px 6px #00000029;
}


.text-span[b-auwdhiajov] {
    color: #268BFD;
    font-family: 'Franklin Gothic Book Regular';
    font-size: 15px;
    letter-spacing: 0.3px;
}

.list-group-item-li[b-auwdhiajov] {
    border: 0px;
    border-bottom: 1px solid #eaeaea;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
}

.span-view[b-auwdhiajov] {
    padding-right: 16px;
    font-family: 'Franklin Gothic Book Regular';
    font-size: 15px;
    float: left;
}
/* /Components/TaskComponents/TaskSelectList.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-kezu7n7chz]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-kezu7n7chz] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-kezu7n7chz] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-kezu7n7chz] {
    width: 100%;
}

    .switch input[type=checkbox][b-kezu7n7chz] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-kezu7n7chz] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-kezu7n7chz] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-kezu7n7chz]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-kezu7n7chz]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-kezu7n7chz] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-kezu7n7chz] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-kezu7n7chz] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-kezu7n7chz] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-kezu7n7chz] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-kezu7n7chz] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-kezu7n7chz] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-kezu7n7chz] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-kezu7n7chz], .column-3:focus[b-kezu7n7chz] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-kezu7n7chz] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-kezu7n7chz] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-kezu7n7chz] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-kezu7n7chz] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-kezu7n7chz] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-kezu7n7chz] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-kezu7n7chz] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-kezu7n7chz] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-kezu7n7chz] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-kezu7n7chz] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-kezu7n7chz] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-kezu7n7chz] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-kezu7n7chz] {
    margin-right: 0px;
}


select[b-kezu7n7chz] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-kezu7n7chz]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-kezu7n7chz] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-kezu7n7chz] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-kezu7n7chz] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-kezu7n7chz] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-kezu7n7chz] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-kezu7n7chz] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-kezu7n7chz] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-kezu7n7chz] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-kezu7n7chz] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-kezu7n7chz] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-kezu7n7chz] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-kezu7n7chz]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-kezu7n7chz]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-kezu7n7chz] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-kezu7n7chz] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-kezu7n7chz] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-kezu7n7chz] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-kezu7n7chz] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-kezu7n7chz] {
    width: 18px;
    height: 14px;
}

.div-footer[b-kezu7n7chz] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-kezu7n7chz] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-kezu7n7chz] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-kezu7n7chz] {
    line-height: 15px;
}

.modal-title-entrerheure[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-kezu7n7chz] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-kezu7n7chz] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-kezu7n7chz] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

input[b-kezu7n7chz] {
    font-family: franklin-gothic-book; 
    font-size: 17px; 
    padding: 5px 35px 5px 10px; 
    box-shadow: 1px 1px 3px #00000040; 
    border: 1px solid #E6E6E6; 
    border-radius: 17px; 
    opacity: 1; 
    width: 256px; 
    height: 35px; 
    margin-top: 3px;
}
/*
::-webkit-scrollbar {
    width: 0.1px;
}*/

.div-footer-entrerheure[b-kezu7n7chz] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-kezu7n7chz] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-kezu7n7chz] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-kezu7n7chz] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-kezu7n7chz] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-kezu7n7chz] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-kezu7n7chz] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-kezu7n7chz] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-kezu7n7chz] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-kezu7n7chz] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-kezu7n7chz] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-kezu7n7chz] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-kezu7n7chz] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-kezu7n7chz] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-kezu7n7chz] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-kezu7n7chz] {
    margin-top: 12px;
}

.img-choix[b-kezu7n7chz] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-kezu7n7chz] {
    margin-left: 4px;
}

.body-entry-time1[b-kezu7n7chz] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-kezu7n7chz] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-kezu7n7chz] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-kezu7n7chz] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-kezu7n7chz] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-kezu7n7chz] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-kezu7n7chz] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-kezu7n7chz] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-kezu7n7chz] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-kezu7n7chz] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-kezu7n7chz] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-kezu7n7chz] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-kezu7n7chz] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-kezu7n7chz] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-kezu7n7chz] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-kezu7n7chz] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-kezu7n7chz] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-kezu7n7chz] {
    margin-top: 9px;
}

.span-debut-chrono[b-kezu7n7chz] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-kezu7n7chz] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-kezu7n7chz] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-kezu7n7chz] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-kezu7n7chz] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-kezu7n7chz] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-kezu7n7chz] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-kezu7n7chz] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-kezu7n7chz] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-kezu7n7chz] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-kezu7n7chz] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-kezu7n7chz] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-kezu7n7chz] {
    margin-top: -28px;
}

.div-title-manuel[b-kezu7n7chz] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-kezu7n7chz] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-kezu7n7chz] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-kezu7n7chz] {
    margin-left: 69px;
    /*width: 385px;*/
    width: fit-content;
    margin-top: 110px;
    background: white;
    height: auto;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-kezu7n7chz] {
    /*width: 385px;*/
    width: auto;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.modal-body-log[b-kezu7n7chz] {
    border-radius: 8px;
    overflow: hidden;
/*    overflow: scroll;
    overflow-x: hidden;*/
}

.date-log-style[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-kezu7n7chz] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-kezu7n7chz] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-kezu7n7chz] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-kezu7n7chz] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-kezu7n7chz] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-kezu7n7chz] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-kezu7n7chz] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-kezu7n7chz] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-kezu7n7chz] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-kezu7n7chz] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-kezu7n7chz] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-kezu7n7chz] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-kezu7n7chz] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-kezu7n7chz] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-kezu7n7chz] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-kezu7n7chz] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-kezu7n7chz] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-kezu7n7chz] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-kezu7n7chz] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-kezu7n7chz] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-kezu7n7chz] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-kezu7n7chz] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-kezu7n7chz] {
    margin-left: 114px;
}

.note-livrer-pos[b-kezu7n7chz] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-kezu7n7chz] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-kezu7n7chz] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-kezu7n7chz] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-kezu7n7chz] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-kezu7n7chz] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-kezu7n7chz] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-kezu7n7chz] {
    width: 42px;
    height: 42px;
}

.span-scan[b-kezu7n7chz] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-kezu7n7chz] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-kezu7n7chz] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-kezu7n7chz] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-kezu7n7chz] {
        display: block !important;
    }

    .display-date-sec[b-kezu7n7chz] {
        display: none !important;
    }
}

.display-date[b-kezu7n7chz] {
    display: none;
}

.modal-ts-content[b-kezu7n7chz] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-kezu7n7chz] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-kezu7n7chz] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-kezu7n7chz] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-kezu7n7chz] {
    margin-left: 14px;
}

.modal-ts-footer[b-kezu7n7chz] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-kezu7n7chz] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
     .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-kezu7n7chz] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-kezu7n7chz] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-kezu7n7chz] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-kezu7n7chz] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-kezu7n7chz] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-kezu7n7chz] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-kezu7n7chz] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
/* /Components/TimeEntryComponants/EmptyResourceListComponent.razor.rz.scp.css */
.empty-card[b-pf254m0ptt] {
    /*height: 760px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    /*padding-top: 155px;*/
    background-color: #FAF9F8;
}

.img-assign-zero[b-pf254m0ptt] {
    width: 53.47px;
    height: 71.01px;
}

.nbr-assign-text[b-pf254m0ptt] {
    padding-top: 10px;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 19px;
    color: #222F3E;
}

.add-ressources-link[b-pf254m0ptt] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    color: #268BFD;
    text-decoration: underline;
    cursor: pointer;
}
/* /Components/TimeEntryComponants/EntryResourceAssignment.razor.rz.scp.css */
.modal-assign-content[b-29uz6ew109] {
    width: 956px;
    height: 530px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: -130px;
}

.hide[b-29uz6ew109] {
    display: none !important;
}

.modal-div[b-29uz6ew109] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-title[b-29uz6ew109] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-center-dialog[b-29uz6ew109] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.closepop[b-29uz6ew109] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-29uz6ew109] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;

}
.center-td[b-29uz6ew109] {
    display: flex;
    align-items: center;
    text-align: center;
}
.table-nrn[b-29uz6ew109] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}
.span-name[b-29uz6ew109] {
    opacity: 1;
    padding-bottom: 4px;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}
.span-code[b-29uz6ew109] {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}
.div-btn-container[b-29uz6ew109] {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 466px;
    top: 90px;
}
.div-searche[b-29uz6ew109] {
    position: absolute;
 width:50%;
}
.div-shad[b-29uz6ew109] {
    box-shadow: 0px 3px 6px #00000029;
}
.checkbox-style[b-29uz6ew109] {
    margin-left: 14px;
    margin-top: 15px;
    margin-right: 31px;
}
[b-29uz6ew109] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-29uz6ew109] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-29uz6ew109] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-29uz6ew109] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-29uz6ew109] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-29uz6ew109] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-29uz6ew109] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-29uz6ew109] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-29uz6ew109] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-29uz6ew109] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

[b-29uz6ew109] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-29uz6ew109] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-29uz6ew109] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-29uz6ew109] {
        display: block;
    }

[b-29uz6ew109] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-29uz6ew109] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}


.div-group[b-29uz6ew109] {
    display: flex;
    padding-top: 8px;
}
[b-29uz6ew109] .div-group {
    display: flex;
    padding-top: 8px;
}

[b-29uz6ew109] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 10px;
}

[b-29uz6ew109] .btn-del {
    height: 15px;
    width: 13px;
}

[b-29uz6ew109] .cen-select {
    margin-top: 15px;
}

[b-29uz6ew109] .div-group-center {
    display: flex;
    padding-left: 14px;
    padding-top: 16px;
}

[b-29uz6ew109] .fa {
    padding-left: 8px;
    float: none !important;
}

.modal[b-29uz6ew109] {
    text-align: center;
    padding: 0 !important;
}

.modal-dialog[b-29uz6ew109] {
    width: unset;
    max-width: unset;
}

.modal[b-29uz6ew109]:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog[b-29uz6ew109] {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-header-assign[b-29uz6ew109] {
    height: 60px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.div-title[b-29uz6ew109] {
    margin-right: 12px;
    margin-left: -15px;
}

.modal-body-assign[b-29uz6ew109] {
    text-align: center;
    height: 530px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    overflow-y: scroll;
    align-items: center;
    flex-direction: column;
}

.modal-footer-assign[b-29uz6ew109] {
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-assign-qs[b-29uz6ew109] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-29uz6ew109] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}

.img-footer[b-29uz6ew109] {
    width: 18px;
    height: 14px;
}

.div-footer[b-29uz6ew109] {
    width: 50%;
    text-align: center;
}
.div-contain[b-29uz6ew109] {
    width: 50%;
    box-shadow: 0px 3px 6px #00000029;
}
.arrow-left[b-29uz6ew109] {
    background: url(/icons/deplacer-gauche.svg) no-repeat;
    height: 50px;
    margin-top: 123px;
    background-size: 52px;
    background-position: 0% 61%;
    width: 46px;
    float: right;
    cursor: pointer;
    border: none;
    outline: none;
}

    .arrow-left:hover[b-29uz6ew109] {
        background: url(/icons/deplacer-gauche-hover.svg) no-repeat;
        height: 50px;
        margin-top: 123px;
        background-size: 52px;
        background-position: 0% 61%;
        width: 46px;
        float: right;
        cursor: pointer;
        border: none;
    }

.arrow-right[b-29uz6ew109] {
    background: url(/icons/deplacer-droite.svg) no-repeat;
    margin-top: -13px;
    background-size: 56px;
    background-position: 0% 61%;
    width: 46px;
    float: right;
    cursor: pointer;
    border: none;
    outline: none;
    height: 50px;
}

    .arrow-right:hover[b-29uz6ew109] {
        height: 50px;
        background: url(/icons/deplacer-droite-hover.svg) no-repeat;
        margin-top: -13px;
        background-size: 56px;
        background-position: 0% 61%;
        width: 46px;
        float: right;
        cursor: pointer;
        border: none;
    }

    /* scrollable tbody */
thead[b-29uz6ew109], tbody[b-29uz6ew109],     th[b-29uz6ew109] {
    display: block;
}

    tr[b-29uz6ew109]:after {
        content: ' ';
        display: block;
        visibility: hidden;
        clear: both;
    }

    thead th[b-29uz6ew109] {
        height: 32px;
        /*text-align: left;*/
    }

tbody[b-29uz6ew109] {
    height: 385px;
    overflow-y: auto;
}

thead[b-29uz6ew109] {
    /* fallback */
}


     thead th[b-29uz6ew109] {
     
        float: left;
    }
/* scrollable tbody */

.modal-body-assign[b-29uz6ew109], .container-list[b-29uz6ew109] {
    overflow:hidden;
}

.div-group-child[b-29uz6ew109] {
 
    margin-left: 25px;
}
/* /Components/TimeEntryComponants/FilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-gfrw17jnts] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-gfrw17jnts] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-gfrw17jnts] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-gfrw17jnts] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-gfrw17jnts] {
    margin-top: 17px;
}

.closepop-entrerheure[b-gfrw17jnts] {
    float: right;
}

.modal-body-filter[b-gfrw17jnts] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-gfrw17jnts] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}



.modal-footer-filter[b-gfrw17jnts] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-gfrw17jnts] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-gfrw17jnts] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-gfrw17jnts] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
/* /Components/TimeEntryComponants/ResourceBox.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.number-span[b-0vxv73olu7] {
    color: rgb(112 124 139);
}
.card-res[b-0vxv73olu7] {
    /*height: 95px;*/
    border-radius: 0px !important;
    padding: 13px;
}

.span-username-res[b-0vxv73olu7] {
    margin-top: -10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    color: #222F3E;
}

.span-pers[b-0vxv73olu7] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    color: #8395A7;
    text-align: left;
    letter-spacing: 0.33px;
}

.span-distance[b-0vxv73olu7] {
    font-family: left;
    letter-spacing: 0.33px;
    color: #8395A7;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
}

.span-duration[b-0vxv73olu7] {
    color: #F36C3A;
    text-align: left;
    letter-spacing: 0.3px;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 11px;
}

.div-hover-call[b-0vxv73olu7] {
    /*display:none;*/
    position: absolute;
    /*top: 30px;*/
    top: 12px;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity linear 0.3s;
}

.card-body:hover .div-hover-call[b-0vxv73olu7] {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}

.card-body:hover[b-0vxv73olu7] {
    box-shadow: 2px 2px 9px #00000040;
}

.ressource-list-cards[b-0vxv73olu7] {
    overflow: scroll;
    max-height: 81vh;
    overflow-x: hidden;
    box-shadow: 9px 9px 9px #00000040;
}

.card-button[b-0vxv73olu7] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}


.div-header-ressource[b-0vxv73olu7] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: flex;
}

.div-child-header-ressource[b-0vxv73olu7] {
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res[b-0vxv73olu7] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-0vxv73olu7] {
    margin-top: -3px;
    margin-right: 10px;
}


.ressourceModal[b-0vxv73olu7] {
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}

.imgRessource[b-0vxv73olu7] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.imgAssignRessource[b-0vxv73olu7] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-0vxv73olu7] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}

.email[b-0vxv73olu7] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-0vxv73olu7] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.smallText[b-0vxv73olu7] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}


.div-contact-card[b-0vxv73olu7] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
}

.row-flex[b-0vxv73olu7] {
    display: flex;
    flex-direction: row;
}

.column-flex[b-0vxv73olu7] {
    display: flex;
    flex-direction: column;
}

.span-style[b-0vxv73olu7] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.span-phone[b-0vxv73olu7] {
    font-family: 'Franklin Gothic Book Regular';
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

.title[b-0vxv73olu7] {
    font-size: 18px;
}

.sub-title[b-0vxv73olu7] {
    font-size: 15px;
}

.icon-img[b-0vxv73olu7] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.user-icon[b-0vxv73olu7] {
    padding-top: 2px;
}

.call-icon[b-0vxv73olu7] {
    padding-top: 8px;
}

.div-contact[b-0vxv73olu7] {
    padding-left: 10px;
}

.email[b-0vxv73olu7] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}


.div-compentance-card[b-0vxv73olu7] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 0.5rem;
    padding-left: 1.5rem;
}

.row-flex[b-0vxv73olu7] {
    display: flex;
    flex-direction: row
}

.column-flex[b-0vxv73olu7] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-0vxv73olu7] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-0vxv73olu7] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.span-sub-title[b-0vxv73olu7] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-sub-sub-title[b-0vxv73olu7] {
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-0vxv73olu7] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.level-icon[b-0vxv73olu7] {
    object-fit: cover;
    opacity: 1;
}

.competance-icon[b-0vxv73olu7] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}

.card-listTAsks[b-0vxv73olu7] {
    position: absolute !important;
    top: 85px;
}
/* /Components/TimeEntryComponants/ResourceListTimeEntryModal.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.modal-body-log[b-nazzszebxf]::-webkit-scrollbar {
    width: 10px !important;
}
.card-res[b-nazzszebxf] {
    /*height: 95px;*/
    border-radius: 0px !important;
    padding: 13px;
}

.span-username-res[b-nazzszebxf] {
    margin-top: -10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    color: #222F3E;
}

.span-pers[b-nazzszebxf] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    color: #8395A7;
    text-align: left;
    letter-spacing: 0.33px;
}

.span-distance[b-nazzszebxf] {
    font-family: left;
    letter-spacing: 0.33px;
    color: #8395A7;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
}

.span-duration[b-nazzszebxf] {
    color: #F36C3A;
    text-align: left;
    letter-spacing: 0.3px;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 11px;
}

.div-hover-call[b-nazzszebxf] {
    /*display:none;*/
    position: absolute;
    /*top: 30px;*/
    top: 12px;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity linear 0.3s;
}

.card-body:hover .div-hover-call[b-nazzszebxf] {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}

.card-body:hover[b-nazzszebxf] {
    box-shadow: 2px 2px 9px #00000040;
}

.ressource-list-cards[b-nazzszebxf] {
    overflow: scroll;
    max-height: 81vh;
    overflow-x: hidden;
    box-shadow: 9px 9px 9px #00000040;
}

.card-button[b-nazzszebxf] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}


.div-header-ressource[b-nazzszebxf] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: flex;
}

.div-child-header-ressource[b-nazzszebxf] {
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res[b-nazzszebxf] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-nazzszebxf] {
    margin-top: -3px;
    margin-right: 10px;
}


.ressourceModal[b-nazzszebxf] {
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}

.imgRessource[b-nazzszebxf] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.imgAssignRessource[b-nazzszebxf] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-nazzszebxf] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}

.email[b-nazzszebxf] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-nazzszebxf] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.smallText[b-nazzszebxf] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}


.div-contact-card[b-nazzszebxf] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
}

.row-flex[b-nazzszebxf] {
    display: flex;
    flex-direction: row;
}

.column-flex[b-nazzszebxf] {
    display: flex;
    flex-direction: column;
}

.span-style[b-nazzszebxf] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.span-phone[b-nazzszebxf] {
    font-family: 'Franklin Gothic Book Regular';
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

.title[b-nazzszebxf] {
    font-size: 18px;
}

.sub-title[b-nazzszebxf] {
    font-size: 15px;
}

.icon-img[b-nazzszebxf] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.user-icon[b-nazzszebxf] {
    padding-top: 2px;
}

.call-icon[b-nazzszebxf] {
    padding-top: 8px;
}

.div-contact[b-nazzszebxf] {
    padding-left: 10px;
}

.email[b-nazzszebxf] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}


.div-compentance-card[b-nazzszebxf] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 0.5rem;
    padding-left: 1.5rem;
}

.row-flex[b-nazzszebxf] {
    display: flex;
    flex-direction: row
}

.column-flex[b-nazzszebxf] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-nazzszebxf] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-nazzszebxf] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.span-sub-title[b-nazzszebxf] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-sub-sub-title[b-nazzszebxf] {
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-nazzszebxf] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.level-icon[b-nazzszebxf] {
    object-fit: cover;
    opacity: 1;
}

.competance-icon[b-nazzszebxf] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}

.card-listTAsks[b-nazzszebxf] {
    position: absolute !important;
    top: 85px;
}

[b-nazzszebxf]  .modal-header-log {
    justify-content: space-between;
    height: 72px;
}

[b-nazzszebxf] .modal-log-content {
    height: 332px !important;
    /*    margin-left:0 !important;
}
*/
}
/* /Components/TimeEntryComponants/ResourceListTimeEntryModalMultSelect.razor.rz.scp.css */
.selection[b-sl01s4dhln] {
    min-height: 5%;
    margin-bottom: 0.5rem;
}

.selected[b-sl01s4dhln] {
    min-height: 95%;
    -webkit-overflow-scrolling: touch;
}

.btn-circle[b-sl01s4dhln] {
    width: 50px;
    padding: 5px 5px;
    height: 50px;
    border: solid;
    border-radius: 80px;
}

.modal-header-deriv[b-sl01s4dhln] {
    background-color: #4B6584;
}
[b-sl01s4dhln] .filterclass {
    width: 386px;
}
.span-username-res[b-sl01s4dhln] {
    margin-top: -10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    color: #222F3E;
}

div-header-ressource[b-sl01s4dhln]
{
    height: auto;
}

/* /Components/TimeEntryComponants/ShowEditTimeEntryLogModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-fjfk5roip9] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

[b-fjfk5roip9] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-fjfk5roip9] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-fjfk5roip9] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-fjfk5roip9] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-fjfk5roip9] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-fjfk5roip9] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-fjfk5roip9] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-fjfk5roip9] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-fjfk5roip9] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-fjfk5roip9] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-fjfk5roip9] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-fjfk5roip9] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-fjfk5roip9] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-fjfk5roip9] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-fjfk5roip9] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-fjfk5roip9] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-fjfk5roip9] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-fjfk5roip9] .column-3:hover, .column-3:focus[b-fjfk5roip9] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-fjfk5roip9] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-fjfk5roip9] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-fjfk5roip9] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-fjfk5roip9] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-fjfk5roip9] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-fjfk5roip9] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-fjfk5roip9] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-fjfk5roip9] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-fjfk5roip9] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-fjfk5roip9] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-fjfk5roip9] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-fjfk5roip9] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 550px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-fjfk5roip9] {
    height: 45px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-fjfk5roip9] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-fjfk5roip9] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 455px;
}

.note-ts-pos[b-fjfk5roip9] {
    margin-left: 14px;
}

.modal-ts-footer[b-fjfk5roip9] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-fjfk5roip9] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-fjfk5roip9] {
    background-color: #00b665;
}

    .switch input:checked + label[b-fjfk5roip9]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-fjfk5roip9]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-fjfk5roip9] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-fjfk5roip9] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-fjfk5roip9] {
    width: 100%;
}

    .switch input[type=checkbox][b-fjfk5roip9] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-fjfk5roip9] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-fjfk5roip9] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-fjfk5roip9] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.input-date[b-fjfk5roip9] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
input[type="date"][b-fjfk5roip9]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
/* /Components/TimeEntryComponants/TimeentryMultiSelectionResources/DuplicateMultiTimeentryModal.razor.rz.scp.css */
[b-p1h2oxafc6] input[type="month"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    background: black;
    width: 210px;
    z-index: 1;
    position: absolute;
    right: 102px;
}
[b-p1h2oxafc6] .calendar td {
    font-size: 14px;
}
[b-p1h2oxafc6] .modal-dialog-popup {
    position: absolute;
    top: 47% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0.5rem;
}
.div-date[b-p1h2oxafc6] {
    margin-top: -13px;
    padding-bottom: 5px;
}

.datecss[b-p1h2oxafc6] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    margin-top: 7px;
    font-size: 15px;
    background: transparent url(/icons/Date.svg) no-repeat;
    background-position: 4% 50% !important;
    padding-left: 34px;
}
/* /Components/TimeEntryComponants/TimeentryMultiSelectionResources/TimeEntryHeaderComponent.razor.rz.scp.css */

.IDmvt[b-4cel54c0wr] {
    font-family: 'GravityBold';
    font-size: 15px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}

.pdate[b-4cel54c0wr] {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

[b-4cel54c0wr] .closepop-entrerheure {
    align-self: center;
    margin-top: 0;
    margin-right: 11px;
}

[b-4cel54c0wr] .number-span {
    margin-top: 0px;
}

[b-4cel54c0wr] .modal-log-content {
    margin-left: 0;
}

.img-loc[b-4cel54c0wr] {
    width: 48px;
    height: 64px;
}

.span-loc[b-4cel54c0wr] {
    position: absolute;
    margin-left: -36px;
    margin-top: 16px;
    font-size: 11px;
    font-family: 'GravityRegular';
    color: white;
}

.divtitre[b-4cel54c0wr] {
    display: flex;
    padding-top: 13px;
    padding-left: 17px;
}

.datecss[b-4cel54c0wr]::-webkit-calendar-picker-indicator {
    height: 32px;
}

.weatherStyle[b-4cel54c0wr] {
    width: 50px;
    height: 57px;
    margin-right: 21px;
    margin-top: 7px;
    margin-left: 7px;
}

.span-prj-title[b-4cel54c0wr] {
    font-family: 'GravityRegular';
    color: #7A91AA;
    font-size: 14px;
}

.weatherdiv[b-4cel54c0wr] {
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-top: 10px;
}

.div-line-buttom[b-4cel54c0wr] {
    border-left: 1px solid #E4E4E4;
}

    .div-line-buttom span[b-4cel54c0wr] {
        display: flex;
        flex-direction: row;
        -ms-flex-wrap: inherit;
        -webkit-flex-wrap: inherit;
        flex-wrap: inherit;
    }


.map-div[b-4cel54c0wr] {
    max-width: 250px;
    width: 200px;
    display: flex;
    max-width: 19% !important
}

    .map-div > *[b-4cel54c0wr] {
        max-width: 250px;
        display: flex;
    }
.div-line-buttom[b-4cel54c0wr] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
    .weather-min-pad[b-4cel54c0wr] {
        min-width: 6px !important;
    }
}

@media only screen and (min-width: 771px) and (max-width: 1300px) {
    .div-line-buttom[b-4cel54c0wr] {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
}

.span-loc[b-4cel54c0wr] {
    position:relative;
}


@media only screen and (max-width: 1400px) {
    .map-div[b-4cel54c0wr] {
        display: flex !important;
        min-width: unset;
        max-width: 120px;
    }


        .map-div > *[b-4cel54c0wr] {
            max-width: 120px;
            display: flex;
        }

    .header-resp[b-4cel54c0wr] {
        display: flex;
        flex-direction: column;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    .header-first-icon[b-4cel54c0wr] {
        width: 25px !important;
        position: absolute;
        left: 0;
    }

    .divtitre[b-4cel54c0wr] {
        max-width: 150px;
        flex-wrap: wrap;
    }

    .div-item-prj-p.header-resp.responsable-mini.span-prj-title[b-4cel54c0wr] {
        justify-content: flex-start;
    }

    .div-item-prj-p.header-resp.responsable-mini[b-4cel54c0wr] {
        display: flex;
        justify-self: flex-start;
    }
}
/* /Components/TimeEntryComponants/TimeentryMultiSelectionResources/TimeEntryLinesComponent.razor.rz.scp.css */
.detail[b-ipgzxruoxo] {
    border-bottom: 1px solid #F3EEEE;
    display: flex;
    flex-direction: row;
    padding-bottom: 18px;
}

.body-detail[b-ipgzxruoxo] {
    display: flex;
    flex-direction: row;
    margin-top: 14px;
}
.img-round-icon[b-ipgzxruoxo] {
    width: 51px;
    height: 49px;
    position: absolute;
    margin-top: 20px;
}
.clicked[b-ipgzxruoxo]{
    cursor:pointer;
}
.span-cat[b-ipgzxruoxo] {
    margin-top: -12px;
    margin-left: 14px;
}
.inputH[b-ipgzxruoxo] {
    font-family: 'GravityBold';
    font-size: 17px;
    color: #303542;
    margin-top: -4px;
    height: 30px !important;
    margin-bottom: 3px;
}
.spanheure[b-ipgzxruoxo] {
    padding-left: 30px;
    margin-top: -9px;
    padding-bottom: 8px;
}
.center-img[b-ipgzxruoxo] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 13px;
}
.form-control:disabled[b-ipgzxruoxo] {
    background-color: transparent;
    opacity: 1;
}
.circleCount[b-ipgzxruoxo] {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    font-family: 'GravityBold';
    font-size: 11px;
    font-weight: bold;
    padding-right: 2px;
    position: absolute;
    margin-top: 12px;
    z-index: 1;
    margin-left: 24px;
    color: black;
}
.div-supp[b-ipgzxruoxo] {
    align-self: center;
    text-align: center;
    /*    margin-left: 30%;
    margin-top: 9px;*/
    margin: 10px 10px;
    padding: 0px 5px;
}
.img-rounds[b-ipgzxruoxo] {
    width: 22px;
    height: 38px;
}
.img-roundequip[b-ipgzxruoxo] {
    width: 28px;
    height: 38px;
}
.img-round[b-ipgzxruoxo] {
    margin-top: 4px;
}
.subline-cell[b-ipgzxruoxo] {
    text-align: center;
    vertical-align: middle;
}

.subline-image-container[b-ipgzxruoxo] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
[b-ipgzxruoxo] .closepop {
    padding-left: 131px !important;
    padding-top: 42px !important;
}
.div-center[b-ipgzxruoxo] {
    display: flex;
    align-items: center;
}
.det[b-ipgzxruoxo] {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}
[b-ipgzxruoxo] .select-entry-style {
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 48% / 2% no-repeat white;
}

.box-lab[b-ipgzxruoxo] {
    margin-left: 7px;
    font-family: 'GravityBold';
    float: left;
    color: #024662;
    font-size: 14px;
    opacity: 1;
}

.box-p[b-ipgzxruoxo] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: right;
    color: #4C4C4C;
    opacity: 1;
    margin-bottom: 10px 0px;
}

.box[b-ipgzxruoxo] {
    margin-left: 20px;
    margin-top: 20px;
}

.div-group-child-short[b-ipgzxruoxo] {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.span-name[b-ipgzxruoxo] {
    padding-top: 2px;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #35414C;
    opacity: 1;
}

.btnDiv:focus[b-ipgzxruoxo], .btnDiv:focus-visible[b-ipgzxruoxo], .btnDiv:active[b-ipgzxruoxo] {
    border: none;
    background: none;
    outline: none;
    height: 54px;
    width: 88px;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
    opacity: 1;
}
[b-ipgzxruoxo] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.table-nrn[b-ipgzxruoxo] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-ipgzxruoxo] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-ipgzxruoxo] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-ipgzxruoxo] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-ipgzxruoxo] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-ipgzxruoxo] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-ipgzxruoxo] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-ipgzxruoxo] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-ipgzxruoxo] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
    padding-top: 6px;
}

[b-ipgzxruoxo] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-ipgzxruoxo] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}


/*
::deep .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}*/

.div-edit-delete[b-ipgzxruoxo] {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-ipgzxruoxo] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-ipgzxruoxo] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-ipgzxruoxo] {
        display: block;
    }

[b-ipgzxruoxo] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-ipgzxruoxo] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}



[b-ipgzxruoxo] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-ipgzxruoxo] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 10px;
}

[b-ipgzxruoxo] .btn-del {
    height: 15px;
    width: 13px;
}

[b-ipgzxruoxo] .cen-select {
    margin-top: 15px;
}

[b-ipgzxruoxo] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-ipgzxruoxo] .fa {
    padding-left: 8px;
    float: none !important;
}



.btnDiv[b-ipgzxruoxo] {
    border: none;
    background: none;
    outline: none;
    color: #024662;
    font-size: 14px;
    font-family: 'GravityBold';
    opacity: 1;
    height: 60px;
    width: 88px;
}

.SubDiv[b-ipgzxruoxo] {
    margin-left: 7px;
}

.opened[b-ipgzxruoxo] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/TimeEntryComponants/TimeentryMultiSelectionResources/TimeEntryLinesTreeComponent.razor.rz.scp.css */
.detail[b-61jv2z39k9] {
    border-bottom: 1px solid #F3EEEE;
    display: flex;
    flex-direction: row;
    padding-bottom: 18px;
}

.body-detail[b-61jv2z39k9] {
    display: flex;
    flex-direction: row;
    margin-top: 14px;
}

.img-round-icon[b-61jv2z39k9] {
    width: 51px;
    height: 49px;
    position: absolute;
    margin-top: -12px;
}

.clicked[b-61jv2z39k9] {
    cursor: pointer;
}

.span-cat[b-61jv2z39k9] {
    margin-top: -12px;
    margin-left: 14px;
}

.inputH[b-61jv2z39k9] {
    font-family: 'GravityBold';
    font-size: 17px;
    color: #303542;
    margin-top: -4px;
    height: 30px !important;
    margin-bottom: 3px;
}

.spanheure[b-61jv2z39k9] {
    padding-left: 30px;
    margin-top: -9px;
    padding-bottom: 8px;
}

.center-img[b-61jv2z39k9] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 13px;
}

.form-control:disabled[b-61jv2z39k9] {
    background-color: transparent;
    opacity: 1;
}

.circleCount[b-61jv2z39k9] {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    font-family: 'GravityBold';
    font-size: 11px;
    font-weight: bold;
    padding-right: 2px;
    position: absolute;
    margin-top: 12px;
    z-index: 1;
    margin-left: 24px;
    color: black;
}

.div-supp[b-61jv2z39k9] {
    align-self: center;
    text-align: center;
    /*    margin-left: 30%;
    margin-top: 9px;*/
    margin: 10px 10px;
    padding: 0px 5px;
}

.img-rounds[b-61jv2z39k9] {
    width: 22px;
    height: 38px;
}

.img-roundequip[b-61jv2z39k9] {
    width: 28px;
    height: 38px;
}

.img-round[b-61jv2z39k9] {
    margin-top: 4px;
}

.subline-cell[b-61jv2z39k9] {
    text-align: center;
    vertical-align: middle;
}

.subline-image-container[b-61jv2z39k9] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

[b-61jv2z39k9] .closepop {
    padding-left: 131px !important;
    padding-top: 42px !important;
}

.div-center[b-61jv2z39k9] {
    display: flex;
    align-items: center;
}

.det[b-61jv2z39k9] {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}

[b-61jv2z39k9] .select-entry-style {
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 48% / 2% no-repeat white;
}

.box-lab[b-61jv2z39k9] {
    margin-left: 7px;
    font-family: 'GravityBold';
    float: left;
    color: #024662;
    font-size: 14px;
    opacity: 1;
}

.box-p[b-61jv2z39k9] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: right;
    color: #4C4C4C;
    opacity: 1;
    margin-bottom: 10px 0px;
}

.box[b-61jv2z39k9] {
    margin-left: 20px;
    margin-top: 20px;
}

.div-group-child-short[b-61jv2z39k9] {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.span-name[b-61jv2z39k9] {
    padding-top: 2px;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #35414C;
    opacity: 1;
}

.btnDiv:focus[b-61jv2z39k9], .btnDiv:focus-visible[b-61jv2z39k9], .btnDiv:active[b-61jv2z39k9] {
    border: none;
    background: none;
    outline: none;
    height: 54px;
    width: 88px;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
    opacity: 1;
}

[b-61jv2z39k9] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.table-nrn[b-61jv2z39k9] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    max-width: 1374px;
}

[b-61jv2z39k9] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-61jv2z39k9] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-61jv2z39k9] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-61jv2z39k9] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-61jv2z39k9] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-61jv2z39k9] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-61jv2z39k9] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-61jv2z39k9] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
    padding-top: 6px;
}

[b-61jv2z39k9] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-61jv2z39k9] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}


/*
::deep .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}*/

.div-edit-delete[b-61jv2z39k9] {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-61jv2z39k9] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-61jv2z39k9] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-61jv2z39k9] {
        display: block;
    }

[b-61jv2z39k9] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-61jv2z39k9] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}



[b-61jv2z39k9] .div-group {
    display: flex;
    padding-top: 4px;
    align-items: center;
}

[b-61jv2z39k9] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 10px;
}

[b-61jv2z39k9] .btn-del {
    height: 15px;
    width: 13px;
}

[b-61jv2z39k9] .cen-select {
    margin-top: 15px;
}

[b-61jv2z39k9] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-61jv2z39k9] .fa {
    padding-left: 8px;
    float: none !important;
}



.btnDiv[b-61jv2z39k9] {
    border: none;
    background: none;
    outline: none;
    color: #024662;
    font-size: 14px;
    font-family: 'GravityBold';
    opacity: 1;
    height: 60px;
    width: 88px;
}

.SubDiv[b-61jv2z39k9] {
    margin-left: 7px;
}

.opened[b-61jv2z39k9] {
    height: 9px;
    width: 9px;
    background-color: #0898D7;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/TimeSheetComponents/BtnNewEntryComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.btn-style[b-her7jwur71] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-her7jwur71] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-her7jwur71] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-her7jwur71] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-her7jwur71], .btn-style:focus-visible[b-her7jwur71], .btn-style:active[b-her7jwur71] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-her7jwur71] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-her7jwur71] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
.btn-new[b-her7jwur71] {
    border: none;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #222F3E;
    width: 195px;
    height: 40px;
    margin-left: 45px;
    margin-top: 5px;
    margin-bottom: 7px;
    display: flex;
    flex-direction: column;
}

    .btn-new:hover[b-her7jwur71] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 195px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

    .btn-new:focus[b-her7jwur71], .btn-new-task:focus-visible[b-her7jwur71], .btn-new-task:active[b-her7jwur71] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 195px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

.img-add[b-her7jwur71] {
    padding-left: 85px;
    padding-top: 2px;
}
/* /Components/TimeSheetComponents/BtnNewTimeSheet.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-new[b-58ertifklu] {
    border: none;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #222F3E;
    width: 195px;
    height: 40px;
    margin-left: 45px;
    margin-top: 5px;
    margin-bottom: 7px;
    display: flex;
    flex-direction: column;
}

    .btn-new:hover[b-58ertifklu] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 195px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

    .btn-new:focus[b-58ertifklu], .btn-new-task:focus-visible[b-58ertifklu], .btn-new-task:active[b-58ertifklu] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 195px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

.img-add[b-58ertifklu] {
    padding-left: 85px;
    padding-top: 2px;
}
/* /Components/TimeSheetComponents/FilterModal.razor.rz.scp.css */

.modal-dialog-filter[b-z8monzj3rz] {
    max-width: 580px;
    width: 580px;
    position: fixed;
    top: 25%;
   
}

.modal-filter-content[b-z8monzj3rz] {
    width: 580px;
    height: auto;
}

.modal-header-filter[b-z8monzj3rz] {
    width: 580px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-z8monzj3rz] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-z8monzj3rz] {
    margin-top: 17px;
}

.closepop-entrerheure[b-z8monzj3rz] {
    float: right;
}

.modal-body-filter[b-z8monzj3rz] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-z8monzj3rz] {
    font-family: 'Franklin Gothic Medium Regular';
}

.modal-footer-filter[b-z8monzj3rz] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-z8monzj3rz] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-z8monzj3rz] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-z8monzj3rz] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
@media screen and (max-width: 1024px) {

    .personal-filter-modal[b-z8monzj3rz] {
        left: -123px
    }
}
.form-control:hover[b-z8monzj3rz] {
    border: 1px solid #CCCCCC;
}
/* /Components/TimeSheetComponents/SecondHeaderList.razor.rz.scp.css */

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-style[b-nb2vz50an2] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-nb2vz50an2] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-nb2vz50an2] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-nb2vz50an2] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-nb2vz50an2], .btn-style:focus-visible[b-nb2vz50an2], .btn-style:active[b-nb2vz50an2] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-nb2vz50an2] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-nb2vz50an2] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}


.second-header-div[b-nb2vz50an2] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    height: 55px;
}
/* /Components/TimeSheetComponents/SwitchViewTimeSheet.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.div-switch-view[b-i989chtjea] {
    font-family: 'Franklin Gothic Medium Regular';
    color: #576574;
    min-width: 180px;
    margin-top: 3px;
    z-index: 1;
}

.select-switch-view[b-i989chtjea], .select-switch-view:active[b-i989chtjea], .select-switch-view:focus[b-i989chtjea], .select-switch-view:focus-visible[b-i989chtjea], .select-switch-view:focus-within[b-i989chtjea] {
    border: none;
    color: #0984E3;
    outline: none;
    height: 4px;
}

.li-view:hover[b-i989chtjea] {
    color: #268BFD;
    text-decoration: underline;
    box-shadow: 0px 3px 6px #00000029;
}


.text-span[b-i989chtjea] {
    color: #268BFD;
    font-family: 'Franklin Gothic Book Regular';
    font-size: 15px;
    letter-spacing: 0.3px;
}

.list-group-item-li[b-i989chtjea] {
    border: 0px;
    border-bottom: 1px solid #eaeaea;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
}

.span-view[b-i989chtjea] {
    padding-right: 16px;
    font-family: 'Franklin Gothic Book Regular';
    font-size: 15px;
    float: left;
}
@media screen and (max-width: 1024px) {

    .perso-btn[b-i989chtjea] {
        justify-content: center;
    }
}
/* /Components/TimeSheetComponents/TimeSheetCardComponent.razor.rz.scp.css */


@font-face {
    font-family: GraphikBold;
    src: url('../open-iconic/font/fonts/GraphikBold.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.div-card[b-lbkg5porp3] {
    border-radius: 1px;
    background: rgba(230,234,237,.2);
    margin: 2px;
    box-shadow: 0px 1px 2px #00000040;
    cursor: pointer;
    border: none !important;
}

.body-ts[b-lbkg5porp3] {
    padding: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
 
}
.span-title[b-lbkg5porp3] {
    font-size: 13px;
    font-family: 'Franklin Gothic Demi Regular';
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    flex: auto;
    margin: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    white-space: normal;
    width: 197px;
    padding-right: 6px;
    margin-bottom: 8px;
    margin-top: 4px;
}

   
@media screen and (min-width:1300px) and (max-width:1699px) {
    .span-title[b-lbkg5porp3] {
        font-size: 13px;
        font-family: 'Franklin Gothic Demi Regular';
        text-align: left;
        letter-spacing: 0px;
        color: #222F3E;
        opacity: 1;
        flex: auto;
        margin: 0px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
        white-space: normal;
        width: 141px;
        margin-top: 4px;
        margin-bottom: 9px;
    }
}


.div-card:hover[b-lbkg5porp3] {
    box-shadow: 2px 2px 4px #00000040;
}

.description[b-lbkg5porp3] {
    font-size: 13px;
    font-family: 'Franklin Gothic Demi Regular';
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    margin-top: 10px;
}

.div-detail[b-lbkg5porp3] {
    display: block;
    overflow: auto;
    height: 40px;
}

    .div-detail[b-lbkg5porp3]::-webkit-scrollbar {
        display: none;
    }

.span-title[b-lbkg5porp3] {
    font-size: 13px;
    font-family: 'Franklin Gothic Medium Regular';
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    flex: auto;
}

.span-hour[b-lbkg5porp3] {
    font-size: 12px;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: -0.24px;
    color: #576574;
    opacity: 1;
    float: right;
}
/* /Components/TimeSheetComponents/TimeSheetComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.span-header[b-ti1w0t6957] {
    text-align: left;
    letter-spacing: 0px;
    color: #4C5760;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.date-day[b-ti1w0t6957] {
    text-align: left;
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    font-weight: normal !important;
    height: 41px;
    padding-top: 10px;
    padding-left: 15px;
}

input[type="date"][b-ti1w0t6957]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

input[b-ti1w0t6957]::-webkit-datetime-edit-fields-wrapper {
    text-decoration: underline;
}

input[type="date"][b-ti1w0t6957]::-webkit-calendar-picker-indicator {
    background: transparent;
    color: transparent;
    cursor: pointer;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
}

.calendar-line[b-ti1w0t6957] {
}


@media screen and (min-width: 800px) and (max-width: 1000px) {
    .main[b-ti1w0t6957] {
        overflow-x: scroll;
    }

    .card-body[b-ti1w0t6957] {
        overflow-x: scroll;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1366px) {
    .card-body[b-ti1w0t6957] {
        overflow-x: scroll;
    }
}

.input-date[b-ti1w0t6957] {
    outline: none;
    border: none;
    text-align: left;
    letter-spacing: 0px;
    color: #056DD3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Book Regular';
    margin-left: 15px;
}
.btn-new-entry[b-ti1w0t6957] {
    border: none;
    outline: none !important;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #222F3E;
    width: 170px;
    height: 55px;
    display: flex;
    flex-direction: column;
}

.div-new-entry[b-ti1w0t6957] {
    width: 170px;
    border-right: 1px solid #dee2e6;
    padding-left: 20px;
    left: 54px;
}

    .div-new-entry:hover[b-ti1w0t6957] {
        box-shadow: 1px 1px 1px 0px #00000040;
        outline: none;
    }

.img-add[b-ti1w0t6957] {
    padding-left: 47px;
    padding-top: 10px;
}

.container-timeSheet[b-ti1w0t6957] {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: scroll;
    height: calc(100vh - 112px);
}

.table-timeSheet[b-ti1w0t6957] {
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    margin-top: 20px;
    max-width: 1200px;
    min-width: 720px;
}

.th-header[b-ti1w0t6957] {
    border-top: none !important;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    letter-spacing: 0.4px;
    color: #222F3E;
}

.tr-timeSheet[b-ti1w0t6957] {
    border-top: none !important;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15.5px;
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
}

.div-customer-group[b-ti1w0t6957] {
    display: flex;
}

.icon-customer-code[b-ti1w0t6957] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11.5px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #c496f1;
    padding-top: 6px;
    padding-left: 7px;
}

.div-customer-group-child[b-ti1w0t6957] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.div-time[b-ti1w0t6957] {
    display: flex;
    flex-direction: column;
}

.nbre_heure[b-ti1w0t6957] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15.5px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #404A54;
    opacity: 1;
}

.customer-code[b-ti1w0t6957] {
    font-family: 'Franklin Gothic Book Regular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
}

.img-round[b-ti1w0t6957] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.div-statut[b-ti1w0t6957] {
    margin-top: 10px;
}

.span-statut[b-ti1w0t6957] {
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 10px;
}

.min-width-80[b-ti1w0t6957] {
    min-width: 80px;
}

.div-edit-delet[b-ti1w0t6957] {
    display: none;
    margin-top: 10px;
}

.btn-delet[b-ti1w0t6957] {
    margin-left: 20px;
}

.tr-timeSheet:hover .div-edit-delet[b-ti1w0t6957] {
    display: block;
}

.tr-timeSheet:hover[b-ti1w0t6957] {
    cursor: pointer;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

.div-dashboard[b-ti1w0t6957] {
    display: none;
    margin-left: 20px;
}

@media(min-width: 1367px) {
    .div-dashboard[b-ti1w0t6957] {
        display: block;
        margin-left: 20px;
    }

    .table-timeSheet[b-ti1w0t6957] {
        width: 1200px;
    }

    .container-timeSheet[b-ti1w0t6957] {
        display: flex;
        flex-direction: row;
    }
}
.arrow-left[b-ti1w0t6957] {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #ffffff;
    position: absolute;
    right: -2px;
    top: 20px;
}

[b-ti1w0t6957]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.div-card[b-ti1w0t6957] {
    border-radius: 1px;
    /*width: 366px;*/
    /*height: 182px;*/
    height: auto;
    box-shadow: 2px 2px 3px #00000040;
}

.card-task:hover[b-ti1w0t6957] {
    box-shadow: 2px 1px 10px #00000040;
}


.taskCode[b-ti1w0t6957] {
    /*overflow: visible;
    width: 37px;
    white-space: nowrap;*/
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(131,149,167,1);
    letter-spacing: 0.25px;
}

.percentage-task-progress[b-ti1w0t6957] {
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.35px;
    color: #808080;
    opacity: 1;
    margin-right: 8px;
    padding-top: 16px;
    position: relative;
    top: 5px;
}

.taskTitle[b-ti1w0t6957] {
    /*overflow: visible;
    width: 197px;
    white-space: nowrap;*/
    line-height: 20px;
    margin-top: -1.5px;
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.emplacement[b-ti1w0t6957] {
    /*overflow: visible;*/
    /*width: 55px;*/
    /*white-space: nowrap;*/
    line-height: 16.80000114440918px;
    /*margin-top: -1.4000005722045898px;*/
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(87,101,116,1);
    overflow-wrap: break-word;
}

.userimg[b-ti1w0t6957] {
    width: 47px;
    object-fit: cover;
    border-radius: 50%;
    border-radius: 23px;
    margin-top: 5px;
}

.city[b-ti1w0t6957] {
    overflow: visible;
    width: 55px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
    color: #576574;
    color: rgba(87,101,116,1);
}

.cityimg[b-ti1w0t6957] {
    width: 15px;
    height: 15px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 5px;
    margin-left: 15px;
}

.citynb[b-ti1w0t6957] {
    overflow: visible;
    width: 58px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(131,149,167,1);
    float: left;
    margin-left: 17px;
}

.b1[b-ti1w0t6957], .b2[b-ti1w0t6957], .b3[b-ti1w0t6957] {
    display: inline-table;
}

.bl1[b-ti1w0t6957], .bl2[b-ti1w0t6957] {
    display: inline-table;
}

.datestyle[b-ti1w0t6957] {
    overflow: visible;
    width: 80px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: rgba(87,101,116,1);
}

.dateimg[b-ti1w0t6957] {
    width: 14px;
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.labelper[b-ti1w0t6957] {
    color: #808080;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 10px;
    margin-left: 168px;
}

progress[value][b-ti1w0t6957] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 62px;
    height: 6px;
    margin-left: 126px;
    margin-top: -9px;
}



    progress[value][b-ti1w0t6957]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }



    progress[value][b-ti1w0t6957]::-webkit-progress-value {
        background-color: #8395A7;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.taskTitle:hover[b-ti1w0t6957] {
    text-decoration: underline;
}

/*.task-card {
    width: 368px;width: 368px;
}*/
.task-card[b-ti1w0t6957] {
    width: auto;
}

.div-search-filter[b-ti1w0t6957] {
    display: flex;
    flex-direction: row;
    /*width: 368px*/
}

.div-list-cards[b-ti1w0t6957] {
    height: calc(100vh);
    overflow: scroll;
    overflow-x: hidden;
    width: 368px;
}

.NbreResource[b-ti1w0t6957] {
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    text-align: center;
    /* min-width: 23px; */
    opacity: 1;
    float: right;
    font-size: 10.6px;
    width: 23px;
    height: 23px;
    font-family: Franklin Gothic Medium Regular;
    margin-top: -14px;
    line-height: 18px;
}

.TagMap[b-ti1w0t6957] {
    border-radius: 50%;
    border: 1px solid #ac92ec;
    background: #ac92ec;
    color: white;
    text-align: center;
    /* min-width: 23px; */
    opacity: 1;
    float: right;
    font-size: 10.6px;
    width: 23px;
    height: 23px;
    font-family: Franklin Gothic Medium Regular;
    line-height: 18px;
}

[data-letters][b-ti1w0t6957]:before {
    content: attr(data-letters);
    display: inline-block;
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%;
    background: plum;
    vertical-align: middle;
    margin-right: 1em;
    color: white;
}
.card-res[b-ti1w0t6957] {
    /*height: 95px;*/
    border-radius: 0px !important;
    padding: 13px;
}

.span-username-res[b-ti1w0t6957] {
    margin-top: -10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    color: #222F3E;
}

.span-pers[b-ti1w0t6957] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    color: #8395A7;
    text-align: left;
    letter-spacing: 0.33px;
}

.span-distance[b-ti1w0t6957] {
    font-family: left;
    letter-spacing: 0.33px;
    color: #8395A7;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
}

.span-duration[b-ti1w0t6957] {
    color: #F36C3A;
    text-align: left;
    letter-spacing: 0.3px;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 11px;
}

.div-hover-call[b-ti1w0t6957] {
    /*display:none;*/
    position: absolute;
    /*top: 30px;*/
    top: 12px;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity linear 0.3s;
}

.card-body:hover .div-hover-call[b-ti1w0t6957] {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}

.card-body:hover[b-ti1w0t6957] {
    box-shadow: 2px 2px 9px #00000040;
}

.ressource-list-cards[b-ti1w0t6957] {
    overflow: scroll;
    max-height: 81vh;
    overflow-x: hidden;
    box-shadow: 9px 9px 9px #00000040;
}

.card-button[b-ti1w0t6957] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}

.ressourceModal[b-ti1w0t6957] {
    z-index: 10;
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}

.imgRessource[b-ti1w0t6957] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.imgAssignRessource[b-ti1w0t6957] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-ti1w0t6957] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}

.email[b-ti1w0t6957] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-ti1w0t6957] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.smallText[b-ti1w0t6957] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.div-header-ressource[b-ti1w0t6957] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: flex;
}

.div-child-header-ressource[b-ti1w0t6957] {
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res[b-ti1w0t6957] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-ti1w0t6957] {
    margin-top: -3px;
    margin-right: 10px;
}
/* /Components/TimeSheetComponents/TimeSheetEntryComponent.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
[b-2525so936r] .input-entry-style {
    background-color: white;
    font-family: 'GravityRegular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 85%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
[b-2525so936r] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

[b-2525so936r] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-2525so936r] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}
[b-2525so936r] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}



[b-2525so936r] .select-entry-style {
    font-family: 'GravityRegular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-2525so936r] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-2525so936r] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 30px;
    margin-top:-10px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-2525so936r] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-2525so936r] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-2525so936r] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-2525so936r] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-2525so936r] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-2525so936r] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-2525so936r] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-2525so936r] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-2525so936r] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-2525so936r] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-2525so936r] .column-3:hover, .column-3:focus[b-2525so936r] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-2525so936r] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-2525so936r] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-2525so936r] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-2525so936r] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-2525so936r] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-2525so936r] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-2525so936r] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-2525so936r] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-2525so936r] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-2525so936r] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-2525so936r] select {
        background: none\9;
        padding: 5px\9;
    }
}
 
 
.modal-ts-content[b-2525so936r] {
    margin-left: 155px;
    width: 333px;
    margin-top: 62px;
    background: white;
    height: 550px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-2525so936r] {
    height: 45px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-2525so936r] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-2525so936r] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 455px;
}

.note-ts-pos[b-2525so936r] {
    margin-left: 14px;
}

.modal-ts-footer[b-2525so936r] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-2525so936r] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-2525so936r] {
    background-color: #00b665;
}

    .switch input:checked + label[b-2525so936r]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-2525so936r]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-2525so936r] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-2525so936r] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-2525so936r] {
    width: 100%;
}

    .switch input[type=checkbox][b-2525so936r] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-2525so936r] {
    border: unset !important;
    margin-right: 33.33%;
}
.img-date-entrermanuel[b-2525so936r] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}
.div-box-date-container[b-2525so936r] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}
.input-date[b-2525so936r] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

input[b-2525so936r] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.form-control:focus[b-2525so936r] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

.border-input:hover[b-2525so936r] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-2525so936r], .form-control[readonly][b-2525so936r] {
    background-color: transparent;
   
/* /Components/TimeSheetComponents/TimeSheetEntryComponentShowEdit.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-35fjxl5w0r] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

[b-35fjxl5w0r] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-35fjxl5w0r] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}
[b-35fjxl5w0r] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-35fjxl5w0r] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-35fjxl5w0r] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-35fjxl5w0r] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-35fjxl5w0r] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-35fjxl5w0r] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-35fjxl5w0r] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-35fjxl5w0r] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-35fjxl5w0r] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-35fjxl5w0r] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-35fjxl5w0r] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-35fjxl5w0r] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-35fjxl5w0r] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-35fjxl5w0r] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-35fjxl5w0r] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-35fjxl5w0r] .column-3:hover, .column-3:focus[b-35fjxl5w0r] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-35fjxl5w0r] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-35fjxl5w0r] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-35fjxl5w0r] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-35fjxl5w0r] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-35fjxl5w0r] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-35fjxl5w0r] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-35fjxl5w0r] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-35fjxl5w0r] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-35fjxl5w0r] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-35fjxl5w0r] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-35fjxl5w0r] select {
        background: none\9;
        padding: 5px\9;
    }
}
 
 
.modal-ts-content[b-35fjxl5w0r] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 550px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-35fjxl5w0r] {
    height: 45px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-35fjxl5w0r] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-35fjxl5w0r] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 455px;
}

.note-ts-pos[b-35fjxl5w0r] {
    margin-left: 14px;
}

.modal-ts-footer[b-35fjxl5w0r] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-35fjxl5w0r] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-35fjxl5w0r] {
    background-color: #00b665;
}

    .switch input:checked + label[b-35fjxl5w0r]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-35fjxl5w0r]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-35fjxl5w0r] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-35fjxl5w0r] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-35fjxl5w0r] {
    width: 100%;
}

    .switch input[type=checkbox][b-35fjxl5w0r] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-35fjxl5w0r] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-35fjxl5w0r] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-35fjxl5w0r] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.input-date[b-35fjxl5w0r] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
/* /Components/TimeSheetComponents/TimeSheetEntryComponentTS.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-bo0ni5uug4] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

[b-bo0ni5uug4] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-bo0ni5uug4] .div-item-entry-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-bo0ni5uug4] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-bo0ni5uug4] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-bo0ni5uug4] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-bo0ni5uug4] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-bo0ni5uug4] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 30px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-bo0ni5uug4] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-bo0ni5uug4] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-bo0ni5uug4] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-bo0ni5uug4] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-bo0ni5uug4] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-bo0ni5uug4] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-bo0ni5uug4] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-bo0ni5uug4] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-bo0ni5uug4] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-bo0ni5uug4] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-bo0ni5uug4] .column-3:hover, .column-3:focus[b-bo0ni5uug4] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-bo0ni5uug4] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-bo0ni5uug4] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-bo0ni5uug4] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-bo0ni5uug4] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-bo0ni5uug4] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-bo0ni5uug4] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-bo0ni5uug4] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-bo0ni5uug4] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-bo0ni5uug4] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-bo0ni5uug4] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-bo0ni5uug4] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-bo0ni5uug4] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 530px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-bo0ni5uug4] {
    height: 50px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-bo0ni5uug4] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-bo0ni5uug4] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 428px;
}

.note-ts-pos[b-bo0ni5uug4] {
    margin-left: 14px;
}

.modal-ts-footer[b-bo0ni5uug4] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-bo0ni5uug4] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-bo0ni5uug4] {
    background-color: #00b665;
}

    .switch input:checked + label[b-bo0ni5uug4]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-bo0ni5uug4]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-bo0ni5uug4] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-bo0ni5uug4] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-bo0ni5uug4] {
    width: 100%;
}

.switch input[type=checkbox][b-bo0ni5uug4] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-bo0ni5uug4]{
    border:unset !important;
    margin-right:33.33%;
}
.input-date[b-bo0ni5uug4] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
input[type="date"][b-bo0ni5uug4]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.div-item-prj-p[b-bo0ni5uug4] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.span-prj-title[b-bo0ni5uug4] {
    text-align: left;
    letter-spacing: 0px;
    color: #024662;
    opacity: 1;
    font-family: 'GravityBold';
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
}

input[b-bo0ni5uug4] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    /*margin-top: 11px;*/
    margin-left: 14px;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.form-control:focus[b-bo0ni5uug4] {
    box-shadow: 0 0 0 0.09rem rgba(204, 204, 204, 1);
    background: white;
}

input:hover[b-bo0ni5uug4] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.form-control:disabled[b-bo0ni5uug4], .form-control[readonly][b-bo0ni5uug4] {
    background-color: transparent;
    opacity: 1;
}
.form-controlenable:hover[b-bo0ni5uug4] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
}
/* /Components/TransfertJounalComponents/AdjustPopUp.razor.rz.scp.css */

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-ck4wwt9wxv] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-dialog[b-ck4wwt9wxv] {
    max-width: 100% !important;
    margin: 1.75rem auto !important;
    width: 100%;
}


.modal-title[b-ck4wwt9wxv] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-ck4wwt9wxv] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 17px;
    margin-left: 25px;
    margin-top: 10px;
}


.closepop[b-ck4wwt9wxv] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-ck4wwt9wxv] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -10px;
    position: absolute;
    right: 19px;
}




.modal-body-revue[b-ck4wwt9wxv] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}


.modal-footer > :not(:first-child)[b-ck4wwt9wxv] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-ck4wwt9wxv] {
    margin-right: 0px;
}


/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content1[b-ck4wwt9wxv] {
    width: auto;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 1px 1px 1px 1px;
    margin-top: 51px;
    left: 0;
}

.modal-header-accepter1[b-ck4wwt9wxv] {
    width: 100%;
    height: 39px;
    background: #3399FF 0% 0% no-repeat padding-box;
    border-radius: 1px 1px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-ck4wwt9wxv] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}





/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-ck4wwt9wxv] {
    width: 100%;
    height: 42px;
    background: #3399FF 0% 0% no-repeat padding-box;
    border-radius: 1px 1px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-ck4wwt9wxv] {
    width:auto;
    height: auto;
    line-height: 15px;
}

.icon-popup[b-ck4wwt9wxv] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}



.label-pers[b-ck4wwt9wxv] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}




.span-prog-title[b-ck4wwt9wxv] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}




.div-footer[b-ck4wwt9wxv] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/




@media(max-height:657px) {
    .body-entry-time1[b-ck4wwt9wxv] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}




.btn-confirm[b-ck4wwt9wxv] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}


.modal-menu-content[b-ck4wwt9wxv] {
    width: 100%;
    height: 342px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border-radius: 3px;
    opacity: 1;
    position: fixed;
    bottom: 0;
}

.modal-body-menu[b-ck4wwt9wxv] {
}

.modal-div[b-ck4wwt9wxv] {
    background-color: rgb(34,47,62,.75);
    display: block;
}
/* /Components/TransfertJounalComponents/BoxTransfertDetailComponent.razor.rz.scp.css */
.detail[b-mh73pre87m] {
    border-bottom: 1px solid #F3EEEE;
    display: flex;
    flex-direction: row;
    padding-bottom: 18px;
}

.body-detail[b-mh73pre87m] {
    display: flex;
    flex-direction: row;
    margin-top: 14px;
}

.det[b-mh73pre87m] {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}

.box-lab[b-mh73pre87m] {
    margin-left: 7px;
    font-family: 'GravityBold';
    float: left;
    color: #024662;
    font-size: 14px;
    opacity: 1;
}

.box-p[b-mh73pre87m] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: right;
    color: #4C4C4C;
    opacity: 1;
    margin-top: -4px;
}

.box[b-mh73pre87m] {
    margin-left: 20px;
    margin-top: 20px;
}

.div-group-child-short[b-mh73pre87m] {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.span-name[b-mh73pre87m] {
    padding-top: 8px;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #35414C;
    opacity: 1;
}

.btnDiv:focus[b-mh73pre87m], .btnDiv:focus-visible[b-mh73pre87m], .btnDiv:active[b-mh73pre87m] {
    border: none;
    background: none;
    outline: none;
    height: 54px;
    width: 88px;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
    opacity: 1;
}

.btnDiv[b-mh73pre87m] {
    border: none;
    background: none;
    outline: none;
    color: #024662;
    font-size: 14px;
    font-family: 'GravityBold';
    opacity: 1;
    height: 60px;
    width: 88px;
}

.SubDiv[b-mh73pre87m] {
    margin-left: 7px;
}
/* /Components/TransfertJounalComponents/TransferJournalFilterModal.razor.rz.scp.css */
@media only screen and (max-width: 1050px) {

    .modal-dialog-filter[b-piy0w8l07z] {
        left: 15% !important;
    }
}
.modal-dialog-filter[b-piy0w8l07z] {
    max-width: 858px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-piy0w8l07z] {
    width: 858px;
 
}

.modal-header-filter[b-piy0w8l07z] {
    width: 858px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-piy0w8l07z] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-piy0w8l07z] {
    margin-top: 17px;
}

.closepop-entrerheure[b-piy0w8l07z] {
    float: right;
    margin-top: 0px;
}

.modal-body-filter[b-piy0w8l07z] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-piy0w8l07z] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-piy0w8l07z] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-piy0w8l07z] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-piy0w8l07z] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-piy0w8l07z] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/TransfertJounalComponents/TransfertDetailsHeader.razor.rz.scp.css */
.detail[b-8m2t0jcbl0] {
    border-bottom: 1px solid #F3EEEE;
    display: flex;
    flex-direction: row;
    padding-bottom: 18px;
}

.body-detail[b-8m2t0jcbl0] {
    display: flex;
    flex-direction: row;
    margin-top: 14px;
}

.det[b-8m2t0jcbl0] {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}

.box-lab[b-8m2t0jcbl0] {
    margin-left: 7px;
    font-family: 'GravityBold';
    float: left;
    color: #024662;
    font-size: 14px;
    opacity: 1;
}

.box-p[b-8m2t0jcbl0] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: right;
    color: #4C4C4C;
    opacity: 1;
}

.box[b-8m2t0jcbl0] {
    margin-left: 20px;
    margin-top: 20px;
}

.div-group-child-short[b-8m2t0jcbl0] {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.span-name[b-8m2t0jcbl0] {
    padding-top: 8px;
    font-size: 14px;
    font-family: 'GravityRegular';
    color: #35414C;
    opacity: 1;
}

.btnDiv:focus[b-8m2t0jcbl0], .btnDiv:focus-visible[b-8m2t0jcbl0], .btnDiv:active[b-8m2t0jcbl0] {
    border: none;
    background: none;
    outline: none;
    height: 54px;
    width: 88px;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
    opacity: 1;
}

.btnDiv[b-8m2t0jcbl0] {
    border: none;
    background: none;
    outline: none;
    color: #024662;
    font-size: 14px;
    font-family: 'GravityBold';
    opacity: 1;
    height: 60px;
    width: 88px;
}

.SubDiv[b-8m2t0jcbl0] {
    margin-left: 7px;
}

.btnDiv:focus[b-8m2t0jcbl0] {
    outline: none;
    border: none;
    outline: none;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
}

.btnDiv[b-8m2t0jcbl0] {
    height: 52px;
    width: 88px;
    background: none;
    border: none;
    color: #024662;
}

.champDet[b-8m2t0jcbl0] {
    display: flex;
    flex-direction: column;
}

.lineDet[b-8m2t0jcbl0] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelDet[b-8m2t0jcbl0] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}

.champTra[b-8m2t0jcbl0] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-8m2t0jcbl0] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-8m2t0jcbl0] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/TransfertJounalComponents/TransfertDetailsMore.razor.rz.scp.css */
.headmore[b-9buibauqm0] {
    background-color: rgba(199, 207, 216, 0.2);
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    height: 93px;
    padding-left: 22px;
    padding-right: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.IDmvtmore[b-9buibauqm0] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}

.champmore[b-9buibauqm0] {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    height: 100%;
    margin-top: 0px;
}

    .champmore:last-child[b-9buibauqm0] {
        border: none;
    }
/* /Components/TransfertJounalComponents/TransfertMoreInfoBoxComponent.razor.rz.scp.css */
body[b-iq6i2rbjbg] {
}
/* /Components/TransfertJounalComponents/TransfertPageComponents/TransfertJournalDetailsPageComponent.razor.rz.scp.css */

.IDmvt[b-svdp1w3jai] {
    font-family: 'GravityBold';
    font-size: 18px;
    color: #024662;
    text-align: left;
    opacity: 1;
    margin-left: 16px;
    padding-top: 3px;
}
/* /Components/TransfertJounalComponents/TransfertViews/BoxTransfertJournal.razor.rz.scp.css */
.box-lab[b-16mo18ygpt] {
    margin-left: 7px;
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    opacity: 1;
}

.box-p[b-16mo18ygpt] {
    margin-left: 20px;
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #4C4C4C;
    opacity: 1;
}

.iconShow[b-16mo18ygpt] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
}
/* /Components/TransfertJounalComponents/TransfertViews/BtnHeaderDiv.razor.rz.scp.css */

.left-btn[b-az6ploye3z] {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -7px;
}

a[b-az6ploye3z] {
    cursor: pointer;
    border: 0.5px solid red;
    width: 100%;
    height: 100%;
}

img[b-az6ploye3z] {
    width: 20px;
    height: 20px;
}
/* /Components/TransfertJounalComponents/TransfertViews/DivDetailList.razor.rz.scp.css */
.btnDiv:focus[b-w34jcw7v75] {
    outline: none;
    border: none;
    outline: none;
    color: #5D9BEE;
    border-bottom: 3px solid #5D9BEE;
}

.btnDiv[b-w34jcw7v75] {
    height: 52px;
    width: 88px;
    background: none;
    border: none;
    color: #024662;
}

.champDet[b-w34jcw7v75] {
    display: flex;
    flex-direction: column;
}

.lineDet[b-w34jcw7v75] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelDet[b-w34jcw7v75] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
.champTra[b-w34jcw7v75] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-w34jcw7v75] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-w34jcw7v75] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/TransfertJounalComponents/TransfertViews/ListJournal.razor.rz.scp.css */
.somme-card[b-jk6btp94u8] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    width: 301px;
    height: 382px;
    margin-top: 5px;
    margin-left: -400px;
    z-index: 5;
    position: relative;
}
td[b-jk6btp94u8]{
    width:12.5%;
}
[b-jk6btp94u8] .inputDouble{
    width:100% !important;
}
[b-jk6btp94u8] .selectClass {
    width: 100% !important;
}
.div-edit-delete[b-jk6btp94u8] {
    margin-right: 32px;
    margin-top: 8px;
}
.arrow-span[b-jk6btp94u8] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -19px;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
    z-index:1;
}
.imgProduit[b-jk6btp94u8] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 6px;
}


.imgSwitch[b-jk6btp94u8] {
    transition-duration: 0.4s;
    transition-property: transform;
}
.th-jrnl[b-jk6btp94u8]{
    padding-left:7px;
}
.popover-lab[b-jk6btp94u8] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}
.popover-p[b-jk6btp94u8] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}

.rotate[b-jk6btp94u8] {
    transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}
.champTra[b-jk6btp94u8] {
    display: flex;
    flex-direction: column;
}

.lineTra[b-jk6btp94u8] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelTra[b-jk6btp94u8] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}

.champDet[b-jk6btp94u8] {
    display: flex;
    flex-direction: column;
}

.lineDet[b-jk6btp94u8] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-bottom: 10px;
}

.LabelDet[b-jk6btp94u8] {
    margin-left: 11px;
    font-size: 14px;
    text-align: left;
    color: #024662;
    font-family: 'GravityBold';
    opacity: 1;
}
/* /Components/TransfertJounalComponents/TransfertViews/ListTransfertJournal.razor.rz.scp.css */
.arrow-span[b-76lves0zjz] {
    position: absolute;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -19px;
    margin-left: 15px;
    box-shadow: 2px 2px 4px #00000040;
    background-color: white;
    z-index:1;
}

.imgProduit[b-76lves0zjz] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 6px;
}


.imgSwitch[b-76lves0zjz] {
    transition-duration: 0.4s;
    transition-property: transform;
}

.th-jrnl[b-76lves0zjz] {
    padding-left: 7px;
}
.popover-lab[b-76lves0zjz] {
    font-family: 'GravityBold';
    font-size: 14px;
    color: #024662;
    margin-left: 10px;
    margin-top: 10px;
}

.popover-p[b-76lves0zjz] {
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #35414C;
}
.rotate[b-76lves0zjz] {
    transform: rotate(180deg); /* Équivalent à rotateZ(45deg) */
}
/* /Components/TransfertJounalComponents/TransfertViews/MoreInfoBoxComponent.razor.rz.scp.css */

@media screen and (min-width:500px) /*and (max-width:1200px)*/ {


    .formContent[b-j09y5dmbb7] {
        width: 70% !important;
        margin-left: 0px !important;
        padding-right: 0px !important;
    }
}
/* /Components/UnitOfMeasure/FilterModal.razor.rz.scp.css */
@media only screen and (max-width: 1050px) {

    .modal-dialog-filter[b-buddlyd8gm] {
        left: 15% !important;
    }
}
.modal-dialog-filter[b-buddlyd8gm] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-buddlyd8gm] {
    width: 850px;
    height: auto;
}
.label-style[b-buddlyd8gm] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}
.modal-header-filter[b-buddlyd8gm] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-buddlyd8gm] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-buddlyd8gm] {
    margin-top: 17px;
}

.closepop-entrerheure[b-buddlyd8gm] {
    float: right;
}

.modal-body-filter[b-buddlyd8gm] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-buddlyd8gm] {
    font-family: 'Franklin Gothic Medium Regular';
}


.modal-footer-filter[b-buddlyd8gm] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-buddlyd8gm] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-buddlyd8gm] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-buddlyd8gm] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
  
/* /Components/UnitOfMeasure/UnitOfMeasureModal.razor.rz.scp.css */
.modal-ts-content[b-8qn51ixtx6] {
    height:446px;
}
.modal-body-ts[b-8qn51ixtx6] {
    height: 346px;
}
.entry-details-div[b-8qn51ixtx6] {
    margin-left: 13px;
    margin-top: 7px;
}
.select-entry-style[b-8qn51ixtx6]{
    width:90%;
}
.div-box-date-container[b-8qn51ixtx6] {
    width: 90%;
}
/* /Components/UserComponents/AssignFeaturesToRoleModal.razor.rz.scp.css */
.modal-assign-content[b-pr8k85ijnl] {
    width: 800px;
    height:500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: -130px;
 
}
.modal-div[b-pr8k85ijnl] {
    background-color: rgb(34,47,62,.75);
    display: block;
}
.modal-title[b-pr8k85ijnl] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}
.modal-center-dialog[b-pr8k85ijnl] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.closepop[b-pr8k85ijnl] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}
.modal[b-pr8k85ijnl] {
    text-align: center;
    padding: 0 !important;
}
.modal-dialog[b-pr8k85ijnl]{
    width:unset;
    max-width:unset;
}
    .modal[b-pr8k85ijnl]:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog[b-pr8k85ijnl] {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.modal-header-assign[b-pr8k85ijnl] {
 
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-assign[b-pr8k85ijnl] {
    text-align: center;
    height: 400px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    overflow-y:scroll;
    align-items: center;
    flex-direction: column;
}

.modal-footer-assign[b-pr8k85ijnl] {
 
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-assign-qs[b-pr8k85ijnl] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-pr8k85ijnl] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
.img-footer[b-pr8k85ijnl] {
    width: 18px;
    height: 14px;
}

.div-footer[b-pr8k85ijnl] {
    width: 50%;
    text-align: center;
}
.arrow-left[b-pr8k85ijnl]{
background: url(/icons/deplacer-gauche.svg) no-repeat;
 height:50px;
margin-top: -3px;
background-size: 52px;
background-position: 0% 61%;
width: 46px;
float: right;
cursor: pointer;
border: none;
outline:none ;
}
    .arrow-left:hover[b-pr8k85ijnl] {
        background: url(/icons/deplacer-gauche-hover.svg) no-repeat;
        height: 50px;
        margin-top: -3px;
        background-size: 52px;
        background-position: 0% 61%;
        width: 46px;
        float: right;
        cursor: pointer;
        border: none;
    }
.arrow-right[b-pr8k85ijnl] {
    background: url(/icons/deplacer-droite.svg) no-repeat;
    margin-top: -3px;
    background-size: 56px;
    background-position: 0% 61%;
    width: 46px;
    float: right;
    cursor: pointer;
    border: none;
    outline: none;
    height: 50px;
}

    .arrow-right:hover[b-pr8k85ijnl] {
        height: 50px;
        background: url(/icons/deplacer-droite-hover.svg) no-repeat;
        margin-top: -3px;
        background-size: 56px;
        background-position: 0% 61%;
        width: 46px;
        float: right;
        cursor: pointer;
        border: none;
    }
/* /Components/UserComponents/AssignFeaturesToRolesModal.razor.rz.scp.css */
.modal-assign-content[b-n0gfap1r8b] {
    width: 800px;
    height: 500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: -130px;
}

.modal-div[b-n0gfap1r8b] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-title[b-n0gfap1r8b] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-center-dialog[b-n0gfap1r8b] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.closepop[b-n0gfap1r8b] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.modal[b-n0gfap1r8b] {
    text-align: center;
    padding: 0 !important;
}

.modal-dialog[b-n0gfap1r8b] {
    width: unset;
    max-width: unset;
}

.modal[b-n0gfap1r8b]:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog[b-n0gfap1r8b] {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-header-assign[b-n0gfap1r8b] {
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-assign[b-n0gfap1r8b] {
    text-align: center;
    height: 400px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    overflow-y: scroll;
    align-items: center;
    flex-direction: column;
}

.modal-footer-assign[b-n0gfap1r8b] {
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-assign-qs[b-n0gfap1r8b] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-n0gfap1r8b] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}

.img-footer[b-n0gfap1r8b] {
    width: 18px;
    height: 14px;
}

.div-footer[b-n0gfap1r8b] {
    width: 50%;
    text-align: center;
}

.arrow-left[b-n0gfap1r8b] {
    background: url(/icons/deplacer-gauche.svg) no-repeat;
    height: 50px;
    margin-top: -3px;
    background-size: 52px;
    background-position: 0% 61%;
    width: 46px;
    float: right;
    cursor: pointer;
    border: none;
    outline: none;
}

    .arrow-left:hover[b-n0gfap1r8b] {
        background: url(/icons/deplacer-gauche-hover.svg) no-repeat;
        height: 50px;
        margin-top: -3px;
        background-size: 52px;
        background-position: 0% 61%;
        width: 46px;
        float: right;
        cursor: pointer;
        border: none;
    }

.arrow-right[b-n0gfap1r8b] {
    background: url(/icons/deplacer-droite.svg) no-repeat;
    margin-top: -3px;
    background-size: 56px;
    background-position: 0% 61%;
    width: 46px;
    float: right;
    cursor: pointer;
    border: none;
    outline: none;
    height: 50px;
}

    .arrow-right:hover[b-n0gfap1r8b] {
        height: 50px;
        background: url(/icons/deplacer-droite-hover.svg) no-repeat;
        margin-top: -3px;
        background-size: 56px;
        background-position: 0% 61%;
        width: 46px;
        float: right;
        cursor: pointer;
        border: none;
    }
/* /Components/UserComponents/AssignResourcesToUserModal.razor.rz.scp.css */
.modal-assign-content[b-qykr74lnb2] {
    width: 800px;
    height:500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: -130px;
 
}
.modal[b-qykr74lnb2] {
    text-align: center;
    padding: 0 !important;
}
.modal-dialog[b-qykr74lnb2] {
    width: unset;
    max-width: unset;
}
    .modal[b-qykr74lnb2]:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-center-dialog[b-qykr74lnb2]{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.modal-dialog[b-qykr74lnb2] {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.tabl-style[b-qykr74lnb2]{
    width:300px !important;
}
.modal-header-assign[b-qykr74lnb2] {
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-assign[b-qykr74lnb2] {
    text-align: center;
    height: 400px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    overflow-y:scroll;
    align-items: center;
    flex-direction: column;
}

.modal-footer-assign[b-qykr74lnb2] {
 
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-assign-qs[b-qykr74lnb2] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-qykr74lnb2] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    border: none;
    outline: none !important;
    background: none;
}
.img-footer[b-qykr74lnb2] {
    width: 18px;
    height: 14px;
}

.div-footer[b-qykr74lnb2] {
    width: 50%;
    text-align: center;
}
.arrow-left[b-qykr74lnb2]{
background: url(/icons/deplacer-gauche.svg) no-repeat;
 height:50px;
margin-top: -3px;
background-size: 52px;
background-position: 0% 61%;
width: 46px;
float: right;
cursor: pointer;
border: none;
outline:none !important;
}
    .arrow-left:hover[b-qykr74lnb2] {
        background: url(/icons/deplacer-gauche-hover.svg) no-repeat;
        height: 50px;
        margin-top: -3px;
        background-size: 52px;
        background-position: 0% 61%;
        width: 46px;
        float: right;
        cursor: pointer;
        border: none;
    }
.arrow-right[b-qykr74lnb2] {
    background: url(/icons/deplacer-droite.svg) no-repeat;
    margin-top: -3px;
    background-size: 56px;
    background-position: 0% 61%;
    width: 46px;
    float: right;
    cursor: pointer;
    border: none;
    outline: none !important;
    height: 50px;
}

    .arrow-right:hover[b-qykr74lnb2] {
        height: 50px;
        background: url(/icons/deplacer-droite-hover.svg) no-repeat;
        margin-top: -3px;
        background-size: 56px;
        background-position: 0% 61%;
        width: 46px;
        float: right;
        cursor: pointer;
        border: none;
    }
[b-qykr74lnb2] .searchinput {
    box-shadow: 1px 1px 2px #00000029;
    width: 374px;
    height: 48px;
    display:flex;
}
/* /Components/UserComponents/AssignRolesToUserModal.razor.rz.scp.css */
.modal-back[b-7c713ddidr] {
    background-color: rgb(34,47,62,.75);
}

.modal-dialog-popup[b-7c713ddidr] {
    max-width: 800px;
    width: 800px;
    position: fixed;
    left: 25%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    opacity: 1;
    border-radius: 9px 9px 9px 9px;
}


.popup-footer[b-7c713ddidr] {
    margin-top: 20px;
    background-color: #F4F7FA;
    z-index: 1;
    border-radius: 0px 0px 10px 7px;
}

[b-7c713ddidr] .popup-footer {
    margin-top: 20px;
    background-color: #F4F7FA;
    z-index: 1;
    border-radius: 0px 0px 10px 7px;
}

.modal-content-popup[b-7c713ddidr] {
    width: 433px;
    height: auto;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-popup[b-7c713ddidr] {
    width: 433px;
    margin-left: 0px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    height: 60px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 9px 9px 0px 0px;
}

.modal-title-popup[b-7c713ddidr] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: GravityBold;
    padding-left: 25px;
}


.closepop-entrerheure[b-7c713ddidr] {
    margin-left: 0px;
}

[b-7c713ddidr] .modal-body-add {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-7c713ddidr] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}

.arrow_left[b-7c713ddidr] {
    background: url(/icons/deplacer-gauche.svg) no-repeat;
    height: 50px;
    background-size: 52px;
    background-position: 0% 61%;
    width: 46px;
    float: right;
    cursor: pointer;
    border: none;
    outline: none !important;
}

    .arrow_left:hover[b-7c713ddidr] {
        background: url(/icons/deplacer-gauche-hover.svg) no-repeat;
        height: 50px;
        background-size: 52px;
        background-position: 0% 61%;
        width: 46px;
        float: right;
        cursor: pointer;
        border: none;
    }

.modal-center-dialog[b-7c713ddidr] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* /Components/UserComponents/DetailsResourceDiv.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.resource-details-div[b-uazmhb65gc] {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}


@media (min-width: 1265px) {
    .div-line[b-uazmhb65gc] {
        display: flex;
    }
}

@media (max-width: 1265px) {
    .div-line[b-uazmhb65gc] {
        display: grid;
    }
}

@media (min-width: 460px) {
    .div-line-col[b-uazmhb65gc] {
        display: flex;
    }
}

@media (max-width: 660px) {
    .div-line-col[b-uazmhb65gc] {
        display: grid;
    }
}

.content-resource-div[b-uazmhb65gc] {
    max-width: 1382px;
}

.resource-container-div[b-uazmhb65gc] {
    display: flex;
    flex-direction: row;
}

.div-resource-group[b-uazmhb65gc] {
    display: flex;
    padding-top: 20px;
}

.icon-resource-code[b-uazmhb65gc] {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

.div-resource-group-child[b-uazmhb65gc] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.resource-code[b-uazmhb65gc] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

.resource-name[b-uazmhb65gc] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

.img-round[b-uazmhb65gc] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.prj-img-style[b-uazmhb65gc] {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

.prj-btn-style[b-uazmhb65gc] {
    width: 100%;
    display: grid;
    justify-items: center;
}

.div-prj-left[b-uazmhb65gc] {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

.first-row[b-uazmhb65gc] {
    padding-left: 9px;
    padding-top: 20px;
}

.input-prj-style[b-uazmhb65gc] {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    .div-note-content[b-uazmhb65gc] {
        height: unset !important;
    }

    .div-note-content[b-uazmhb65gc] {
        flex-direction: column;
    }

    .div-espace-note[b-uazmhb65gc] {
        margin-left: 54px !important;
    }

    .div-notee[b-uazmhb65gc] {
        margin-top: -34px;
        margin-left: 48px;
    }

    .div-text-note[b-uazmhb65gc] {
        margin-top: 0px !important;
    }
}

.div-note-container[b-uazmhb65gc] {
    padding-right: 15px;
}

.span-prj-number[b-uazmhb65gc] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-prj-title[b-uazmhb65gc] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.col-prj[b-uazmhb65gc] {
    padding-left: 0px;
}

.icon-resource-client[b-uazmhb65gc] {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

.input-icon[b-uazmhb65gc] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

.iconcal[b-uazmhb65gc] {
    background: #FFFFFF url(/icons/resource_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    .div-dashboard[b-uazmhb65gc] {
        display: none;
    }
}

.img-usr-prj[b-uazmhb65gc] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

.second-row[b-uazmhb65gc] {
    padding-top: 15px;
    padding-left: 9px;
}

.third-row[b-uazmhb65gc] {
    padding-top: 33px;
    padding-left: 9px;
}

.icon-statut-prj[b-uazmhb65gc] {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

.img-date-prj[b-uazmhb65gc] {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

.span-hour-prj[b-uazmhb65gc] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

.div-hour[b-uazmhb65gc] {
    margin-top: 4px;
}

.img-hour-prj[b-uazmhb65gc] {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

.color-resource-cercle[b-uazmhb65gc] {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

.color-resource-purple[b-uazmhb65gc] {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

.color-resource-orange[b-uazmhb65gc] {
    background: #FD9644 0% 0% no-repeat padding-box;
}

.color-resource-blue[b-uazmhb65gc] {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

.color-resource-green[b-uazmhb65gc] {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

.cercle-selected-color[b-uazmhb65gc] {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


.chec[b-uazmhb65gc] {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

check-span[b-uazmhb65gc] {
    content: "\2713";
}

.prj-textarea[b-uazmhb65gc] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

textarea[b-uazmhb65gc]::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

.last-row[b-uazmhb65gc] {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    .textarea-note-style[b-uazmhb65gc] {
        margin-left: 9px;
    }
}


.div-item-prj[b-uazmhb65gc] {
    padding-top: 27px;
    padding-right: 11px;
}

.div-item-prj-p[b-uazmhb65gc] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

.div-prj-container[b-uazmhb65gc] {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

.div-prj[b-uazmhb65gc] {
    display: flex;
    flex-direction: column;
    width: 25%;
}

.div-cont-prj[b-uazmhb65gc] {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    .div-note-content[b-uazmhb65gc] {
        height: unset !important;
    }

    .div-note-content[b-uazmhb65gc] {
        flex-direction: column;
    }

    .div-espace-note[b-uazmhb65gc] {
        margin-left: 54px !important;
    }

    .div-notee[b-uazmhb65gc] {
        margin-top: -34px;
        margin-left: 48px;
    }

    .div-text-note[b-uazmhb65gc] {
        margin-top: 0px !important;
    }
}

[b-uazmhb65gc]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}


.card-info[b-uazmhb65gc] {
    max-width: 100%;
    border-radius: 0px;
    margin-top: -5px;
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.img-statut[b-uazmhb65gc] {
    height: 44px;
    width: 44px;
    margin-top: 6px;
    margin-left: -13px;
}

.input-style[b-uazmhb65gc] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*    max-width:174px;
    min-width:127px;*/
    height: 35px;
    width: 90%;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 15px;
    color: #35414C;
    padding: 14px;
}

.span-number[b-uazmhb65gc] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-title[b-uazmhb65gc] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.c1[b-uazmhb65gc], .c2[b-uazmhb65gc] {
    display: inline-table;
}

.span-task-number[b-uazmhb65gc] {
    margin-left: 10px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-task-name[b-uazmhb65gc] {
    margin-left: 10px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-date-creation[b-uazmhb65gc] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 13px;
}

.span-source[b-uazmhb65gc] {
    font-family: 'Franklin Book Regular';
    text-align: left;
    font-size: 11px;
    color: #35414C;
    margin-left: 4px;
}

.label-per[b-uazmhb65gc] {
    font-family: 'Franklin Gothic Book Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    margin-bottom: 0px;
}

@media(min-width:1220px) {
    .label-per[b-uazmhb65gc] {
        margin-left: 123px;
    }
}

.prog-style[value][b-uazmhb65gc] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    margin-top: 1px;
    width: 90%;
    height: 8px;
    margin-left: 15px;
}

    .prog-style[value][b-uazmhb65gc]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .prog-style[value][b-uazmhb65gc]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.datestyle[b-uazmhb65gc] {
    overflow: visible;
    width: 80px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: rgba(87,101,116,1);
}

.dateimg[b-uazmhb65gc] {
    width: 14px;
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 2px;
}

.div-left-menu[b-uazmhb65gc] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border: 0.25px solid #E6E6E6;
    opacity: 1;
    display: flex;
    flex-direction: row;
    margin-top: -7px;
    padding: 0px;
}

.div-ressource[b-uazmhb65gc] {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 187px;
    left: 771px;
}

.show[b-uazmhb65gc] {
    display: block;
}

.hide[b-uazmhb65gc] {
    display: none;
}

.btn-assignto[b-uazmhb65gc] {
    position: absolute;
    top: 150px;
    left: 781px;
    height: 43px;
    width: 149px;
    margin-left: -25px;
    border: none;
    background-color: transparent;
    outline: none !important;
    cursor: pointer;
}
/*   ------------------------------------------------ */

.div-taskdetail-header[b-uazmhb65gc] {
    display: inline-table;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    width: 100%;
}

.div-container-taskdetail[b-uazmhb65gc] {
    display: flex;
    flex-direction: row;
}

.div-taskdetail-left[b-uazmhb65gc] {
    max-width: 986px;
    min-width: 632px;
    padding: 0px;
    margin-top: -3px;
}

.div-scroll-items[b-uazmhb65gc] {
    overflow-y: scroll;
    height: calc(100vh - 320px);
}

.div-leftmenu-container[b-uazmhb65gc] {
    min-width: 337px;
    max-width: 393px;
}

.div-dash[b-uazmhb65gc] {
    padding: 0px;
    display: none;
}

@media only screen and (max-width: 800px) {
    .card-info[b-uazmhb65gc] {
        width: 760px;
    }
}

@media only screen and (max-width: 1300px) {
    .div-container-taskdetail[b-uazmhb65gc] {
        overflow: scroll;
    }

    .img-map[b-uazmhb65gc] {
        width: 335px;
    }
}

@media only screen and (max-width: 1250px) {
    /*    .input-style {
        max-width: 127px;
        min-width: 107px;
        
    }*/
    .label-per[b-uazmhb65gc] {
        text-align: end;
    }

    .prog-style[b-uazmhb65gc] {
        width: 85%;
    }
}

@media only screen and (min-width: 1250px) {
    .input-style[b-uazmhb65gc] {
        /*    max-width: 174px;
        min-width: 123px;*/
    }
}

@media only screen and (max-width: 1290px) {
    .card-info-body[b-uazmhb65gc] {
        /*        padding-left: 10px;
*/ padding-right: 20px;
    }
}

@media only screen and (max-width: 1320px) {
}

.label-per[b-uazmhb65gc] {
    margin-left: 93px;
}

.prog-style[b-uazmhb65gc] {
    width: 85%;
}

}

@media only screen and (min-width: 1250px) {
    .input-style[b-uazmhb65gc] {
        max-width: 174px;
        min-width: 123px;
    }
}

@media only screen and (max-width: 1290px) {
    .card-info-body[b-uazmhb65gc] {
        /*        padding-left: 10px;
*/ padding-right: 20px;
    }
}

@media (min-width:960px) {
    .taskdetail-col-sec[b-uazmhb65gc] {
        /*padding-left: 31px;*/
    }
}

@media only screen and (max-width: 1320px) {

    /* .div-espace-note {
     margin-left:9px !important;
    }*/
    /*   .btnstyle {
        padding: 0px;
    }*/
}

.btnstyle[b-uazmhb65gc], .btn-competence[b-uazmhb65gc], .btnstyle-note[b-uazmhb65gc] {
    width: 100% !important;
    display: grid !important;
    justify-items: center !important;
}

.div-box-action[b-uazmhb65gc] {
    width: 57px;
    height: 54px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    z-index: 1;
}

.img-action[b-uazmhb65gc] {
    width: 28px;
    height: 26px;
    margin-left: 15px;
    margin-top: 14px;
}

.ul-action[b-uazmhb65gc] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #40414240;
    border-radius: 5px;
    opacity: 1;
    width: 164px;
    height: 84px;
    z-index: 1;
}

.li-action[b-uazmhb65gc] {
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
}

@media (max-width: 1224px) {
    .span-task-name[b-uazmhb65gc] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 16ch;
        display: block;
        vertical-align: middle;
    }
}

.taskdetail-firstrow[b-uazmhb65gc] {
    display: flex;
    flex-direction: row;
    margin-left: 20px;
}

.taskdetail-secondrow[b-uazmhb65gc] {
    display: flex;
    flex-direction: row;
    margin-left: 29px;
    margin-top: 14px;
}

.taskdetail-col[b-uazmhb65gc] {
    display: flex;
    flex-direction: column;
    height: 85px;
    padding: 0px !important;
}

.taskdetail-col-first[b-uazmhb65gc] {
    display: flex;
    flex-direction: column;
}

.taskdetail-col-sec[b-uazmhb65gc] {
    display: flex;
    flex-direction: column;
}


.card-infos-container[b-uazmhb65gc] {
    display: flex;
    width: 100%;
}

.div-taskdetail-first[b-uazmhb65gc] {
    min-width: 201px;
}

.div-taskdetail-col[b-uazmhb65gc] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
    min-width: 201px;
    max-width: 250px;
}

.icon-project-code[b-uazmhb65gc] {
    width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
}
/* /Components/UserComponents/EditUserModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-o0aoq43n4b] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}
.modal-center-dialog[b-o0aoq43n4b] {
    position: absolute;
    left: 205px;
    top: 306px;
    transform: translate(-50%, -50%);
}

[b-o0aoq43n4b] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-o0aoq43n4b] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-o0aoq43n4b] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-o0aoq43n4b] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-o0aoq43n4b] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-o0aoq43n4b] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-o0aoq43n4b] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-o0aoq43n4b] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-o0aoq43n4b] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-o0aoq43n4b] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-o0aoq43n4b] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-o0aoq43n4b] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-o0aoq43n4b] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-o0aoq43n4b] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-o0aoq43n4b] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-o0aoq43n4b] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-o0aoq43n4b] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-o0aoq43n4b] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-o0aoq43n4b] .column-3:hover, .column-3:focus[b-o0aoq43n4b] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-o0aoq43n4b] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-o0aoq43n4b] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-o0aoq43n4b] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-o0aoq43n4b] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-o0aoq43n4b] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-o0aoq43n4b] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-o0aoq43n4b] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-o0aoq43n4b] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-o0aoq43n4b] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-o0aoq43n4b] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-o0aoq43n4b] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-o0aoq43n4b] {
    margin-left: 110px;
    width: 333px;
    margin-top: 62px;
    background: white;
    height: 533px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-o0aoq43n4b] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-o0aoq43n4b] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-o0aoq43n4b] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
/*    height: 161px;
*/}

.note-ts-pos[b-o0aoq43n4b] {
    margin-left: 14px;
}

.modal-ts-footer[b-o0aoq43n4b] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-o0aoq43n4b] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-o0aoq43n4b] {
    background-color: #00b665;
}

    .switch input:checked + label[b-o0aoq43n4b]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-o0aoq43n4b]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-o0aoq43n4b] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-o0aoq43n4b] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}



.switch[b-o0aoq43n4b] {
    width: 100%;
}

    .switch input[type=checkbox][b-o0aoq43n4b] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-o0aoq43n4b] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-o0aoq43n4b] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-o0aoq43n4b] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

input[type="date"][b-o0aoq43n4b]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 170px;
    margin-left: -28px;
    position: absolute;
    cursor: pointer;
}

.input-entry-style[b-o0aoq43n4b] {
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
/*    width: 85%;
*/    outline: none;
}

.input-date[b-o0aoq43n4b] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
/* /Components/UserComponents/FilterModalRole.razor.rz.scp.css */

.modal-dialog[b-kx4a59xe4c] {
    max-width: 580px;
    width: 580px;
    position: fixed;
    top: 25%;
    left: 40%;
}
@media screen and (max-width: 1024px) {
    .modal-dialog[b-kx4a59xe4c] {
        max-width: 580px;
        width: 580px;
        position: fixed;
        top: 18%;
        left: 30%;
    }
}
.modal-filter-content[b-kx4a59xe4c] {
    width: 580px;
    height: auto;
}
.label-style[b-kx4a59xe4c]    {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}

.modal-header-filter[b-kx4a59xe4c] {
    width: 580px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-kx4a59xe4c] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-kx4a59xe4c] {
    margin-top: 17px;
}

.closepop-entrerheure[b-kx4a59xe4c] {
    float: right;
}

.modal-body-filter[b-kx4a59xe4c] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-kx4a59xe4c] {
    font-family: 'Franklin Gothic Medium Regular';
}

.modal-footer-filter[b-kx4a59xe4c] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-kx4a59xe4c] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-kx4a59xe4c] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-kx4a59xe4c] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
  
/* /Components/UserComponents/FilterModalUser.razor.rz.scp.css */

.modal-dialog-filter[b-h6h1kf090c] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-h6h1kf090c] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-h6h1kf090c] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-h6h1kf090c] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-h6h1kf090c] {
    margin-top: 17px;
}

.closepop-entrerheure[b-h6h1kf090c] {
    float: right;
}

.modal-body-filter[b-h6h1kf090c] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-h6h1kf090c] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-h6h1kf090c] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-h6h1kf090c] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-h6h1kf090c] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-h6h1kf090c] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
/* /Components/UserComponents/GeneralContentsComponent.razor.rz.scp.css */
.produit[b-ji110xhumq] {
    background-size: 40px;
    width: 200px;
    height: 150px;
    border: 1px dashed #024662;
    box-shadow: 0px 0px 13px rgb(67 74 84 / 50%);
    margin-left: auto;
    color: #024662;
    font-size: 14px;
    text-align: center;
    font-family: Franklin Gothic;
    vertical-align: central;
    opacity: 0.9;
}

.line[b-ji110xhumq] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    columns: 3 ;
    place-content: space-between;
}


.form-control:disabled[b-ji110xhumq], .form-control[readonly][b-ji110xhumq] {
   background-color:transparent !important;
}
    .line2[b-ji110xhumq] {
    columns: 2;
}
/* /Components/UserComponents/NewUserModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-uhgu46g5fd] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

[b-uhgu46g5fd] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-uhgu46g5fd] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-uhgu46g5fd] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-uhgu46g5fd] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-uhgu46g5fd] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-uhgu46g5fd] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-uhgu46g5fd] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-uhgu46g5fd] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-uhgu46g5fd] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-uhgu46g5fd] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-uhgu46g5fd] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-uhgu46g5fd] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-uhgu46g5fd] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-uhgu46g5fd] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-uhgu46g5fd] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-uhgu46g5fd] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-uhgu46g5fd] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-uhgu46g5fd] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-uhgu46g5fd] .column-3:hover, .column-3:focus[b-uhgu46g5fd] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-uhgu46g5fd] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-uhgu46g5fd] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-uhgu46g5fd] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-uhgu46g5fd] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-uhgu46g5fd] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-uhgu46g5fd] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-uhgu46g5fd] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-uhgu46g5fd] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-uhgu46g5fd] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-uhgu46g5fd] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-uhgu46g5fd] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-uhgu46g5fd] {
    margin-left: 110px;
    width: 333px;
    margin-top: 62px;
    background: white;
    height: 262px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-uhgu46g5fd] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-uhgu46g5fd] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-uhgu46g5fd] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 161px;
}

.note-ts-pos[b-uhgu46g5fd] {
    margin-left: 14px;
}

.modal-ts-footer[b-uhgu46g5fd] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-uhgu46g5fd] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-uhgu46g5fd] {
    background-color: #00b665;
}

    .switch input:checked + label[b-uhgu46g5fd]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-uhgu46g5fd]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-uhgu46g5fd] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-uhgu46g5fd] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}
 

.switch[b-uhgu46g5fd] {
    width: 100%;
}

    .switch input[type=checkbox][b-uhgu46g5fd] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-uhgu46g5fd] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-uhgu46g5fd] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-uhgu46g5fd] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

input[type="date"][b-uhgu46g5fd]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 170px;
    margin-left: -28px;
    position: absolute;
    cursor: pointer;
}
.input-entry-style[b-uhgu46g5fd] {
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width:85%;
    outline: none;
}
.input-date[b-uhgu46g5fd] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
/* /Components/UserComponents/RoleDetails.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-info-content[b-bgh0ihav3n] {
    max-width: 100%;
    border-radius: 0px;
 
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
    height: 100%;
}

[b-bgh0ihav3n] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-bgh0ihav3n] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-bgh0ihav3n] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-bgh0ihav3n] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-bgh0ihav3n] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-bgh0ihav3n] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-bgh0ihav3n] .div-line-col {
        display: grid;
    }
}

[b-bgh0ihav3n] .content-project-div {
    max-width: 1382px;
}

[b-bgh0ihav3n] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-bgh0ihav3n] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-bgh0ihav3n] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-bgh0ihav3n] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-bgh0ihav3n] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-bgh0ihav3n] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-bgh0ihav3n] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-bgh0ihav3n] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-bgh0ihav3n] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-bgh0ihav3n] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-bgh0ihav3n] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-bgh0ihav3n] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-bgh0ihav3n] .div-note-content {
        height: unset !important;
    }

    [b-bgh0ihav3n] .div-note-content {
        flex-direction: column;
    }

    [b-bgh0ihav3n] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-bgh0ihav3n] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-bgh0ihav3n] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-bgh0ihav3n] .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-bgh0ihav3n] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-bgh0ihav3n] .col-prj {
    padding-left: 0px;
}

[b-bgh0ihav3n] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-bgh0ihav3n] .input-style, .input-icon[b-bgh0ihav3n] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-bgh0ihav3n] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-bgh0ihav3n] .div-dashboard {
        display: none;
    }
}

[b-bgh0ihav3n] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-bgh0ihav3n] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-bgh0ihav3n] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-bgh0ihav3n] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-bgh0ihav3n] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-bgh0ihav3n] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-bgh0ihav3n] .div-hour {
    margin-top: 4px;
}

[b-bgh0ihav3n] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-bgh0ihav3n] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-bgh0ihav3n] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-bgh0ihav3n] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-bgh0ihav3n] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-bgh0ihav3n] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-bgh0ihav3n] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-bgh0ihav3n] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-bgh0ihav3n] check-span {
    content: "\2713";
}

[b-bgh0ihav3n] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-bgh0ihav3n] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-bgh0ihav3n] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-bgh0ihav3n] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-bgh0ihav3n] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-bgh0ihav3n] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-bgh0ihav3n] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-bgh0ihav3n] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-bgh0ihav3n] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-bgh0ihav3n] .div-note-content {
        height: unset !important;
    }

    [b-bgh0ihav3n] .div-note-content {
        flex-direction: column;
    }

    [b-bgh0ihav3n] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-bgh0ihav3n] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-bgh0ihav3n] .div-text-note {
        margin-top: 0px !important;
    }
}

@media (max-width:550px) {

    [b-bgh0ihav3n] .div-prj-container {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .card-info-content[b-bgh0ihav3n] {
        height: unset !important;
    }

    .input-icon[b-bgh0ihav3n], .input-prj-style[b-bgh0ihav3n], .prj-textarea[b-bgh0ihav3n] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}

.list-info-list[b-bgh0ihav3n] {
    overflow: scroll;
    height: calc(100vh - 98px);
}

@media (min-width:550px) and (max-width:900px) {

    .div-prj-container[b-bgh0ihav3n] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .card-info-content[b-bgh0ihav3n] {
        height: unset !important;
    }

    .input-icon[b-bgh0ihav3n], .input-prj-style[b-bgh0ihav3n], .prj-textarea[b-bgh0ihav3n] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}
/* /Components/UserComponents/SecondHeader.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}


.btn-new[b-ypait2mbor] {
    border: none;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #222F3E;
    width: 120px;
    height: 40px;
    margin-left: 45px;
    margin-top: 5px;
    margin-bottom: 7px;
    display: flex;
    flex-direction: column;
}

    .btn-new:hover[b-ypait2mbor] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 120px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

    .btn-new:focus[b-ypait2mbor], .btn-new-task:focus-visible[b-ypait2mbor], .btn-new-task:active[b-ypait2mbor] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #222F3E;
        box-shadow: 3px 3px 3px 3px #00000040;
        width: 120px;
        height: 40px;
        margin-left: 45px;
        margin-top: 5px;
        margin-bottom: 7px;
        display: flex;
        flex-direction: column;
    }

.img-add[b-ypait2mbor] {
    padding-left: 45px;
    padding-top: 2px;
}

.second-header-div[b-ypait2mbor] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    height: 55px;
}

.btn-style[b-ypait2mbor] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
}

.btn-action-style[b-ypait2mbor] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 54px;
    letter-spacing: 0.28px;
    color: #576574;
    width: 164px;
    height: 42.5px;
    margin-left: -41px;
    outline: none !important;
}

    .btn-action-style:hover[b-ypait2mbor] {
        background: #FCFBFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 3px 6px #00000040;
        opacity: 1;
    }

.btn-style:hover[b-ypait2mbor] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}

.btn-style:focus[b-ypait2mbor], .btn-style:focus-visible[b-ypait2mbor], .btn-style:active[b-ypait2mbor] {
    border: none;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #576574;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
}


.img-style[b-ypait2mbor] {
    margin-top: 9px;
    width: 20px;
    height: 18px;
}

.img-style-action[b-ypait2mbor] {
    margin-right: 8px;
    margin-top: 0px;
    width: 20px;
    height: 18px;
}
/* /Components/UserComponents/SecondHeaderDetail.razor.rz.scp.css */
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-akgpr9yx24]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}


.card-info[b-akgpr9yx24] {
    max-width: 100%;
    border-radius: 0px;
    margin-top: -5px;
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.img-statut[b-akgpr9yx24] {
    height: 44px;
    width: 44px;
    margin-top: 6px;
    margin-left: -13px;
}

.input-style[b-akgpr9yx24] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*    max-width:174px;
    min-width:127px;*/
    height: 35px;
    width: 90%;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 15px;
    color: #35414C;
    padding: 14px;
}

.span-number[b-akgpr9yx24] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-title[b-akgpr9yx24] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.c1[b-akgpr9yx24], .c2[b-akgpr9yx24] {
    display: inline-table;
}

.span-task-number[b-akgpr9yx24] {
    margin-left: 10px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-task-name[b-akgpr9yx24] {
    margin-left: 10px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-date-creation[b-akgpr9yx24] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 13px;
}

.span-source[b-akgpr9yx24] {
    font-family: 'Franklin Book Regular';
    text-align: left;
    font-size: 11px;
    color: #35414C;
    margin-left: 4px;
}

.label-per[b-akgpr9yx24] {
    font-family: 'Franklin Gothic Book Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    margin-bottom: 0px;
}

@media(min-width:1220px) {
    .label-per[b-akgpr9yx24] {
        margin-left: 123px;
    }
}

.prog-style[value][b-akgpr9yx24] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    margin-top: 1px;
    width: 90%;
    height: 8px;
    margin-left: 15px;
}

    .prog-style[value][b-akgpr9yx24]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .prog-style[value][b-akgpr9yx24]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.datestyle[b-akgpr9yx24] {
    overflow: visible;
    width: 80px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: rgba(87,101,116,1);
}

.dateimg[b-akgpr9yx24] {
    width: 14px;
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 2px;
}

.div-left-menu[b-akgpr9yx24] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border: 0.25px solid #E6E6E6;
    opacity: 1;
    display: flex;
    flex-direction: row;
    margin-top: -7px;
    padding: 0px;
}

.div-ressource[b-akgpr9yx24] {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 187px;
    left: 771px;
}

.show[b-akgpr9yx24] {
    display: block;
}

.hide[b-akgpr9yx24] {
    display: none;
}

.btn-assignto[b-akgpr9yx24] {
    position: absolute;
    top: 150px;
    left: 781px;
    height: 43px;
    width: 149px;
    margin-left: -25px;
    border: none;
    background-color: transparent;
    outline: none !important;
    cursor: pointer;
}
/*   ------------------------------------------------ */

.div-taskdetail-header[b-akgpr9yx24] {
    display: inline-table;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    width: 100%;
}

.div-container-taskdetail[b-akgpr9yx24] {
    display: flex;
    flex-direction: row;
}

.div-taskdetail-left[b-akgpr9yx24] {
    max-width: 986px;
    min-width: 632px;
    padding: 0px;
    margin-top: -3px;
}

.div-scroll-items[b-akgpr9yx24] {
    overflow-y: scroll;
    height: calc(100vh - 320px);
}

.div-leftmenu-container[b-akgpr9yx24] {
    min-width: 337px;
    max-width: 393px;
}

.div-dash[b-akgpr9yx24] {
    padding: 0px;
    display: none;
}

@media only screen and (max-width: 800px) {
    .card-info[b-akgpr9yx24] {
        width: 760px;
    }
}

@media only screen and (max-width: 1300px) {
    .div-container-taskdetail[b-akgpr9yx24] {
        overflow: scroll;
    }

    .img-map[b-akgpr9yx24] {
        width: 335px;
    }
}

@media only screen and (max-width: 1250px) {
    /*    .input-style {
        max-width: 127px;
        min-width: 107px;
        
    }*/
    .label-per[b-akgpr9yx24] {
        text-align: end;
    }

    .prog-style[b-akgpr9yx24] {
        width: 85%;
    }
}

@media only screen and (min-width: 1250px) {
    .input-style[b-akgpr9yx24] {
        /*    max-width: 174px;
        min-width: 123px;*/
    }
}

@media only screen and (max-width: 1290px) {
    .card-info-body[b-akgpr9yx24] {
        /*        padding-left: 10px;
*/ padding-right: 20px;
    }
}

@media only screen and (max-width: 1320px) {
 

.label-per[b-akgpr9yx24] {
    margin-left: 93px;
}

.prog-style[b-akgpr9yx24] {
    width: 85%;
}

}

@media only screen and (min-width: 1250px) {
    .input-style[b-akgpr9yx24] {
        max-width: 174px;
        min-width: 123px;
    }
}

@media only screen and (max-width: 1290px) {
    .card-info-body[b-akgpr9yx24] {
        /*        padding-left: 10px;
*/ padding-right: 20px;
    }
}

@media (min-width:960px) {
    .taskdetail-col-sec[b-akgpr9yx24] {
        /*padding-left: 31px;*/
    }
}

@media only screen and (max-width: 1320px) {

    /* .div-espace-note {
     margin-left:9px !important;
    }*/
    /*   .btnstyle {
        padding: 0px;
    }*/
}

.btnstyle[b-akgpr9yx24], .btn-competence[b-akgpr9yx24], .btnstyle-note[b-akgpr9yx24] {
    width: 100% !important;
    display: grid !important;
    justify-items: center !important;
}

.div-box-action[b-akgpr9yx24] {
    width: 57px;
    height: 54px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    z-index: 1;
}

.img-action[b-akgpr9yx24] {
    width: 28px;
    height: 26px;
    margin-left: 15px;
    margin-top: 14px;
}

.ul-action[b-akgpr9yx24] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #40414240;
    border-radius: 5px;
    opacity: 1;
    width: 164px;
    height: 84px;
    z-index: 1;
}

.li-action[b-akgpr9yx24] {
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
}

@media (max-width: 1224px) {
    .span-task-name[b-akgpr9yx24] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 16ch;
        display: block;
        vertical-align: middle;
    }
}

.taskdetail-firstrow[b-akgpr9yx24] {
    display: flex;
    flex-direction: row;
    margin-left: 20px;
}

.taskdetail-secondrow[b-akgpr9yx24] {
    display: flex;
    flex-direction: row;
    margin-left: 29px;
    margin-top: 14px;
}

.taskdetail-col[b-akgpr9yx24] {
    display: flex;
    flex-direction: column;
    height: 85px;
    padding: 0px !important;
}

.taskdetail-col-first[b-akgpr9yx24] {
    display: flex;
    flex-direction: column;
}

.taskdetail-col-sec[b-akgpr9yx24] {
    display: flex;
    flex-direction: column;
}
/*@media (min-width:925px) {
    .div-cont-prj {
        top: unset !important;
    }
}
@media (max-width:1182px) {
    .div-cont-prj {
        top: unset !important;
    }
}*/




.card-infos-container[b-akgpr9yx24] {
    display: flex;
    width: 100%;
}

.div-taskdetail-first[b-akgpr9yx24] {
    min-width: 201px;
}

.div-taskdetail-col[b-akgpr9yx24] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
    min-width: 201px;
    max-width: 250px;
}

.icon-project-code[b-akgpr9yx24] {
    width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
}
.second-header-div[b-akgpr9yx24] {
    border-bottom: 1px solid #eaeaea;
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
    height: 55px;
}
/* /Components/UserComponents/UserDetails.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-info-content[b-1xng5mq8dd] {
    max-width: 100%;
    border-radius: 0px;
 
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
    height: 100%;
}

[b-1xng5mq8dd] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 656px) {
    [b-1xng5mq8dd] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-1xng5mq8dd] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-1xng5mq8dd] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-1xng5mq8dd] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-1xng5mq8dd] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-1xng5mq8dd] .div-line-col {
        display: grid;
    }
}

[b-1xng5mq8dd] .content-project-div {
    max-width: 1382px;
}

[b-1xng5mq8dd] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-1xng5mq8dd] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-1xng5mq8dd] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-1xng5mq8dd] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-1xng5mq8dd] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-1xng5mq8dd] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-1xng5mq8dd] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-1xng5mq8dd] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-1xng5mq8dd] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-1xng5mq8dd] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-1xng5mq8dd] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-1xng5mq8dd] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-1xng5mq8dd] .div-note-content {
        height: unset !important;
    }

    [b-1xng5mq8dd] .div-note-content {
        flex-direction: column;
    }

    [b-1xng5mq8dd] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-1xng5mq8dd] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-1xng5mq8dd] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-1xng5mq8dd] .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-1xng5mq8dd] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-1xng5mq8dd] .col-prj {
    padding-left: 0px;
}

[b-1xng5mq8dd] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-1xng5mq8dd] .input-style, .input-icon[b-1xng5mq8dd] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-1xng5mq8dd] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-1xng5mq8dd] .div-dashboard {
        display: none;
    }
}

[b-1xng5mq8dd] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-1xng5mq8dd] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-1xng5mq8dd] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-1xng5mq8dd] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-1xng5mq8dd] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-1xng5mq8dd] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-1xng5mq8dd] .div-hour {
    margin-top: 4px;
}

[b-1xng5mq8dd] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-1xng5mq8dd] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-1xng5mq8dd] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-1xng5mq8dd] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-1xng5mq8dd] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-1xng5mq8dd] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-1xng5mq8dd] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-1xng5mq8dd] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-1xng5mq8dd] check-span {
    content: "\2713";
}

[b-1xng5mq8dd] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-1xng5mq8dd] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-1xng5mq8dd] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-1xng5mq8dd] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-1xng5mq8dd] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-1xng5mq8dd] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-1xng5mq8dd] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-1xng5mq8dd] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-1xng5mq8dd] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-1xng5mq8dd] .div-note-content {
        height: unset !important;
    }

    [b-1xng5mq8dd] .div-note-content {
        flex-direction: column;
    }

    [b-1xng5mq8dd] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-1xng5mq8dd] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-1xng5mq8dd] .div-text-note {
        margin-top: 0px !important;
    }
}

@media (max-width:550px) {

    [b-1xng5mq8dd] .div-prj-container {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .card-info-content[b-1xng5mq8dd] {
        height: unset !important;
    }

    .input-icon[b-1xng5mq8dd], .input-prj-style[b-1xng5mq8dd], .prj-textarea[b-1xng5mq8dd] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}

.list-info-list[b-1xng5mq8dd] {
    overflow: scroll;
    height: calc(100vh - 98px);
}

@media (min-width:550px) and (max-width:900px) {

    .div-prj-container[b-1xng5mq8dd] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .card-info-content[b-1xng5mq8dd] {
        height: unset !important;
    }

    .input-icon[b-1xng5mq8dd], .input-prj-style[b-1xng5mq8dd], .prj-textarea[b-1xng5mq8dd] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}
/* /Components/UserComponents/UserPageComponent.razor.rz.scp.css */
body[b-5cspcj7hxz] {
}
/* /Components/ValidateModal/DragAndDropModal.razor.rz.scp.css */
@font-face {
	font-family: Montserrat-Regular;
	src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
	font-family: franklin-gothic-book;
	src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
	font-family: Franklin Book Regular;
	src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
input[type='time'][b-0m1uhvg6y4]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;

}

/*Checkbox Toggle*/
.switch-div[b-0m1uhvg6y4] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-0m1uhvg6y4] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-0m1uhvg6y4] {
  
    width: 100%;
}

    .switch input[type=checkbox][b-0m1uhvg6y4] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-0m1uhvg6y4] {
        cursor: pointer;
        text-indent: -99999px;
        width: 56px;
        height: 29px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
    }

    .switch input:checked + label[b-0m1uhvg6y4] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-0m1uhvg6y4]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-0m1uhvg6y4]:after {
        content: '';
        position: absolute;
        top: 3px;
        left: 5px;
        width: 23px;
        height: 23px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-0m1uhvg6y4] {
    background-color: rgb(34,47,62,.75);
    display: block;
   
}
.modal-content-revue[b-0m1uhvg6y4] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;

}
.modal-header-revue[b-0m1uhvg6y4] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}
.modal-footer-revue[b-0m1uhvg6y4] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}
.modal-title[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
 
}
.modal-title-prog[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}
.img-revue[b-0m1uhvg6y4] {
    width: 20px;
    height: 29px;
    opacity: 1;
}
.closepop[b-0m1uhvg6y4] {
    background-color: transparent;
    border: none;
    font-size: 30px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    
}
.closepop-prog[b-0m1uhvg6y4] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}
    .column-3[b-0m1uhvg6y4] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}
 .column-3:hover[b-0m1uhvg6y4], .column-3:focus[b-0m1uhvg6y4] {
            background: #F9F9F9 0% 0% no-repeat padding-box;
            box-shadow: 1px 3px 9px #0000008C;
            opacity: 1;
  }
.div-col[b-0m1uhvg6y4] {
    border-right: 2px solid #E6E6E6;
}
.img-footer-att[b-0m1uhvg6y4] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-0m1uhvg6y4] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-0m1uhvg6y4] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
    
}
.modal-body-revue[b-0m1uhvg6y4] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}
.emplacement[b-0m1uhvg6y4] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}
.task-number[b-0m1uhvg6y4] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}
.span-username[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}
.div-box[b-0m1uhvg6y4] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}
.span-box-content[b-0m1uhvg6y4] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float:left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}
.img-fleche[b-0m1uhvg6y4] {
    margin-left: 46px;
    margin-top: 6px;
}
.span-sign[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}
.div-box-sign[b-0m1uhvg6y4] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}
 
.modal-footer > :not(:first-child)[b-0m1uhvg6y4] {
      margin-left: 0px;  
}
.modal-footer > :not(:last-child)[b-0m1uhvg6y4] {
    margin-right: 0px;
}


select[b-0m1uhvg6y4] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-0m1uhvg6y4]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-0m1uhvg6y4] {
        background: none\9;
        padding: 5px\9;
    }
}

  /*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-0m1uhvg6y4] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-0m1uhvg6y4] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
 }
.modal-body-accepter[b-0m1uhvg6y4] {
    margin-top: 10px;
    text-align: center;
    height: 250px;
    display: flex;
    max-height: 250px;
    overflow: auto;
}
.modal-footer-accepter[b-0m1uhvg6y4] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;


}
.span-accepter-qs[b-0m1uhvg6y4] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
     color:  #576574;
}
.btn-footer[b-0m1uhvg6y4] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;

    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-0m1uhvg6y4] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-0m1uhvg6y4] {
     height: 159px;
    line-height: 15px;
    
}

.img-prog[b-0m1uhvg6y4] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}
.progressbar[value][b-0m1uhvg6y4] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

.progressbar[value][b-0m1uhvg6y4]::-webkit-progress-bar {
    background-color: #F2F2F2;
    border-radius: 7px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

.progressbar[value][b-0m1uhvg6y4]::-webkit-progress-value {
    background-color: #EA6852;
    border-radius: 7px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
.label-pers[b-0m1uhvg6y4] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}
.span-minutes[b-0m1uhvg6y4] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}
.div-prog[b-0m1uhvg6y4] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}
.span-prog-title[b-0m1uhvg6y4] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left:18px;
}
.img-hour[b-0m1uhvg6y4] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}
.img-footer[b-0m1uhvg6y4] {
    width: 16px;
    height: 12px;
}
.ul-error[b-0m1uhvg6y4] {
    text-align: left;
    list-style: none;
}
.icon-error[b-0m1uhvg6y4] {
    width: 20px;
    height: 20px;
    margin-top: -3px;
}
.div-footer[b-0m1uhvg6y4] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/
.modal-entrerheure-content[b-0m1uhvg6y4] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -83px;
}
.modal-header-entrerheure[b-0m1uhvg6y4] {
    width: 335px;
    height: 60px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-0m1uhvg6y4] {
     line-height: 15px;
}

.modal-title-entrerheure[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 16px;
    margin-left: 7px;
    font-size: 20.5px;
}
.closepop-entrerheure[b-0m1uhvg6y4] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -5px;
    margin-left: 5px;
    outline: none !important;
}
.img-enterheure[b-0m1uhvg6y4] {
    margin-left: 16px;
    width: 20px;
    height: 59px;
}
.modal-footer-entrerheure[b-0m1uhvg6y4] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
     padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

[b-0m1uhvg6y4]::-webkit-scrollbar {
    width: 0.1px;
}
.div-footer-entrerheure[b-0m1uhvg6y4] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}
.div-footer-entrerheure-last[b-0m1uhvg6y4] {
    width: 50%;
    height: 52px;
     border-bottom-left-radius: 7px;
     cursor:pointer;
}
.div-footer-entrerheure-first[b-0m1uhvg6y4] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}
.img-footer-entrerheure[b-0m1uhvg6y4]  {
    width: 23px;
    height: 23px;
    margin-top: 13px;
}
.div-footer-entrerheure:hover[b-0m1uhvg6y4] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}
.div-footer-entrerheure-last:hover[b-0m1uhvg6y4] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}
.div-footer-entrerheure-first:hover[b-0m1uhvg6y4] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-0m1uhvg6y4] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family:'Franklin Gothic Medium Regular';
    font-size:17px;
    outline:none !important;
}
.img-btn-add-entrerheure[b-0m1uhvg6y4] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}
.div-container-entrerheure[b-0m1uhvg6y4] {
    display: flex;
    flex-direction: column;
    padding-left: 46px;
    padding-bottom: 11px;
    padding-top: 18px;
}
}
.img-stat[b-0m1uhvg6y4] {
    width: 33px;
    height: 33px;
}
.span-statut-name[b-0m1uhvg6y4] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}
.span-entrerheure-title[b-0m1uhvg6y4] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}
.span-entrerheure-heure[b-0m1uhvg6y4] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}
.div-box-entrerheure[b-0m1uhvg6y4] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}
.span-title-choix[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}
.div-space[b-0m1uhvg6y4] {
    margin-top:11px;
}
.img-choix[b-0m1uhvg6y4] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}
.img-stat[b-0m1uhvg6y4] {
    margin-left: 4px;
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-0m1uhvg6y4] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}
.modal-header-note[b-0m1uhvg6y4] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display:flex;
    flex-direction:row;
}
.modal-body-note[b-0m1uhvg6y4] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
/*    width: 404px;
*/    height: 423px;
}
.div-comp[b-0m1uhvg6y4] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.img-note-modal[b-0m1uhvg6y4] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}
.triangle-left[b-0m1uhvg6y4] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-0m1uhvg6y4] {
    
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-0m1uhvg6y4] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-0m1uhvg6y4] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
/*    width: 387px;
*/  
}
.img-att-modal[b-0m1uhvg6y4] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}
.btn_upload[b-0m1uhvg6y4] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-0m1uhvg6y4] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor:pointer;
}
.span-title-demarerHorloge[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}
.img-demarage[b-0m1uhvg6y4] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}
.span-chrono[b-0m1uhvg6y4] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}
 
.div-espace[b-0m1uhvg6y4] {
  
    margin-top: 9px;
}
.span-debut-chrono[b-0m1uhvg6y4] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}
.div-box-entrermanuel[b-0m1uhvg6y4] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    
    cursor: pointer;
}
.modal-entrermanuel-content[b-0m1uhvg6y4] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
     margin-left: -83px;
}
.modal-body-entrermanuel[b-0m1uhvg6y4] {
 overflow-x:hidden;
    overflow:scroll;
}

.div-box-date-container[b-0m1uhvg6y4] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}
.span-title-entrermanuel[b-0m1uhvg6y4] {
    text-align: left;
     letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family:'Franklin Gothic Medium Regular';
    font-size:15px;
}
.img-date-entrermanuel[b-0m1uhvg6y4] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}
.img-heure-entrermanuel[b-0m1uhvg6y4] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}
    .div-box-date[b-0m1uhvg6y4] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}
.input-date[b-0m1uhvg6y4] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
.input-date-heure[b-0m1uhvg6y4] {
    
    margin-left: 32px;
    margin-top:9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background:none;
    outline: none;
}
.div-box-heure[b-0m1uhvg6y4] {
    margin-top: -28px;
}
.div-title-manuel[b-0m1uhvg6y4] {
    padding-top: 10px;
    padding-bottom: 5px;
 
}
.div-box-note-container[b-0m1uhvg6y4] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}
.textarea-note[b-0m1uhvg6y4] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-0m1uhvg6y4] {
    margin-left: 69px;
    width: 368px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-0m1uhvg6y4] {
    width: 368px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-0m1uhvg6y4] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x:hidden;
}
.date-log-style[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family:'Franklin Book Regular';
    font-size:11px;
}

.date-log-img[b-0m1uhvg6y4] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}
.span-cumul[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family:'Franklin Gothic Demi Regular';
    font-size:14px;
}
.span-cumul-content[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}
.span-title-note[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}
.span-title-note-content[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}
.poslog-entrerheure[b-0m1uhvg6y4] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-0m1uhvg6y4] {
    width: 335px;
     background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-0m1uhvg6y4] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-0m1uhvg6y4] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}
.item-title[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}
.item-number[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-0m1uhvg6y4] {
    overflow: scroll;
    overflow-x: hidden;
}
.img-track[b-0m1uhvg6y4] {
    width: 31px;
    height: 23px;
    margin-left:13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-0m1uhvg6y4] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-0m1uhvg6y4] {
    text-align: center;
    height: 80px;
     margin-top: 15px;
}

.modal-footer-req[b-0m1uhvg6y4] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content:center;
}

.modal-req-content[b-0m1uhvg6y4] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}
.img-req[b-0m1uhvg6y4] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor:pointer;
}
.div-scan-cat[b-0m1uhvg6y4] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}
.modal-title-req[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}
.btn-hover-confirm:hover[b-0m1uhvg6y4] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}
.span-requistionner[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor:pointer;
}
    .span-requistionner:hover[b-0m1uhvg6y4] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }
.box-add[b-0m1uhvg6y4] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor:pointer;
   
}

.span-count[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-0m1uhvg6y4] {
    border-radius: 0px 0px 0px 8px;
}
.col-last:hover[b-0m1uhvg6y4] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-0m1uhvg6y4] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-0m1uhvg6y4] {
    position: absolute;
    top: -496px;
    left: 488px;
}
.note-entrermanuel-pos[b-0m1uhvg6y4] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-0m1uhvg6y4] {
    margin-left: 70px;
    margin-top: 162px;
}
.att-livrer-pos[b-0m1uhvg6y4] {
    margin-left: 114px;
}

.note-livrer-pos[b-0m1uhvg6y4] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-0m1uhvg6y4] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}
.btn-cancel-livrer[b-0m1uhvg6y4] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}
.img-conf[b-0m1uhvg6y4] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}
.div-log-container[b-0m1uhvg6y4] {
    
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom:5px;
    margin-top:3px;
}
    .div-log-container:hover[b-0m1uhvg6y4] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-0m1uhvg6y4] {
    width: 100%;
    margin-bottom: 12px;
     background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}
.img-scan[b-0m1uhvg6y4] {
    width: 42px;
    height: 42px;
}

.span-scan[b-0m1uhvg6y4] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}
.span-catalog[b-0m1uhvg6y4] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor:pointer;
}
.div-log[b-0m1uhvg6y4] {
    display: flex;
    flex-direction: column;
        flex:auto;
}
.div-dte[b-0m1uhvg6y4] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-0m1uhvg6y4] {
        display: block !important;
    }
    .display-date-sec[b-0m1uhvg6y4] {
        display: none !important;
    }
}
.display-date[b-0m1uhvg6y4]{
    display:none;
}

.modal-ts-content[b-0m1uhvg6y4] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-0m1uhvg6y4] {
     height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-0m1uhvg6y4] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}
.modal-body-ts[b-0m1uhvg6y4] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}
.note-ts-pos[b-0m1uhvg6y4] {
    margin-left: 14px;
 
}

.modal-ts-footer[b-0m1uhvg6y4] {
     height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-0m1uhvg6y4] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}
.span-entry-number[b-0m1uhvg6y4] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
.span-manualEntry[b-0m1uhvg6y4] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}
.btn-confirm[b-0m1uhvg6y4] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}
.img-footer-note[b-0m1uhvg6y4] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}
.img-footer-attchmnt[b-0m1uhvg6y4] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}
.att-modal-from-log[b-0m1uhvg6y4] {
    margin-left:325px;
    margin-top: 160px;
    
}
.no-margin[b-0m1uhvg6y4]{
    margin:0;
}

/* /Components/ValidateModal/ValidateModal.razor.rz.scp.css */
@font-face {
	font-family: Montserrat-Regular;
	src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
	font-family: franklin-gothic-book;
	src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
	font-family: Franklin Book Regular;
	src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
input[type='time'][b-pan0jo2ksw]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;

}


.li-style[b-pan0jo2ksw] {
    text-align: center;
    line-height: 23px;
}

/*Checkbox Toggle*/
.switch-div[b-pan0jo2ksw] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-pan0jo2ksw] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-pan0jo2ksw] {
  
    width: 100%;
}

    .switch input[type=checkbox][b-pan0jo2ksw] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-pan0jo2ksw] {
        cursor: pointer;
        text-indent: -99999px;
        width: 56px;
        height: 29px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
    }

    .switch input:checked + label[b-pan0jo2ksw] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-pan0jo2ksw]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-pan0jo2ksw]:after {
        content: '';
        position: absolute;
        top: 3px;
        left: 5px;
        width: 23px;
        height: 23px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-pan0jo2ksw] {
    background-color: rgb(34,47,62,.75);
    display: block;
   
}
.modal-content-revue[b-pan0jo2ksw] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;

}
.modal-header-revue[b-pan0jo2ksw] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}
.modal-footer-revue[b-pan0jo2ksw] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}
.modal-title[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
 
}
.modal-title-prog[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}
.img-revue[b-pan0jo2ksw] {
    width: 20px;
    height: 29px;
    opacity: 1;
}
.closepop[b-pan0jo2ksw] {
    background-color: transparent;
    border: none;
    font-size: 30px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    
}
.closepop-prog[b-pan0jo2ksw] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}
    .column-3[b-pan0jo2ksw] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}
 .column-3:hover[b-pan0jo2ksw], .column-3:focus[b-pan0jo2ksw] {
            background: #F9F9F9 0% 0% no-repeat padding-box;
            box-shadow: 1px 3px 9px #0000008C;
            opacity: 1;
  }
.div-col[b-pan0jo2ksw] {
    border-right: 2px solid #E6E6E6;
}
.img-footer-att[b-pan0jo2ksw] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-pan0jo2ksw] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-pan0jo2ksw] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
    
}
.modal-body-revue[b-pan0jo2ksw] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}
.emplacement[b-pan0jo2ksw] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}
.task-number[b-pan0jo2ksw] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}
.span-username[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}
.div-box[b-pan0jo2ksw] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}
.span-box-content[b-pan0jo2ksw] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float:left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}
.img-fleche[b-pan0jo2ksw] {
    margin-left: 46px;
    margin-top: 6px;
}
.span-sign[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}
.div-box-sign[b-pan0jo2ksw] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}
 
.modal-footer > :not(:first-child)[b-pan0jo2ksw] {
      margin-left: 0px;  
}
.modal-footer > :not(:last-child)[b-pan0jo2ksw] {
    margin-right: 0px;
}


select[b-pan0jo2ksw] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-pan0jo2ksw]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-pan0jo2ksw] {
        background: none\9;
        padding: 5px\9;
    }
}

  /*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-pan0jo2ksw] {
    width: 500px;
    height: 300px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-pan0jo2ksw] {
    width: 500px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
 }
.modal-body-accepter[b-pan0jo2ksw] {
    /*    margin-top: 10px;
*/
    padding-top: 30px;
    text-align: center;
    height: 250px;
    display: flex;
    max-height: 250px;
    overflow: auto;
}
.modal-footer-accepter[b-pan0jo2ksw] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;


}
.modal-foot-del[b-pan0jo2ksw] {

    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}
.span-accepter-qs[b-pan0jo2ksw] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
     color:  #576574;
}
.btn-footer[b-pan0jo2ksw] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;

    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-pan0jo2ksw] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-pan0jo2ksw] {
     height: 159px;
    line-height: 15px;
    
}

.img-prog[b-pan0jo2ksw] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}
.progressbar[value][b-pan0jo2ksw] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

.progressbar[value][b-pan0jo2ksw]::-webkit-progress-bar {
    background-color: #F2F2F2;
    border-radius: 7px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

.progressbar[value][b-pan0jo2ksw]::-webkit-progress-value {
    background-color: #EA6852;
    border-radius: 7px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
.label-pers[b-pan0jo2ksw] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}
.span-minutes[b-pan0jo2ksw] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}
.div-prog[b-pan0jo2ksw] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}
.span-prog-title[b-pan0jo2ksw] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left:18px;
}
.img-hour[b-pan0jo2ksw] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}
.img-footer[b-pan0jo2ksw] {
    width: 16px;
    height: 12px;
}
.ul-error[b-pan0jo2ksw] {
    text-align: left;
    list-style: none;
    font-family: 'GravityRegular';
    padding: 0;
}
    .ul-error li[b-pan0jo2ksw] {
        width: 100% !important;
        border: none;
    }
    .icon-error[b-pan0jo2ksw] {
        width: 20px;
        height: 20px;
        margin-top: -3px;
    }
.div-footer[b-pan0jo2ksw] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/
.modal-entrerheure-content[b-pan0jo2ksw] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -83px;
}
.modal-header-entrerheure[b-pan0jo2ksw] {
    width: 335px;
    height: 60px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-pan0jo2ksw] {
     line-height: 15px;
}

.modal-title-entrerheure[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 16px;
    margin-left: 7px;
    font-size: 20.5px;
}
.closepop-entrerheure[b-pan0jo2ksw] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -5px;
    margin-left: 5px;
    outline: none !important;
}
.img-enterheure[b-pan0jo2ksw] {
    margin-left: 16px;
    width: 20px;
    height: 59px;
}
.modal-footer-entrerheure[b-pan0jo2ksw] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
     padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

[b-pan0jo2ksw]::-webkit-scrollbar {
    width: 0.1px;
}
.div-footer-entrerheure[b-pan0jo2ksw] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}
.div-footer-entrerheure-last[b-pan0jo2ksw] {
    width: 50%;
    height: 52px;
     border-bottom-left-radius: 7px;
     cursor:pointer;
}
.div-footer-entrerheure-first[b-pan0jo2ksw] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}
.img-footer-entrerheure[b-pan0jo2ksw]  {
    width: 23px;
    height: 23px;
    margin-top: 13px;
}
.div-footer-entrerheure:hover[b-pan0jo2ksw] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}
.div-footer-entrerheure-last:hover[b-pan0jo2ksw] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}
.div-footer-entrerheure-first:hover[b-pan0jo2ksw] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-pan0jo2ksw] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family:'Franklin Gothic Medium Regular';
    font-size:17px;
    outline:none !important;
}
.img-btn-add-entrerheure[b-pan0jo2ksw] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}
.div-container-entrerheure[b-pan0jo2ksw] {
    display: flex;
    flex-direction: column;
    padding-left: 46px;
    padding-bottom: 11px;
    padding-top: 18px;
}
}
.img-stat[b-pan0jo2ksw] {
    width: 33px;
    height: 33px;
}
.span-statut-name[b-pan0jo2ksw] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}
.span-entrerheure-title[b-pan0jo2ksw] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}
.span-entrerheure-heure[b-pan0jo2ksw] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}
.div-box-entrerheure[b-pan0jo2ksw] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}
.span-title-choix[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}
.div-space[b-pan0jo2ksw] {
    margin-top:11px;
}
.img-choix[b-pan0jo2ksw] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}
.img-stat[b-pan0jo2ksw] {
    margin-left: 4px;
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-pan0jo2ksw] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}
.modal-header-note[b-pan0jo2ksw] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display:flex;
    flex-direction:row;
}
.modal-body-note[b-pan0jo2ksw] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
/*    width: 404px;
*/    height: 423px;
}
.div-comp[b-pan0jo2ksw] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.img-note-modal[b-pan0jo2ksw] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}
.triangle-left[b-pan0jo2ksw] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-pan0jo2ksw] {
    
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-pan0jo2ksw] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-pan0jo2ksw] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
/*    width: 387px;
*/  
}
.img-att-modal[b-pan0jo2ksw] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}
.btn_upload[b-pan0jo2ksw] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-pan0jo2ksw] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor:pointer;
}
.span-title-demarerHorloge[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}
.img-demarage[b-pan0jo2ksw] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}
.span-chrono[b-pan0jo2ksw] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}
 
.div-espace[b-pan0jo2ksw] {
  
    margin-top: 9px;
}
.span-debut-chrono[b-pan0jo2ksw] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}
.div-box-entrermanuel[b-pan0jo2ksw] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    
    cursor: pointer;
}
.modal-entrermanuel-content[b-pan0jo2ksw] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
     margin-left: -83px;
}
.modal-body-entrermanuel[b-pan0jo2ksw] {
 overflow-x:hidden;
    overflow:scroll;
}

.div-box-date-container[b-pan0jo2ksw] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}
.span-title-entrermanuel[b-pan0jo2ksw] {
    text-align: left;
     letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family:'Franklin Gothic Medium Regular';
    font-size:15px;
}
.img-date-entrermanuel[b-pan0jo2ksw] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}
.img-heure-entrermanuel[b-pan0jo2ksw] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}
    .div-box-date[b-pan0jo2ksw] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}
.input-date[b-pan0jo2ksw] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
.input-date-heure[b-pan0jo2ksw] {
    
    margin-left: 32px;
    margin-top:9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background:none;
    outline: none;
}
.div-box-heure[b-pan0jo2ksw] {
    margin-top: -28px;
}
.div-title-manuel[b-pan0jo2ksw] {
    padding-top: 10px;
    padding-bottom: 5px;
 
}
.div-box-note-container[b-pan0jo2ksw] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}
.textarea-note[b-pan0jo2ksw] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-pan0jo2ksw] {
    margin-left: 69px;
    width: 368px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-pan0jo2ksw] {
    width: 368px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-pan0jo2ksw] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x:hidden;
}
.date-log-style[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family:'Franklin Book Regular';
    font-size:11px;
}

.date-log-img[b-pan0jo2ksw] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}
.span-cumul[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family:'Franklin Gothic Demi Regular';
    font-size:14px;
}
.span-cumul-content[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}
.span-title-note[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}
.span-title-note-content[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}
.poslog-entrerheure[b-pan0jo2ksw] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-pan0jo2ksw] {
    width: 335px;
     background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-pan0jo2ksw] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-pan0jo2ksw] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}
.item-title[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}
.item-number[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-pan0jo2ksw] {
    overflow: scroll;
    overflow-x: hidden;
}
.img-track[b-pan0jo2ksw] {
    width: 31px;
    height: 23px;
    margin-left:13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-pan0jo2ksw] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-pan0jo2ksw] {
    text-align: center;
    height: 80px;
     margin-top: 15px;
}

.modal-footer-req[b-pan0jo2ksw] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content:center;
}

.modal-req-content[b-pan0jo2ksw] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}
.img-req[b-pan0jo2ksw] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor:pointer;
}
.div-scan-cat[b-pan0jo2ksw] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}
.modal-title-req[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}
.btn-hover-confirm:hover[b-pan0jo2ksw] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}
.span-requistionner[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor:pointer;
}
    .span-requistionner:hover[b-pan0jo2ksw] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }
.box-add[b-pan0jo2ksw] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor:pointer;
   
}

.span-count[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-pan0jo2ksw] {
    border-radius: 0px 0px 0px 8px;
}
.col-last:hover[b-pan0jo2ksw] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-pan0jo2ksw] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-pan0jo2ksw] {
    position: absolute;
    top: -496px;
    left: 488px;
}
.note-entrermanuel-pos[b-pan0jo2ksw] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-pan0jo2ksw] {
    margin-left: 70px;
    margin-top: 162px;
}
.att-livrer-pos[b-pan0jo2ksw] {
    margin-left: 114px;
}

.note-livrer-pos[b-pan0jo2ksw] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-pan0jo2ksw] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}
.btn-cancel-livrer[b-pan0jo2ksw] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}
.img-conf[b-pan0jo2ksw] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}
.div-log-container[b-pan0jo2ksw] {
    
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom:5px;
    margin-top:3px;
}
    .div-log-container:hover[b-pan0jo2ksw] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-pan0jo2ksw] {
    width: 100%;
    margin-bottom: 12px;
     background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}
.img-scan[b-pan0jo2ksw] {
    width: 42px;
    height: 42px;
}

.span-scan[b-pan0jo2ksw] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}
.span-catalog[b-pan0jo2ksw] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor:pointer;
}
.div-log[b-pan0jo2ksw] {
    display: flex;
    flex-direction: column;
        flex:auto;
}
.div-dte[b-pan0jo2ksw] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-pan0jo2ksw] {
        display: block !important;
    }
    .display-date-sec[b-pan0jo2ksw] {
        display: none !important;
    }
}
.display-date[b-pan0jo2ksw]{
    display:none;
}

.modal-ts-content[b-pan0jo2ksw] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-pan0jo2ksw] {
     height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-pan0jo2ksw] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}
.modal-body-ts[b-pan0jo2ksw] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}
.note-ts-pos[b-pan0jo2ksw] {
    margin-left: 14px;
 
}

.modal-ts-footer[b-pan0jo2ksw] {
     height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-pan0jo2ksw] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}
/*
     .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
.span-entry-title[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}
.span-entry-number[b-pan0jo2ksw] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
.span-manualEntry[b-pan0jo2ksw] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}
.btn-confirm[b-pan0jo2ksw] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}
.img-footer-note[b-pan0jo2ksw] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}
.img-footer-attchmnt[b-pan0jo2ksw] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}
.att-modal-from-log[b-pan0jo2ksw] {
    margin-left:325px;
    margin-top: 160px;
    
}
.no-margin[b-pan0jo2ksw]{
    margin:0;
}

li:hover[b-pan0jo2ksw]{
    background-color:#fff;
}
/* /Components/WorkingCalendar/EditWorkingDayModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-cbapyblljs] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

[b-cbapyblljs] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-cbapyblljs] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-cbapyblljs] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-cbapyblljs] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-cbapyblljs] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-cbapyblljs] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-cbapyblljs] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-cbapyblljs] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-cbapyblljs] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-cbapyblljs] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-cbapyblljs] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-cbapyblljs] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-cbapyblljs] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-cbapyblljs] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-cbapyblljs] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-cbapyblljs] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-cbapyblljs] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-cbapyblljs] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-cbapyblljs] .column-3:hover, .column-3:focus[b-cbapyblljs] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-cbapyblljs] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-cbapyblljs] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-cbapyblljs] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-cbapyblljs] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-cbapyblljs] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-cbapyblljs] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-cbapyblljs] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-cbapyblljs] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-cbapyblljs] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-cbapyblljs] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-cbapyblljs] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-cbapyblljs] {
    margin-left: 110px;
    width: 333px;
    margin-top: 62px;
    background: white;
    height: 363px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-cbapyblljs] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-cbapyblljs] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-cbapyblljs] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 260px;
}

.note-ts-pos[b-cbapyblljs] {
    margin-left: 14px;
}

.modal-ts-footer[b-cbapyblljs] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-cbapyblljs] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-cbapyblljs] {
    background-color: #00b665;
}

    .switch input:checked + label[b-cbapyblljs]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-cbapyblljs]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-cbapyblljs] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-cbapyblljs] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-cbapyblljs] {
    width: 100%;
}

    .switch input[type=checkbox][b-cbapyblljs] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-cbapyblljs] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-cbapyblljs] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-cbapyblljs] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

input[type="date"][b-cbapyblljs]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 170px;
    margin-left: -28px;
    position: absolute;
    cursor: pointer;
}

.input-date[b-cbapyblljs] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
/* /Components/WorkingCalendar/FilterModalWorkingCalendar.razor.rz.scp.css */

.modal-dialog-filter[b-2q9uhwvcdp] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-2q9uhwvcdp] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-2q9uhwvcdp] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-2q9uhwvcdp] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-2q9uhwvcdp] {
    margin-top: 17px;
}

.closepop-entrerheure[b-2q9uhwvcdp] {
    float: right;
}

.modal-body-filter[b-2q9uhwvcdp] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-2q9uhwvcdp] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-2q9uhwvcdp] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-2q9uhwvcdp] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-2q9uhwvcdp] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-2q9uhwvcdp] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
@media screen and (max-width:1024px) {


    .filter-listworkingcalander-resp[b-2q9uhwvcdp] 
    {
        left: -155px;
    }
}
/* /Components/WorkingCalendar/FilterModalWorkingDay.razor.rz.scp.css */

.modal-dialog-filter[b-ej30j12aip] {
    max-width: 850px;
    width: 850px;
    position: fixed;
    top: 25%;
    left: 32%;
}

.modal-filter-content[b-ej30j12aip] {
    width: 850px;
    height: auto;
}

.modal-header-filter[b-ej30j12aip] {
    width: 850px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-ej30j12aip] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-ej30j12aip] {
    margin-top: 17px;
}

.closepop-entrerheure[b-ej30j12aip] {
    float: right;
}

.modal-body-filter[b-ej30j12aip] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.label-style[b-ej30j12aip] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}


.modal-footer-filter[b-ej30j12aip] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-ej30j12aip] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-ej30j12aip] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-ej30j12aip] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}
@media screen and (max-width:1024px) {


    .filter-workingcalenderday-resp[b-ej30j12aip] {
        left: -155px;
    }
}



/* /Components/WorkingCalendar/NewWorkingCalendarModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-7l091x49rb] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}
.modal-dialog-cen[b-7l091x49rb] {
    position: absolute;
    float: left;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: unset;
    margin: unset;
    width: unset;
}

[b-7l091x49rb] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-7l091x49rb] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-7l091x49rb] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-7l091x49rb] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-7l091x49rb] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-7l091x49rb] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
    }
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-7l091x49rb] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-7l091x49rb] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-7l091x49rb] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-7l091x49rb] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-7l091x49rb] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-7l091x49rb] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-7l091x49rb] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-7l091x49rb] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-7l091x49rb] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-7l091x49rb] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-7l091x49rb] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-7l091x49rb] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-7l091x49rb] .column-3:hover, .column-3:focus[b-7l091x49rb] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-7l091x49rb] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-7l091x49rb] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-7l091x49rb] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-7l091x49rb] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-7l091x49rb] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-7l091x49rb] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-7l091x49rb] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-7l091x49rb] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-7l091x49rb] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-7l091x49rb] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-7l091x49rb] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-7l091x49rb] {
    margin-left: 110px;
    width: 333px;
    margin-top: 62px;
    background: white;
    height: 262px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-7l091x49rb] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-7l091x49rb] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-7l091x49rb] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 161px;
}

.note-ts-pos[b-7l091x49rb] {
    margin-left: 14px;
}

.modal-ts-footer[b-7l091x49rb] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-7l091x49rb] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-7l091x49rb] {
    background-color: #00b665;
}

    .switch input:checked + label[b-7l091x49rb]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-7l091x49rb]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-7l091x49rb] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-7l091x49rb] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-7l091x49rb] {
    width: 100%;
}

    .switch input[type=checkbox][b-7l091x49rb] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-7l091x49rb] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-7l091x49rb] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-7l091x49rb] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

input[type="date"][b-7l091x49rb]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 170px;
    margin-left: -28px;
    position: absolute;
    cursor: pointer;
}

.input-date[b-7l091x49rb] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
/* /Components/WorkingCalendar/NewWorkingDaysModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}
.modal-dialog-cen[b-1y3xa5sg6y] {
    position: absolute;
    float: left;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: unset;
    margin: unset;
    width: unset;
}
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-1y3xa5sg6y] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

[b-1y3xa5sg6y] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-1y3xa5sg6y] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-1y3xa5sg6y] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-1y3xa5sg6y] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-1y3xa5sg6y] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-1y3xa5sg6y] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-1y3xa5sg6y] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-1y3xa5sg6y] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-1y3xa5sg6y] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-1y3xa5sg6y] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-1y3xa5sg6y] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-1y3xa5sg6y] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-1y3xa5sg6y] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-1y3xa5sg6y] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-1y3xa5sg6y] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-1y3xa5sg6y] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-1y3xa5sg6y] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-1y3xa5sg6y] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-1y3xa5sg6y] .column-3:hover, .column-3:focus[b-1y3xa5sg6y] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-1y3xa5sg6y] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-1y3xa5sg6y] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-1y3xa5sg6y] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-1y3xa5sg6y] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-1y3xa5sg6y] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-1y3xa5sg6y] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-1y3xa5sg6y] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-1y3xa5sg6y] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-1y3xa5sg6y] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-1y3xa5sg6y] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-1y3xa5sg6y] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-1y3xa5sg6y] {
    margin-left: 110px;
    width: 333px;
    margin-top: 62px;
    background: white;
    height: 363px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-1y3xa5sg6y] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-1y3xa5sg6y] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-1y3xa5sg6y] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 260px;
}

.note-ts-pos[b-1y3xa5sg6y] {
    margin-left: 14px;
}

.modal-ts-footer[b-1y3xa5sg6y] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-1y3xa5sg6y] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-1y3xa5sg6y] {
    background-color: #00b665;
}

    .switch input:checked + label[b-1y3xa5sg6y]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-1y3xa5sg6y]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-1y3xa5sg6y] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-1y3xa5sg6y] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-1y3xa5sg6y] {
    width: 100%;
}

    .switch input[type=checkbox][b-1y3xa5sg6y] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-1y3xa5sg6y] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-1y3xa5sg6y] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-1y3xa5sg6y] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}


.startDate[type="date"][b-1y3xa5sg6y]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 244px;
    margin-left: -41px;
    position: absolute;
    cursor: pointer;
}
.endDate[type="date"][b-1y3xa5sg6y]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 244px;
    margin-left: -41px;
    position: absolute;
    cursor: pointer;
}
.input-date[b-1y3xa5sg6y] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
/* /Components/WorkingCalendar/NewWorkingHoursModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-nkzvem7j0l] .entry-details-div {
    padding-right: 0px;
    height: 100%;
}

[b-nkzvem7j0l] .div-entry-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-nkzvem7j0l] .div-item-entry-p {
    padding-top: 7px;
    padding-right: 11px;
}

[b-nkzvem7j0l] .span-entry-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-nkzvem7j0l] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

.text-entry-style[b-nkzvem7j0l] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 85px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

[b-nkzvem7j0l] .select-entry-style {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: transparent;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 100%;
    outline: none !important;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}
/*
    ::deep .select-entry-style:hover {
    border: 1px solid #E6E6E6;
}
*/
[b-nkzvem7j0l] .btn-confirm {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

[b-nkzvem7j0l] .span-entry-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
/* ------------------- Accepter Modal -------------------------*/
[b-nkzvem7j0l] .modal-div {
    background-color: rgb(34,47,62,.75);
    display: block;
}

[b-nkzvem7j0l] .modal-content-revue {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

[b-nkzvem7j0l] .modal-header-revue {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

[b-nkzvem7j0l] .modal-footer-revue {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

[b-nkzvem7j0l] .modal-title {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

[b-nkzvem7j0l] .modal-title-prog {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

[b-nkzvem7j0l] .img-revue {
    width: 20px;
    height: 29px;
    opacity: 1;
}

[b-nkzvem7j0l] .closepop {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

[b-nkzvem7j0l] .closepop-prog {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

[b-nkzvem7j0l] .column-3 {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    [b-nkzvem7j0l] .column-3:hover, .column-3:focus[b-nkzvem7j0l] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

[b-nkzvem7j0l] .div-col {
    border-right: 2px solid #E6E6E6;
}

[b-nkzvem7j0l] .img-footer-att {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

[b-nkzvem7j0l] .tasknumber {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

[b-nkzvem7j0l] .taskname {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-nkzvem7j0l] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-nkzvem7j0l] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-nkzvem7j0l] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-nkzvem7j0l] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}


[b-nkzvem7j0l] select {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    [b-nkzvem7j0l] select::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    [b-nkzvem7j0l] select {
        background: none\9;
        padding: 5px\9;
    }
}


.modal-ts-content[b-nkzvem7j0l] {
    margin-left: 110px;
    width: 333px;
    margin-top: 62px;
    background: white;
    height: 363px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-nkzvem7j0l] {
    height: 51px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-nkzvem7j0l] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-nkzvem7j0l] {
    border-radius: 8px 8px 0px 0px;
    /*   overflow: scroll;*/
    overflow-x: hidden;
    height: 261px;
}

.note-ts-pos[b-nkzvem7j0l] {
    margin-left: 14px;
}

.modal-ts-footer[b-nkzvem7j0l] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.switch label[b-nkzvem7j0l] {
    cursor: pointer;
    text-indent: -99999px;
    width: 56px;
    height: 29px;
    background-color: gray;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch input:checked + label[b-nkzvem7j0l] {
    background-color: #00b665;
}

    .switch input:checked + label[b-nkzvem7j0l]:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switch label[b-nkzvem7j0l]:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
/*Checkbox Toggle*/
.switch-div[b-nkzvem7j0l] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-nkzvem7j0l] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-nkzvem7j0l] {
    width: 100%;
}

    .switch input[type=checkbox][b-nkzvem7j0l] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

.col-center-footer[b-nkzvem7j0l] {
    border: unset !important;
    margin-right: 33.33%;
}

.img-date-entrermanuel[b-nkzvem7j0l] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.div-box-date-container[b-nkzvem7j0l] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

input[type="time"][b-nkzvem7j0l]::-webkit-calendar-picker-indicator {
    background: transparent;
    width: 170px;
    margin-left: -28px;
    position: absolute;
    cursor: pointer;
}

.input-date[b-nkzvem7j0l] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
/* /Mobiles/Administration-mobile/ResourceBooked/ResourceBookedMobilePage.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.project-title[b-nr47ks9vt0] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.div-content[b-nr47ks9vt0] {
    overflow: scroll;
    height: calc(100vh - 106px);
    display: grid;
}

.icon-project-code[b-nr47ks9vt0] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.project-sub-title[b-nr47ks9vt0] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.project-ref[b-nr47ks9vt0] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.project-price[b-nr47ks9vt0] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.project-state[b-nr47ks9vt0] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
}

.project-card[b-nr47ks9vt0] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .project-card:hover[b-nr47ks9vt0] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 600px) {
    .div-content[b-nr47ks9vt0] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-nr47ks9vt0] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}
/* /Mobiles/Administration-mobile/ResourceSupp/ResourceSuppMobilePage.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.project-title[b-sctecyo7k2] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.div-content[b-sctecyo7k2] {
    overflow: scroll;
    height: calc(100vh - 106px);
    display: grid;
}

.icon-project-code[b-sctecyo7k2] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.project-sub-title[b-sctecyo7k2] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.project-ref[b-sctecyo7k2] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.project-price[b-sctecyo7k2] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.project-state[b-sctecyo7k2] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
}

.project-card[b-sctecyo7k2] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .project-card:hover[b-sctecyo7k2] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 600px) {
    .div-content[b-sctecyo7k2] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-sctecyo7k2] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}
/* /Mobiles/Commande-mobile/CommandeAttachementMobile.razor.rz.scp.css */
body[b-c6mnrve4oj] {
}
/* /Mobiles/Commande-mobile/CommandeCardComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.list-title[b-ueqivh1a91] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.icon-list-code[b-ueqivh1a91] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.list-sub-title[b-ueqivh1a91] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.list-ref[b-ueqivh1a91] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.list-price[b-ueqivh1a91] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}
.img-round[b-ueqivh1a91] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}


.div-col-res[b-ueqivh1a91] {
    flex-direction: column;
    display: flex;
    padding-left: 12px;
    padding-bottom: 5px;
}
.div-row-res[b-ueqivh1a91] {
    display: flex;
    margin-left: 8px;
    margin-top: 6px;
}
.list-state[b-ueqivh1a91] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
    margin-top: 3px;
    margin-left: 3px;
}
.div-state[b-ueqivh1a91] {
    display: flex;
 
    padding-left: 13px;
}
 
.list-card[b-ueqivh1a91] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .list-card:hover[b-ueqivh1a91] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 500px) {
    .div-content[b-ueqivh1a91] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-ueqivh1a91] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}

.list-div[b-ueqivh1a91] {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}


.icon-list-code[b-ueqivh1a91] {
width: 30px;
height: 30px;
font-family: 'Franklin Gothic Medium Regular';
font-size: 11px;
text-align: left;
letter-spacing: 0.2px;
color: #FFFFFF;
opacity: 1;
border-radius: 50%;
padding-top: 6px;
text-align: center;
position: relative;
top: 5px;
margin-left: 7px;
background-color: rebeccapurple;
}

/* /Mobiles/Commande-mobile/CommandeComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.project-title[b-h794p2v2wn] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.div-content[b-h794p2v2wn] {
    overflow: scroll;
    height: calc(100vh - 220px);
    display: grid;
}

.icon-project-code[b-h794p2v2wn] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.project-sub-title[b-h794p2v2wn] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.project-ref[b-h794p2v2wn] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.project-price[b-h794p2v2wn] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.project-state[b-h794p2v2wn] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
}

.project-card[b-h794p2v2wn] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .project-card:hover[b-h794p2v2wn] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 600px) {
    .div-content[b-h794p2v2wn] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-h794p2v2wn] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}
/* /Mobiles/Commande-mobile/CommandeLogAttachementMobile.razor.rz.scp.css */
body[b-0mre4o5dcy] {
}
/* /Mobiles/Commande-mobile/ReceptionLogPage.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-d5403p8edn]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-d5403p8edn] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-d5403p8edn] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-d5403p8edn] {
    width: 100%;
}

    .switch input[type=checkbox][b-d5403p8edn] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-d5403p8edn] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-d5403p8edn] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-d5403p8edn]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-d5403p8edn]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-d5403p8edn] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-d5403p8edn] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-d5403p8edn] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-d5403p8edn] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-d5403p8edn] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-d5403p8edn] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-d5403p8edn] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-d5403p8edn] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-d5403p8edn], .column-3:focus[b-d5403p8edn] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-d5403p8edn] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-d5403p8edn] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-d5403p8edn] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-d5403p8edn] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-d5403p8edn] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-d5403p8edn] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-d5403p8edn] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-d5403p8edn] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-d5403p8edn] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-d5403p8edn] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-d5403p8edn] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-d5403p8edn] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-d5403p8edn] {
    margin-right: 0px;
}


select[b-d5403p8edn] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-d5403p8edn]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-d5403p8edn] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-d5403p8edn] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-d5403p8edn] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-d5403p8edn] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-d5403p8edn] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-d5403p8edn] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-d5403p8edn] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-d5403p8edn] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-d5403p8edn] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-d5403p8edn] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-d5403p8edn] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-d5403p8edn]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-d5403p8edn]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-d5403p8edn] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-d5403p8edn] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-d5403p8edn] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-d5403p8edn] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-d5403p8edn] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-d5403p8edn] {
    width: 18px;
    height: 14px;
}

.div-footer[b-d5403p8edn] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-d5403p8edn] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-d5403p8edn] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-d5403p8edn] {
    line-height: 15px;
}

.modal-title-entrerheure[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-d5403p8edn] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-d5403p8edn] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-d5403p8edn] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-d5403p8edn]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-d5403p8edn]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-d5403p8edn]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-d5403p8edn]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-d5403p8edn] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-d5403p8edn] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-d5403p8edn] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-d5403p8edn] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-d5403p8edn] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-d5403p8edn] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-d5403p8edn] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-d5403p8edn] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-d5403p8edn] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-d5403p8edn] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-d5403p8edn] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-d5403p8edn] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-d5403p8edn] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-d5403p8edn] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-d5403p8edn] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-d5403p8edn] {
    margin-top: 12px;
}

.img-choix[b-d5403p8edn] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-d5403p8edn] {
    margin-left: 4px;
}

.body-entry-time1[b-d5403p8edn] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-d5403p8edn] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-d5403p8edn] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-d5403p8edn] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-d5403p8edn] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-d5403p8edn] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-d5403p8edn] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-d5403p8edn] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-d5403p8edn] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-d5403p8edn] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-d5403p8edn] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-d5403p8edn] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-d5403p8edn] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-d5403p8edn] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-d5403p8edn] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-d5403p8edn] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-d5403p8edn] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-d5403p8edn] {
    margin-top: 9px;
}

.span-debut-chrono[b-d5403p8edn] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-d5403p8edn] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-d5403p8edn] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-d5403p8edn] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-d5403p8edn] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-d5403p8edn] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-d5403p8edn] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-d5403p8edn] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-d5403p8edn] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-d5403p8edn] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-d5403p8edn] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-d5403p8edn] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-d5403p8edn] {
    margin-top: -28px;
}

.div-title-manuel[b-d5403p8edn] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-d5403p8edn] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-d5403p8edn] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-d5403p8edn] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-d5403p8edn] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-d5403p8edn] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-d5403p8edn] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-d5403p8edn] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-d5403p8edn] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-d5403p8edn] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-d5403p8edn] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-d5403p8edn] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-d5403p8edn] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-d5403p8edn] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-d5403p8edn] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-d5403p8edn] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-d5403p8edn] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-d5403p8edn] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-d5403p8edn] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-d5403p8edn] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-d5403p8edn] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-d5403p8edn] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-d5403p8edn] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-d5403p8edn] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-d5403p8edn] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-d5403p8edn] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-d5403p8edn] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-d5403p8edn] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-d5403p8edn] {
    margin-left: 114px;
}

.note-livrer-pos[b-d5403p8edn] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-d5403p8edn] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-d5403p8edn] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-d5403p8edn] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-d5403p8edn] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-d5403p8edn] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-d5403p8edn] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-d5403p8edn] {
    width: 42px;
    height: 42px;
}

.span-scan[b-d5403p8edn] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-d5403p8edn] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-d5403p8edn] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-d5403p8edn] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-d5403p8edn] {
        display: block !important;
    }

    .display-date-sec[b-d5403p8edn] {
        display: none !important;
    }
}

.display-date[b-d5403p8edn] {
    display: none;
}

.modal-ts-content[b-d5403p8edn] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-d5403p8edn] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-d5403p8edn] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-d5403p8edn] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-d5403p8edn] {
    margin-left: 14px;
}

.modal-ts-footer[b-d5403p8edn] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-d5403p8edn] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}

.span-entry-title[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-d5403p8edn] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-d5403p8edn] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-d5403p8edn] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-d5403p8edn] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-d5403p8edn] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-d5403p8edn] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-d5403p8edn] {
    margin: 0;
}

input[type="date"][b-d5403p8edn]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.btnstyle[b-d5403p8edn], .btn-competence[b-d5403p8edn], .btnstyle-note[b-d5403p8edn] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}



.btn-leftmenu-active[b-d5403p8edn] {
    color: #0898D7;
    height: 59px;
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

.btn-leftmenu-comp-active[b-d5403p8edn] {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

.imgstyle[b-d5403p8edn] {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

.span-comp-title[b-d5403p8edn] {
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-comp-sub-title[b-d5403p8edn] {
    margin-left: 10px;
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}

.span-comp-value[b-d5403p8edn] {
    color: #8395A7;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}


.btn-new-comp[b-d5403p8edn] {
    border: none;
    width: 100%;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #576574;
    height: 53px;
    font-size: 14px;
}

    .btn-new-comp:hover[b-d5403p8edn] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

    .btn-new-comp:focus[b-d5403p8edn], .btn-new-comp:focus-visible[b-d5403p8edn], .btn-new-comp:active[b-d5403p8edn] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

.div-new-comp[b-d5403p8edn] {
    border: 0.5px solid #E6E6E6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    border: 0.5px solid #E6E6E6;
    opacity: 1;
    width: 100%;
}

.div-comp[b-d5403p8edn] {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    max-width: 396px;
    min-width: 330px;
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

.btn_upload[b-d5403p8edn] {
    margin-top: 23px;
    text-align: center;
    width: 90% !important;
    height: 38px !important;
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 3px;
    position: static;
    border: 1px dashed #7cbbf9;
    color: #576574;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    background-position: 15% 52% !important;
    margin-left: 21px;
    background: transparent url(/icons/attchement.svg) no-repeat;
    background-position: 24% 50%;
    background-size: 8px 18px;
    width: 46px;
    height: 42px;
    text-decoration: none;
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding-top: 7px;
}

    .btn_upload:hover[b-d5403p8edn] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

    .btn_upload:active[b-d5403p8edn], .btn_upload:focus[b-d5403p8edn] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

input[type="file"][b-d5403p8edn] {
    display: none;
}


@media (max-width:360px) {
    .btn_upload[b-d5403p8edn]

{
    background-position: 18% 50% !important;
}

}

@media (max-width:850px) {
    .div-log-container[b-d5403p8edn] {
        width: 100% !important;
        height: unset !important;
        padding-bottom: 19px;
        padding-top: 13px !important;
    }
}
.modal-body-recept[b-d5403p8edn] {
    overflow: scroll;
    overflow-x: hidden;
    height: calc(100vh - 110px);
}
/* /Mobiles/Commande-mobile/ReceptionPage.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-dkr61cedf7]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-dkr61cedf7] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-dkr61cedf7] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-dkr61cedf7] {
    width: 100%;
}

    .switch input[type=checkbox][b-dkr61cedf7] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-dkr61cedf7] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-dkr61cedf7] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-dkr61cedf7]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-dkr61cedf7]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-dkr61cedf7] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-dkr61cedf7] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-dkr61cedf7] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-dkr61cedf7] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-dkr61cedf7] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-dkr61cedf7] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-dkr61cedf7] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-dkr61cedf7] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-dkr61cedf7], .column-3:focus[b-dkr61cedf7] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-dkr61cedf7] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-dkr61cedf7] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-dkr61cedf7] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-dkr61cedf7] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-dkr61cedf7] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-dkr61cedf7] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-dkr61cedf7] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-dkr61cedf7] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-dkr61cedf7] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-dkr61cedf7] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-dkr61cedf7] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-dkr61cedf7] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-dkr61cedf7] {
    margin-right: 0px;
}


select[b-dkr61cedf7] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-dkr61cedf7]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-dkr61cedf7] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-dkr61cedf7] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-dkr61cedf7] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-dkr61cedf7] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-dkr61cedf7] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-dkr61cedf7] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-dkr61cedf7] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-dkr61cedf7] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-dkr61cedf7] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-dkr61cedf7] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-dkr61cedf7] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-dkr61cedf7]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-dkr61cedf7]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-dkr61cedf7] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-dkr61cedf7] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-dkr61cedf7] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-dkr61cedf7] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-dkr61cedf7] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-dkr61cedf7] {
    width: 18px;
    height: 14px;
}

.div-footer[b-dkr61cedf7] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-dkr61cedf7] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-dkr61cedf7] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-dkr61cedf7] {
    line-height: 15px;
}

.modal-title-entrerheure[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-dkr61cedf7] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-dkr61cedf7] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-dkr61cedf7] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-dkr61cedf7]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-dkr61cedf7]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-dkr61cedf7]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-dkr61cedf7]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-dkr61cedf7] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-dkr61cedf7] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-dkr61cedf7] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-dkr61cedf7] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-dkr61cedf7] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-dkr61cedf7] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-dkr61cedf7] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-dkr61cedf7] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-dkr61cedf7] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-dkr61cedf7] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-dkr61cedf7] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-dkr61cedf7] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-dkr61cedf7] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-dkr61cedf7] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-dkr61cedf7] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-dkr61cedf7] {
    margin-top: 12px;
}

.img-choix[b-dkr61cedf7] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-dkr61cedf7] {
    margin-left: 4px;
}

.body-entry-time1[b-dkr61cedf7] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-dkr61cedf7] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-dkr61cedf7] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-dkr61cedf7] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-dkr61cedf7] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-dkr61cedf7] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-dkr61cedf7] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-dkr61cedf7] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-dkr61cedf7] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-dkr61cedf7] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-dkr61cedf7] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-dkr61cedf7] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-dkr61cedf7] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-dkr61cedf7] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-dkr61cedf7] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-dkr61cedf7] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-dkr61cedf7] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-dkr61cedf7] {
    margin-top: 9px;
}

.span-debut-chrono[b-dkr61cedf7] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-dkr61cedf7] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-dkr61cedf7] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-dkr61cedf7] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-dkr61cedf7] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-dkr61cedf7] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-dkr61cedf7] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-dkr61cedf7] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-dkr61cedf7] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-dkr61cedf7] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-dkr61cedf7] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-dkr61cedf7] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-dkr61cedf7] {
    margin-top: -28px;
}

.div-title-manuel[b-dkr61cedf7] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-dkr61cedf7] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-dkr61cedf7] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-dkr61cedf7] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-dkr61cedf7] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-dkr61cedf7] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-dkr61cedf7] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-dkr61cedf7] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-dkr61cedf7] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-dkr61cedf7] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-dkr61cedf7] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-dkr61cedf7] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-dkr61cedf7] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-dkr61cedf7] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-dkr61cedf7] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-dkr61cedf7] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-dkr61cedf7] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-dkr61cedf7] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-dkr61cedf7] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-dkr61cedf7] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-dkr61cedf7] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-dkr61cedf7] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-dkr61cedf7] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-dkr61cedf7] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-dkr61cedf7] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-dkr61cedf7] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-dkr61cedf7] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-dkr61cedf7] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-dkr61cedf7] {
    margin-left: 114px;
}

.note-livrer-pos[b-dkr61cedf7] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-dkr61cedf7] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-dkr61cedf7] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-dkr61cedf7] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-dkr61cedf7] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-dkr61cedf7] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-dkr61cedf7] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-dkr61cedf7] {
    width: 42px;
    height: 42px;
}

.span-scan[b-dkr61cedf7] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-dkr61cedf7] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-dkr61cedf7] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-dkr61cedf7] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-dkr61cedf7] {
        display: block !important;
    }

    .display-date-sec[b-dkr61cedf7] {
        display: none !important;
    }
}

.display-date[b-dkr61cedf7] {
    display: none;
}

.modal-ts-content[b-dkr61cedf7] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-dkr61cedf7] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-dkr61cedf7] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-dkr61cedf7] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-dkr61cedf7] {
    margin-left: 14px;
}

.modal-ts-footer[b-dkr61cedf7] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-dkr61cedf7] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}

.span-entry-title[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-dkr61cedf7] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-dkr61cedf7] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-dkr61cedf7] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-dkr61cedf7] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-dkr61cedf7] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-dkr61cedf7] {
    margin: 0;
}

input[type="date"][b-dkr61cedf7]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.card-item[b-dkr61cedf7] {
    margin-left: 16px;
    margin-top: 14px;
    border: 0.5px solid #e6e6e6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    border-radius: 5px;
    opacity: 1;
    min-width: 338px;
    max-width: 445px;
    height: 148px;
}

.img-statutLivrer-purple[b-dkr61cedf7] {
    width: 33px;
    height: 33px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    opacity: 1;
    object-fit: cover;
    border-radius: 50%;
    margin-left: -7px;
    margin-top: 6px;
}

.span-item[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 10px;
    left: 58px;
    position: absolute;
}

.span-item-number[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Demi Regular';
    float: right;
    margin-top: 2px;
}

.span-item-name[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 38px;
    left: 58px;
    position: absolute;
}

.span-item-value-title[b-dkr61cedf7] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 5px;
}

.span-item-value[b-dkr61cedf7] {
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
}

.img-item-value[b-dkr61cedf7] {
    width: 16px;
    height: 16px;
}

.px-4[b-dkr61cedf7] {
    padding-right: 0px !important;
}

.content[b-dkr61cedf7] {
    padding-left: 1px !important;
    padding-top: 0px !important;
}

html[b-dkr61cedf7], body[b-dkr61cedf7] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.cards[b-dkr61cedf7] {
    max-width: 1200px;
    margin-right: 23px;
    margin-left: 14px;
    display: grid;
}

@media (min-width: 1123px) {
    .cards[b-dkr61cedf7] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1123px) and (max-width:1310px) {
    .card-item[b-dkr61cedf7] {
        height: unset !important;
    }

    .card-item-content[b-dkr61cedf7] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-dkr61cedf7] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 1123px) {

    .card-item[b-dkr61cedf7] {
        max-width: 100%;
    }
}

@media (max-width: 800px) {
    .div-scroll[b-dkr61cedf7] {
        overflow: scroll;
        height: calc(100% - 150px);
    }
}


.card-item-content[b-dkr61cedf7] {
    display: flex;
}

.card-item-col-first[b-dkr61cedf7] {
    display: flex;
    flex-direction: column;
    margin-top: 29px;
    margin-left: 10%;
    width: 100%
}

.card-item-col-sec[b-dkr61cedf7] {
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    margin-top: 28px;
    width: 100%
}

@media(max-width:1310px ) {
    .span-qtep[b-dkr61cedf7] {
        margin-left: 20px;
    }

    .span-qtel[b-dkr61cedf7] {
        margin-left: 51px;
    }

    .span-u[b-dkr61cedf7] {
        margin-left: 95px;
    }

    .span-main[b-dkr61cedf7] {
        margin-left: 61px;
    }
}

@media(min-width:1310px ) {
    .span-qtep[b-dkr61cedf7] {
        margin-left: 10px;
    }

    .span-qtel[b-dkr61cedf7] {
        margin-left: 41px;
    }

    .span-u[b-dkr61cedf7] {
        margin-left: 57px;
    }

    .span-main[b-dkr61cedf7] {
        margin-left: 24px;
    }
}

@media (max-width: 475px) {
    .span-qtep[b-dkr61cedf7] {
        margin-left: 19px;
    }
}

.btnstyle[b-dkr61cedf7], .btn-competence[b-dkr61cedf7], .btnstyle-note[b-dkr61cedf7] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}



.btn-leftmenu-active[b-dkr61cedf7] {
    color: #0898D7;
    height: 59px;
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

.btn-leftmenu-comp-active[b-dkr61cedf7] {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

.imgstyle[b-dkr61cedf7] {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

.span-comp-title[b-dkr61cedf7] {
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-comp-sub-title[b-dkr61cedf7] {
    margin-left: 10px;
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}

.span-comp-value[b-dkr61cedf7] {
    color: #8395A7;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}


.btn-new-comp[b-dkr61cedf7] {
    border: none;
    width: 100%;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #576574;
    height: 53px;
    font-size: 14px;
}

    .btn-new-comp:hover[b-dkr61cedf7] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

    .btn-new-comp:focus[b-dkr61cedf7], .btn-new-comp:focus-visible[b-dkr61cedf7], .btn-new-comp:active[b-dkr61cedf7] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

.div-new-comp[b-dkr61cedf7] {
    border: 0.5px solid #E6E6E6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    border: 0.5px solid #E6E6E6;
    opacity: 1;
    width: 100%;
}

.div-comp[b-dkr61cedf7] {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    max-width: 396px;
    min-width: 330px;
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

.btn_upload[b-dkr61cedf7] {
    margin-top: 23px;
    text-align: center;
    width: 90% !important;
    height: 38px !important;
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 3px;
    position: static;
    border: 1px dashed #7cbbf9;
    color: #576574;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    background-position: 15% 52% !important;
    margin-left: 21px;
    background: transparent url(/icons/attchement.svg) no-repeat;
    background-position: 24% 50%;
    background-size: 8px 18px;
    width: 46px;
    height: 42px;
    text-decoration: none;
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding-top: 7px;
}

    .btn_upload:hover[b-dkr61cedf7] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

    .btn_upload:active[b-dkr61cedf7], .btn_upload:focus[b-dkr61cedf7] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

input[type="file"][b-dkr61cedf7] {
    display: none;
}
/*
.textarea-note-style {
	caret-color: #1E90FF ;
	width: 93%;
	height: 58px;
	background: #EFF2F3 0% 0% no-repeat padding-box;
	opacity: 1;
	font-family:'Franklin Book Regular';
	font-size: 12px;
	color: #35414C;
	border: #EFF2F3;
	border-radius: 7px;
	outline: none;
	padding: 8px;
 
	margin-top: 19px;
}
	.textarea-note-style:focus, .textarea-note-style:active, .textarea-note-style:hover {
		border: #EFF2F3;
		outline: none;
		border-radius: 7px;
	}*/


.

@media (max-width:360px)[b-dkr61cedf7] {
    .btn_upload

{
    background-position: 18% 50% !important;
}

}

@media (max-width:850px) {
    .div-log-container[b-dkr61cedf7] {
        width: 100% !important;
        height: unset !important;
        padding-bottom: 19px;
        padding-top: 13px !important;
    }
}

.div-comp[b-dkr61cedf7] {
    max-width: unset !important;
    min-width: unset !important;
    width: 100% !important;
}

.input-style[b-dkr61cedf7] {
    width: 95% !important;
    max-width: unset !important;
    min-width: unset !important;
}

@media (min-width:900px) {
    .card-info[b-dkr61cedf7] {
        margin-top: -9px !important;
        padding-top: 3px;
    }
}

@media (max-width:900px) {
    .taskdetail-col[b-dkr61cedf7] {
        padding-top: 0 !important;
    }
}

@media (max-width:1150px) {
    .div-note-content[b-dkr61cedf7] {
        height: unset !important;
    }

    .div-note-content[b-dkr61cedf7] {
        flex-direction: column;
    }

    .div-espace-note[b-dkr61cedf7] {
        margin-left: 54px !important;
    }

    .div-notee[b-dkr61cedf7] {
        margin-top: -34px;
        margin-left: 48px;
    }

    .div-text-note[b-dkr61cedf7] {
        margin-top: 0px !important;
    }
}

@media (min-width:650px) {
    .div-cmd[b-dkr61cedf7] {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        margin-top: 8px;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:650px) and (min-width:475px) {
    .div-cmd[b-dkr61cedf7] {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:475px) {
    .div-cmd[b-dkr61cedf7] {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

.text-sty[b-dkr61cedf7] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

@media (min-width: 1123px) {
    .card-item-content[b-dkr61cedf7] {
        width: 100%;
    }

    .card-item-col-first[b-dkr61cedf7] {
        width: 50% !important;
        margin-left: 0 !important;
    }

    .card-item-col-sec[b-dkr61cedf7] {
        width: 50% !important;
        margin-left: 0 !important;
    }
}

@media (min-width: 1123px) and (max-width: 1310px) {
    .card-item-col-sec[b-dkr61cedf7], .card-item-col-first[b-dkr61cedf7] {
        width: 100% !important;
    }

    .card-item-content[b-dkr61cedf7] {
        padding-left: 32px;
    }
}

.item-div-one[b-dkr61cedf7] {
    flex: auto;
}

.span-item-value[b-dkr61cedf7] {
    padding-right: 20px;
}

.card-item-col-first[b-dkr61cedf7] {
    margin-left: 0 !important;
}
.modal-recept-content[b-dkr61cedf7] {
    width: 335px;
    height: 583px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-recept[b-dkr61cedf7] {
    width: 335px;
    height: 60px;
    background: #E67E22 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

[b-dkr61cedf7]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.modal-footer-recept[b-dkr61cedf7] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}


.modal-body-recept[b-dkr61cedf7] {
    overflow: scroll;
    overflow-x: hidden;
    height: calc(100vh - 110px);
}
/* /Mobiles/LabelsManagement-mobile/LabelCardComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.list-title[b-ot6pnxez2d] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.icon-list-code[b-ot6pnxez2d] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.list-sub-title[b-ot6pnxez2d] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.list-ref[b-ot6pnxez2d] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.list-price[b-ot6pnxez2d] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.img-round[b-ot6pnxez2d] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}


.div-col-res[b-ot6pnxez2d] {
    flex-direction: column;
    display: flex;
    padding-left: 12px;
    padding-bottom: 5px;
}

.div-row-res[b-ot6pnxez2d] {
    display: flex;
    margin-left: 8px;
    margin-top: 6px;
}

.list-state[b-ot6pnxez2d] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
    margin-top: 3px;
    margin-left: 3px;
}

.div-state[b-ot6pnxez2d] {
    display: flex;
    padding-left: 13px;
}

.list-card[b-ot6pnxez2d] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .list-card:hover[b-ot6pnxez2d] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 500px) {
    .div-content[b-ot6pnxez2d] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-ot6pnxez2d] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}

.list-div[b-ot6pnxez2d] {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}


.icon-list-code[b-ot6pnxez2d] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}
/* /Mobiles/Mobile-Components/Administration/ActionListMapViewTableDefList.razor.rz.scp.css */
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

.modal-menu-content[b-dfnxl8jpqr] {
    width: 100%;
    height: 100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border-radius: 3px;
    opacity: 1;
    position: fixed;
    bottom: 0;
}

.modal-body-menu[b-dfnxl8jpqr] {
}

.modal-div[b-dfnxl8jpqr] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.span-menu-modal[b-dfnxl8jpqr] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.3px;
    color: #576574;
    text-transform: capitalize;
    opacity: 1;
    padding-left: 15px;
}

.list-group-item[b-dfnxl8jpqr] {
    padding-left: 1.5rem;
}

.span-menu-modal:hover[b-dfnxl8jpqr] {
    letter-spacing: 0.3px;
    text-align: left;
    text-decoration: underline;
}

.span-blue:hover[b-dfnxl8jpqr] {
    color: #4B7BEC;
}

.span-blueciel:hover[b-dfnxl8jpqr] {
    color: #00A7E2;
}

.span-green:hover[b-dfnxl8jpqr] {
    color: #10AC84;
}

.span-purple:hover[b-dfnxl8jpqr] {
    color: #AC92EC;
}

.span-orange:hover[b-dfnxl8jpqr] {
    color: #EF7911;
}

@media (max-width:850px) {
    .modal-accepter-content[b-dfnxl8jpqr] {
        width: 284px !important;
        height: 215px !important;
        margin-left: 0 !important;
    }

    .modal-body-accepter[b-dfnxl8jpqr] {
        text-align: center;
        height: 119px !important;
    }

    .modal-body-prog[b-dfnxl8jpqr] {
        height: 130px !important;
    }

    .span-accepter-qs[b-dfnxl8jpqr] {
        font-size: 17px !important;
    }

    .modal-center[b-dfnxl8jpqr] {
        text-align: center;
        padding: 0 !important;
    }

    .label-pers[b-dfnxl8jpqr] {
        font-size: 17px !important;
    }

    .span-prog-title[b-dfnxl8jpqr] {
        font-size: 11px !important;
    }

    .modal-center[b-dfnxl8jpqr]:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .modal-center-dialog[b-dfnxl8jpqr] {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    .modal-header-accepter[b-dfnxl8jpqr], .modal-header-prog[b-dfnxl8jpqr] {
        width: 284px !important;
        height: 51px !important;
    }

    .modal-footer-accepter[b-dfnxl8jpqr] {
        width: 284px !important;
        height: 45px !important;
    }

    .modal-center-dialog[b-dfnxl8jpqr] {
        width: unset;
    }

    .img-footer[b-dfnxl8jpqr] {
        margin-left: 2px !important;
    }

    .modal-title[b-dfnxl8jpqr] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
        margin-left: 5px !important;
    }

    .closem[b-dfnxl8jpqr] {
        margin-left: 0 !important;
        margin-top: -4px !important;
        font-size: 39px !important;
        font-family: emoji !important;
    }

    .img-revue[b-dfnxl8jpqr] {
        width: 16px !important;
        margin-left: 3px !important;
    }

    .img-hour[b-dfnxl8jpqr] {
        margin-left: 25% !important;
    }

    .progressbar[value][b-dfnxl8jpqr] {
        width: 90% !important;
    }

    .img-prog[b-dfnxl8jpqr] {
        margin-left: 5px !important;
        margin-top: 7px !important;
        width: 26px !important;
    }

    .modal-title-prog[b-dfnxl8jpqr] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 20ch;
        display: block;
        vertical-align: middle;
        margin-left: 6px !important;
        margin-top: 11px !important;
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
    }

    .closepop-prog[b-dfnxl8jpqr] {
        margin-top: -9px !important;
        right: 9px !important;
        font-family: emoji !important;
    }

    .modal-content-revue[b-dfnxl8jpqr] {
        width: 289px !important;
        height: 434px !important;
    }

    .modal-body-revue[b-dfnxl8jpqr] {
        overflow-y: scroll;
    }

    .modal-footer-revue[b-dfnxl8jpqr] {
        width: 289px !important;
    }

    .div-box-sign[b-dfnxl8jpqr] {
        margin-left: -14px !important;
        width: 242px !important;
    }

    .select-revue[b-dfnxl8jpqr] {
        margin-left: -18px;
        width: 238px !important;
    }

    .col-sec-av[b-dfnxl8jpqr] {
        padding-left: 57px;
    }
}

@media (min-width:468px) and (max-width:850px) {
    .modal-header-entrerheure[b-dfnxl8jpqr] {
        width: 279px !important;
    }

    .div-box-entrermanuel[b-dfnxl8jpqr] {
        width: 247px !important;
        margin: auto;
    }

    .btn-add-new-entrerheure[b-dfnxl8jpqr] {
        width: 100% !important;
    }

    .modal-title-entrerheure[b-dfnxl8jpqr] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 18ch;
        display: block;
        vertical-align: middle;
        font-size: 16px !important;
        font-family: 'Franklin Book Regular' !important;
        margin-top: 19px !important;
    }

    .closepop-entrerheure[b-dfnxl8jpqr] {
        font-family: emoji !important;
        margin-top: -1px !important;
    }

    .modal-content-entrer[b-dfnxl8jpqr] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .img-stat[b-dfnxl8jpqr] {
        margin-left: 13px !important;
    }

    .div-container-entrerheure[b-dfnxl8jpqr] {
        padding-left: 7px !important;
    }

    .div-heures[b-dfnxl8jpqr] {
        display: flex;
        width: 100%;
        padding-right: 14px;
    }

    .div-space[b-dfnxl8jpqr], .div-espace[b-dfnxl8jpqr] {
        margin-top: 11px !important;
        width: 50%;
        margin-left: 9px;
    }

    .div-btns[b-dfnxl8jpqr] {
        display: flex;
        padding-bottom: 24px;
        padding-right: 11px;
        width: 100%;
        padding-top: 7px;
    }

    .div-box-entrerheure[b-dfnxl8jpqr] {
        width: 100% !important;
    }

    .modal-body-entrerheure[b-dfnxl8jpqr] {
        height: unset !important;
    }

    .div-demarer-heures[b-dfnxl8jpqr] {
        align-items: center;
    }

    .div-box-demarerHorloge[b-dfnxl8jpqr] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-dfnxl8jpqr] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-demarer-heures[b-dfnxl8jpqr] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-dfnxl8jpqr] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-dfnxl8jpqr] {
        width: 100% !important;
    }

    .div-entrermanuel-info[b-dfnxl8jpqr] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-left: 15px;
    }
}

@media (max-width:600px) {
    .div-entrermanuel-info[b-dfnxl8jpqr] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width:468px) {

    .modal-body-entrerheure[b-dfnxl8jpqr] {
        height: unset !important;
    }

    .div-box-entrermanuel[b-dfnxl8jpqr] {
        width: 88% !important;
    }

    .modal-content-entrer[b-dfnxl8jpqr] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .btn-add-new-entrerheure[b-dfnxl8jpqr] {
        width: 100% !important;
    }

    .div-box-entrerheure[b-dfnxl8jpqr] {
        width: 85% !important;
    }

    .div-btns[b-dfnxl8jpqr] {
        padding-bottom: 24px;
    }

    .div-container-entrerheure[b-dfnxl8jpqr] {
        padding-left: 37px !important;
    }

    .span-title-demarerHorloge[b-dfnxl8jpqr] {
        margin-left: 9% !important;
    }

    .div-box-demarerHorloge[b-dfnxl8jpqr] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-dfnxl8jpqr] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-box-entrermanuel[b-dfnxl8jpqr] {
        width: 247px !important;
    }

    .div-demarer-heures[b-dfnxl8jpqr] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-dfnxl8jpqr] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-dfnxl8jpqr] {
        width: 100% !important;
    }
}

.div-demarer-heures[b-dfnxl8jpqr] {
    display: flex;
    flex-direction: column;
}

.div-box-date[b-dfnxl8jpqr] {
    margin-left: auto;
}

.div-manuel[b-dfnxl8jpqr] {
    padding-left: 37px !important;
}

.div-box-date-container[b-dfnxl8jpqr] {
    width: 90% !important;
}

.div-box-note-container[b-dfnxl8jpqr] {
    width: 88% !important;
}

@media (max-width:470px) {
    .card-item[b-dfnxl8jpqr] {
        height: unset !important;
    }

    .card-item-content[b-dfnxl8jpqr] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-dfnxl8jpqr] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

.img-item-value[b-dfnxl8jpqr] {
    width: 20px !important;
}

.col-first-item[b-dfnxl8jpqr], .col-sec-item[b-dfnxl8jpqr] {
    margin-left: 0 !important;
}

.col-first-item[b-dfnxl8jpqr] {
    padding-left: 57px;
}

.btn-add-new[b-dfnxl8jpqr] {
    width: 100% !important;
}

.list-card-livrer[b-dfnxl8jpqr] {
    overflow: scroll;
    height: calc(100vh - 169px);
}

.list-demarer-horloge[b-dfnxl8jpqr] {
    overflow: scroll;
    height: calc(100vh - 163px) !important;
}

.img-req[b-dfnxl8jpqr] {
    float: right !important;
    margin-right: 15px;
}


@media (max-width:850px) {
    .modal-req-content[b-dfnxl8jpqr] {
        width: 285px !important;
    }

    .modal-header-req[b-dfnxl8jpqr] {
        width: 285px !important;
    }

    .modal-footer-req[b-dfnxl8jpqr] {
        width: 100% !important;
    }

    .triangle-left[b-dfnxl8jpqr] {
        display: none;
    }

    .closereq[b-dfnxl8jpqr] {
        margin-top: -4px !important;
        font-family: emoji !important;
        font-size: 38px !important;
        margin-left: 0 !important;
    }

    .modal-title-req[b-dfnxl8jpqr] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 14px !important;
    }

    .mod-req[b-dfnxl8jpqr] {
        background-color: rgb(34,47,62,.75) !important;
    }

    .modal-req-content[b-dfnxl8jpqr] {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

.modal-header-revue[b-dfnxl8jpqr] {
    align-items: center;
}

.closerev[b-dfnxl8jpqr] {
    font-family: emoji !important;
    margin-top: -48px !important;
}


.modalfooter-style[b-dfnxl8jpqr] {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    box-shadow: 3px 3px 6px #00000040;
}

.img-book[b-dfnxl8jpqr] {
    width: 35px;
    height: 35px;

}
/* /Mobiles/Mobile-Components/Administration/ActionListResourcesBookList.razor.rz.scp.css */
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

.modal-menu-content[b-s1gdnjvpah] {
    width: 100%;
    height: 100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border-radius: 3px;
    opacity: 1;
    position: fixed;
    bottom: 0;
}

.modal-body-menu[b-s1gdnjvpah] {
}

.modal-div[b-s1gdnjvpah] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.span-menu-modal[b-s1gdnjvpah] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.3px;
    color: #576574;
    text-transform: capitalize;
    opacity: 1;
    padding-left: 15px;
}

.list-group-item[b-s1gdnjvpah] {
    padding-left: 1.5rem;
}

.span-menu-modal:hover[b-s1gdnjvpah] {
    letter-spacing: 0.3px;
    text-align: left;
    text-decoration: underline;
}

.span-blue:hover[b-s1gdnjvpah] {
    color: #4B7BEC;
}

.span-blueciel:hover[b-s1gdnjvpah] {
    color: #00A7E2;
}

.span-green:hover[b-s1gdnjvpah] {
    color: #10AC84;
}

.span-purple:hover[b-s1gdnjvpah] {
    color: #AC92EC;
}

.span-orange:hover[b-s1gdnjvpah] {
    color: #EF7911;
}

@media (max-width:850px) {
    .modal-accepter-content[b-s1gdnjvpah] {
        width: 284px !important;
        height: 215px !important;
        margin-left: 0 !important;
    }

    .modal-body-accepter[b-s1gdnjvpah] {
        text-align: center;
        height: 119px !important;
    }

    .modal-body-prog[b-s1gdnjvpah] {
        height: 130px !important;
    }

    .span-accepter-qs[b-s1gdnjvpah] {
        font-size: 17px !important;
    }

    .modal-center[b-s1gdnjvpah] {
        text-align: center;
        padding: 0 !important;
    }

    .label-pers[b-s1gdnjvpah] {
        font-size: 17px !important;
    }

    .span-prog-title[b-s1gdnjvpah] {
        font-size: 11px !important;
    }

    .modal-center[b-s1gdnjvpah]:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .modal-center-dialog[b-s1gdnjvpah] {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    .modal-header-accepter[b-s1gdnjvpah], .modal-header-prog[b-s1gdnjvpah] {
        width: 284px !important;
        height: 51px !important;
    }

    .modal-footer-accepter[b-s1gdnjvpah] {
        width: 284px !important;
        height: 45px !important;
    }

    .modal-center-dialog[b-s1gdnjvpah] {
        width: unset;
    }

    .img-footer[b-s1gdnjvpah] {
        margin-left: 2px !important;
    }

    .modal-title[b-s1gdnjvpah] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
        margin-left: 5px !important;
    }

    .closem[b-s1gdnjvpah] {
        margin-left: 0 !important;
        margin-top: -4px !important;
        font-size: 39px !important;
        font-family: emoji !important;
    }

    .img-revue[b-s1gdnjvpah] {
        width: 16px !important;
        margin-left: 3px !important;
    }

    .img-hour[b-s1gdnjvpah] {
        margin-left: 25% !important;
    }

    .progressbar[value][b-s1gdnjvpah] {
        width: 90% !important;
    }

    .img-prog[b-s1gdnjvpah] {
        margin-left: 5px !important;
        margin-top: 7px !important;
        width: 26px !important;
    }

    .modal-title-prog[b-s1gdnjvpah] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 20ch;
        display: block;
        vertical-align: middle;
        margin-left: 6px !important;
        margin-top: 11px !important;
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
    }

    .closepop-prog[b-s1gdnjvpah] {
        margin-top: -9px !important;
        right: 9px !important;
        font-family: emoji !important;
    }

    .modal-content-revue[b-s1gdnjvpah] {
        width: 289px !important;
        height: 434px !important;
    }

    .modal-body-revue[b-s1gdnjvpah] {
        overflow-y: scroll;
    }

    .modal-footer-revue[b-s1gdnjvpah] {
        width: 289px !important;
    }

    .div-box-sign[b-s1gdnjvpah] {
        margin-left: -14px !important;
        width: 242px !important;
    }

    .select-revue[b-s1gdnjvpah] {
        margin-left: -18px;
        width: 238px !important;
    }

    .col-sec-av[b-s1gdnjvpah] {
        padding-left: 57px;
    }
}

@media (min-width:468px) and (max-width:850px) {
    .modal-header-entrerheure[b-s1gdnjvpah] {
        width: 279px !important;
    }

    .div-box-entrermanuel[b-s1gdnjvpah] {
        width: 247px !important;
        margin: auto;
    }

    .btn-add-new-entrerheure[b-s1gdnjvpah] {
        width: 100% !important;
    }

    .modal-title-entrerheure[b-s1gdnjvpah] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 18ch;
        display: block;
        vertical-align: middle;
        font-size: 16px !important;
        font-family: 'Franklin Book Regular' !important;
        margin-top: 19px !important;
    }

    .closepop-entrerheure[b-s1gdnjvpah] {
        font-family: emoji !important;
        margin-top: -1px !important;
    }

    .modal-content-entrer[b-s1gdnjvpah] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .img-stat[b-s1gdnjvpah] {
        margin-left: 13px !important;
    }

    .div-container-entrerheure[b-s1gdnjvpah] {
        padding-left: 7px !important;
    }

    .div-heures[b-s1gdnjvpah] {
        display: flex;
        width: 100%;
        padding-right: 14px;
    }

    .div-space[b-s1gdnjvpah], .div-espace[b-s1gdnjvpah] {
        margin-top: 11px !important;
        width: 50%;
        margin-left: 9px;
    }

    .div-btns[b-s1gdnjvpah] {
        display: flex;
        padding-bottom: 24px;
        padding-right: 11px;
        width: 100%;
        padding-top: 7px;
    }

    .div-box-entrerheure[b-s1gdnjvpah] {
        width: 100% !important;
    }

    .modal-body-entrerheure[b-s1gdnjvpah] {
        height: unset !important;
    }

    .div-demarer-heures[b-s1gdnjvpah] {
        align-items: center;
    }

    .div-box-demarerHorloge[b-s1gdnjvpah] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-s1gdnjvpah] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-demarer-heures[b-s1gdnjvpah] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-s1gdnjvpah] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-s1gdnjvpah] {
        width: 100% !important;
    }

    .div-entrermanuel-info[b-s1gdnjvpah] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-left: 15px;
    }
}

@media (max-width:600px) {
    .div-entrermanuel-info[b-s1gdnjvpah] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width:468px) {

    .modal-body-entrerheure[b-s1gdnjvpah] {
        height: unset !important;
    }

    .div-box-entrermanuel[b-s1gdnjvpah] {
        width: 88% !important;
    }

    .modal-content-entrer[b-s1gdnjvpah] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .btn-add-new-entrerheure[b-s1gdnjvpah] {
        width: 100% !important;
    }

    .div-box-entrerheure[b-s1gdnjvpah] {
        width: 85% !important;
    }

    .div-btns[b-s1gdnjvpah] {
        padding-bottom: 24px;
    }

    .div-container-entrerheure[b-s1gdnjvpah] {
        padding-left: 37px !important;
    }

    .span-title-demarerHorloge[b-s1gdnjvpah] {
        margin-left: 9% !important;
    }

    .div-box-demarerHorloge[b-s1gdnjvpah] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-s1gdnjvpah] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-box-entrermanuel[b-s1gdnjvpah] {
        width: 247px !important;
    }

    .div-demarer-heures[b-s1gdnjvpah] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-s1gdnjvpah] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-s1gdnjvpah] {
        width: 100% !important;
    }
}

.div-demarer-heures[b-s1gdnjvpah] {
    display: flex;
    flex-direction: column;
}

.div-box-date[b-s1gdnjvpah] {
    margin-left: auto;
}

.div-manuel[b-s1gdnjvpah] {
    padding-left: 37px !important;
}

.div-box-date-container[b-s1gdnjvpah] {
    width: 90% !important;
}

.div-box-note-container[b-s1gdnjvpah] {
    width: 88% !important;
}

@media (max-width:470px) {
    .card-item[b-s1gdnjvpah] {
        height: unset !important;
    }

    .card-item-content[b-s1gdnjvpah] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-s1gdnjvpah] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

.img-item-value[b-s1gdnjvpah] {
    width: 20px !important;
}

.col-first-item[b-s1gdnjvpah], .col-sec-item[b-s1gdnjvpah] {
    margin-left: 0 !important;
}

.col-first-item[b-s1gdnjvpah] {
    padding-left: 57px;
}

.btn-add-new[b-s1gdnjvpah] {
    width: 100% !important;
}

.list-card-livrer[b-s1gdnjvpah] {
    overflow: scroll;
    height: calc(100vh - 169px);
}

.list-demarer-horloge[b-s1gdnjvpah] {
    overflow: scroll;
    height: calc(100vh - 163px) !important;
}

.img-req[b-s1gdnjvpah] {
    float: right !important;
    margin-right: 15px;
}


@media (max-width:850px) {
    .modal-req-content[b-s1gdnjvpah] {
        width: 285px !important;
    }

    .modal-header-req[b-s1gdnjvpah] {
        width: 285px !important;
    }

    .modal-footer-req[b-s1gdnjvpah] {
        width: 100% !important;
    }

    .triangle-left[b-s1gdnjvpah] {
        display: none;
    }

    .closereq[b-s1gdnjvpah] {
        margin-top: -4px !important;
        font-family: emoji !important;
        font-size: 38px !important;
        margin-left: 0 !important;
    }

    .modal-title-req[b-s1gdnjvpah] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 14px !important;
    }

    .mod-req[b-s1gdnjvpah] {
        background-color: rgb(34,47,62,.75) !important;
    }

    .modal-req-content[b-s1gdnjvpah] {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

.modal-header-revue[b-s1gdnjvpah] {
    align-items: center;
}

.closerev[b-s1gdnjvpah] {
    font-family: emoji !important;
    margin-top: -48px !important;
}


.modalfooter-style[b-s1gdnjvpah] {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    box-shadow: 3px 3px 6px #00000040;
}
.img-book[b-s1gdnjvpah] {
    width: 35px;
    height: 35px;
    margin-top: -16px;
}
/* /Mobiles/Mobile-Components/Administration/CalendarTemplateComponentMobile.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.list-title[b-r3k2wm7axd] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.icon-list-code[b-r3k2wm7axd] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.list-sub-title[b-r3k2wm7axd] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.list-ref[b-r3k2wm7axd] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.list-price[b-r3k2wm7axd] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.img-round[b-r3k2wm7axd] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}


.div-col-res[b-r3k2wm7axd] {
    flex-direction: column;
    display: flex;
    padding-left: 12px;
    padding-bottom: 5px;
}

.div-row-res[b-r3k2wm7axd] {
    display: flex;
    margin-left: 8px;
    margin-top: 6px;
}

.list-state[b-r3k2wm7axd] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
    margin-top: 3px;
    margin-left: 3px;
}

.div-state[b-r3k2wm7axd] {
    display: flex;
    padding-left: 13px;
}

.list-card[b-r3k2wm7axd] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .list-card:hover[b-r3k2wm7axd] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 500px) {
    .div-content[b-r3k2wm7axd] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-r3k2wm7axd] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}

.list-div[b-r3k2wm7axd] {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}


.icon-list-code[b-r3k2wm7axd] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}
/* /Mobiles/Mobile-Components/Administration/MapViewTableDefComponentMobile.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.list-title[b-ur1znfnknn] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.icon-list-code[b-ur1znfnknn] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.list-sub-title[b-ur1znfnknn] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.list-ref[b-ur1znfnknn] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.list-price[b-ur1znfnknn] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.img-round[b-ur1znfnknn] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}


.div-col-res[b-ur1znfnknn] {
    flex-direction: column;
    display: flex;
    padding-left: 12px;
    padding-bottom: 5px;
}

.div-row-res[b-ur1znfnknn] {
    display: flex;
    margin-left: 8px;
    margin-top: 6px;
}

.list-state[b-ur1znfnknn] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
    margin-top: 3px;
    margin-left: 3px;
}

.div-state[b-ur1znfnknn] {
    display: flex;
    padding-left: 13px;
}

.list-card[b-ur1znfnknn] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .list-card:hover[b-ur1znfnknn] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 500px) {
    .div-content[b-ur1znfnknn] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-ur1znfnknn] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}

.list-div[b-ur1znfnknn] {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}


.icon-list-code[b-ur1znfnknn] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}
/* /Mobiles/Mobile-Components/Administration/ResourcesBookedCardComponentMobile.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.list-title[b-e8nltgqkcz] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.icon-list-code[b-e8nltgqkcz] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.list-sub-title[b-e8nltgqkcz] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.list-ref[b-e8nltgqkcz] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.list-price[b-e8nltgqkcz] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.img-round[b-e8nltgqkcz] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}


.div-col-res[b-e8nltgqkcz] {
    flex-direction: column;
    display: flex;
    padding-left: 12px;
    padding-bottom: 5px;
}

.div-row-res[b-e8nltgqkcz] {
    display: flex;
    margin-left: 8px;
    margin-top: 6px;
}

.list-state[b-e8nltgqkcz] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
    margin-top: 3px;
    margin-left: 3px;
}

.div-state[b-e8nltgqkcz] {
    display: flex;
    padding-left: 13px;
}

.list-card[b-e8nltgqkcz] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .list-card:hover[b-e8nltgqkcz] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 500px) {
    .div-content[b-e8nltgqkcz] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-e8nltgqkcz] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}

.list-div[b-e8nltgqkcz] {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}


.icon-list-code[b-e8nltgqkcz] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}
/* /Mobiles/Mobile-Components/Administration/ResourcesSuppCardComponentMobile.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.list-title[b-mpn0eed0dr] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.icon-list-code[b-mpn0eed0dr] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.list-sub-title[b-mpn0eed0dr] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.list-ref[b-mpn0eed0dr] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.list-price[b-mpn0eed0dr] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.img-round[b-mpn0eed0dr] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}


.div-col-res[b-mpn0eed0dr] {
    flex-direction: column;
    display: flex;
    padding-left: 12px;
    padding-bottom: 5px;
}

.div-row-res[b-mpn0eed0dr] {
    display: flex;
    margin-left: 8px;
    margin-top: 6px;
}

.list-state[b-mpn0eed0dr] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
    margin-top: 3px;
    margin-left: 3px;
}

.div-state[b-mpn0eed0dr] {
    display: flex;
    padding-left: 13px;
}

.list-card[b-mpn0eed0dr] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .list-card:hover[b-mpn0eed0dr] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 500px) {
    .div-content[b-mpn0eed0dr] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-mpn0eed0dr] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}

.list-div[b-mpn0eed0dr] {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}


.icon-list-code[b-mpn0eed0dr] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}
/* /Mobiles/Mobile-Components/Administration/WorkingCalendarComponentMobile.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.list-title[b-tcch96wags] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.icon-list-code[b-tcch96wags] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.list-sub-title[b-tcch96wags] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.list-ref[b-tcch96wags] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.list-price[b-tcch96wags] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.img-round[b-tcch96wags] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}


.div-col-res[b-tcch96wags] {
    flex-direction: column;
    display: flex;
    padding-left: 12px;
    padding-bottom: 5px;
}

.div-row-res[b-tcch96wags] {
    display: flex;
    margin-left: 8px;
    margin-top: 6px;
}

.list-state[b-tcch96wags] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
    margin-top: 3px;
    margin-left: 3px;
}

.div-state[b-tcch96wags] {
    display: flex;
    padding-left: 13px;
}

.list-card[b-tcch96wags] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .list-card:hover[b-tcch96wags] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 500px) {
    .div-content[b-tcch96wags] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-tcch96wags] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}

.list-div[b-tcch96wags] {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}


.icon-list-code[b-tcch96wags] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}
/* /Mobiles/Mobile-Components/CommandeComponents/ActionsListCommandeDetailComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

.modal-menu-content[b-rfgk9dy4bx] {
    width: 100%;
    height: 100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border-radius: 3px;
    opacity: 1;
    position: fixed;
    bottom: 0;
}

.modal-body-menu[b-rfgk9dy4bx] {
}

.modal-div[b-rfgk9dy4bx] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.span-menu-modal[b-rfgk9dy4bx] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.3px;
    color: #576574;
    text-transform: capitalize;
    opacity: 1;
    padding-left: 15px;
}

.list-group-item[b-rfgk9dy4bx] {
    padding-left: 1.5rem;
}

.span-menu-modal:hover[b-rfgk9dy4bx] {
    letter-spacing: 0.3px;
    text-align: left;
    text-decoration: underline;
}

.span-blue:hover[b-rfgk9dy4bx] {
    color: #4B7BEC;
}

.span-blueciel:hover[b-rfgk9dy4bx] {
    color: #00A7E2;
}

.span-green:hover[b-rfgk9dy4bx] {
    color: #10AC84;
}

.span-purple:hover[b-rfgk9dy4bx] {
    color: #AC92EC;
}

.span-orange:hover[b-rfgk9dy4bx] {
    color: #EF7911;
}

@media (max-width:850px) {
    .modal-accepter-content[b-rfgk9dy4bx]{
        width: 284px !important;
        height: 215px !important;
        margin-left: 0 !important;
    }

    .modal-body-accepter[b-rfgk9dy4bx] {
        text-align: center;
        height: 119px !important;
    }

    .modal-body-prog[b-rfgk9dy4bx] {
        height: 130px !important;
    }

    .span-accepter-qs[b-rfgk9dy4bx] {
        font-size: 17px !important;
    }

    .modal-center[b-rfgk9dy4bx] {
        text-align: center;
        padding: 0 !important;
    }

    .label-pers[b-rfgk9dy4bx] {
        font-size: 17px !important;
    }

    .span-prog-title[b-rfgk9dy4bx] {
        font-size: 11px !important;
    }

    .modal-center[b-rfgk9dy4bx]:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .modal-center-dialog[b-rfgk9dy4bx] {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    .modal-header-accepter[b-rfgk9dy4bx], .modal-header-prog[b-rfgk9dy4bx] {
        width: 284px !important;
        height: 51px !important;
    }

    .modal-footer-accepter[b-rfgk9dy4bx] {
        width: 284px !important;
        height: 45px !important;
    }

    .modal-center-dialog[b-rfgk9dy4bx] {
        width: unset;
    }

    .img-footer[b-rfgk9dy4bx] {
        margin-left: 2px !important;
    }

    .modal-title[b-rfgk9dy4bx] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
        margin-left: 5px !important;
    }

    .closem[b-rfgk9dy4bx] {
        margin-left: 0 !important;
        margin-top: -4px !important;
        font-size: 39px !important;
        font-family: emoji !important;
    }

    .img-revue[b-rfgk9dy4bx] {
        width: 16px !important;
        margin-left: 3px !important;
    }

    .img-hour[b-rfgk9dy4bx] {
        margin-left: 25% !important;
    }

    .progressbar[value][b-rfgk9dy4bx] {
        width: 90% !important;
    }

    .img-prog[b-rfgk9dy4bx] {
        margin-left: 5px !important;
        margin-top: 7px !important;
        width: 26px !important;
    }

    .modal-title-prog[b-rfgk9dy4bx] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 20ch;
        display: block;
        vertical-align: middle;
        margin-left: 6px !important;
        margin-top: 11px !important;
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
    }

    .closepop-prog[b-rfgk9dy4bx] {
        margin-top: -9px !important;
        right: 9px !important;
        font-family: emoji !important;
    }

    .modal-content-revue[b-rfgk9dy4bx] {
        width: 289px !important;
        height: 434px !important;
    }

    .modal-body-revue[b-rfgk9dy4bx] {
        overflow-y: scroll;
    }

    .modal-footer-revue[b-rfgk9dy4bx] {
        width: 289px !important;
    }

    .div-box-sign[b-rfgk9dy4bx] {
        margin-left: -14px !important;
        width: 242px !important;
    }

    .select-revue[b-rfgk9dy4bx] {
        margin-left: -18px;
        width: 238px !important;
    }

    .col-sec-av[b-rfgk9dy4bx] {
        padding-left: 57px;
    }
}

@media (min-width:468px) and (max-width:850px) {
    .modal-header-entrerheure[b-rfgk9dy4bx] {
        width: 279px !important;
    }

    .div-box-entrermanuel[b-rfgk9dy4bx] {
        width: 247px !important;
        margin: auto;
    }

    .btn-add-new-entrerheure[b-rfgk9dy4bx] {
        width: 100% !important;
    }

    .modal-title-entrerheure[b-rfgk9dy4bx] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 18ch;
        display: block;
        vertical-align: middle;
        font-size: 16px !important;
        font-family: 'Franklin Book Regular' !important;
        margin-top: 19px !important;
    }

    .closepop-entrerheure[b-rfgk9dy4bx] {
        font-family: emoji !important;
        margin-top: -1px !important;
    }

    .modal-content-entrer[b-rfgk9dy4bx] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .img-stat[b-rfgk9dy4bx] {
        margin-left: 13px !important;
    }

    .div-container-entrerheure[b-rfgk9dy4bx] {
        padding-left: 7px !important;
    }

    .div-heures[b-rfgk9dy4bx] {
        display: flex;
        width: 100%;
        padding-right: 14px;
    }

    .div-space[b-rfgk9dy4bx], .div-espace[b-rfgk9dy4bx] {
        margin-top: 11px !important;
        width: 50%;
        margin-left: 9px;
    }

    .div-btns[b-rfgk9dy4bx] {
        display: flex;
        padding-bottom: 24px;
        padding-right: 11px;
        width: 100%;
        padding-top: 7px;
    }

    .div-box-entrerheure[b-rfgk9dy4bx] {
        width: 100% !important;
    }

    .modal-body-entrerheure[b-rfgk9dy4bx] {
        height: unset !important;
    }

    .div-demarer-heures[b-rfgk9dy4bx] {
        align-items: center;
    }

    .div-box-demarerHorloge[b-rfgk9dy4bx] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-rfgk9dy4bx] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-demarer-heures[b-rfgk9dy4bx] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-rfgk9dy4bx] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-rfgk9dy4bx] {
        width: 100% !important;
    }

    .div-entrermanuel-info[b-rfgk9dy4bx] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-left: 15px;
    }
}

@media (max-width:600px) {
    .div-entrermanuel-info[b-rfgk9dy4bx] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width:468px) {

    .modal-body-entrerheure[b-rfgk9dy4bx] {
        height: unset !important;
    }

    .div-box-entrermanuel[b-rfgk9dy4bx] {
        width: 88% !important;
    }

    .modal-content-entrer[b-rfgk9dy4bx] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .btn-add-new-entrerheure[b-rfgk9dy4bx] {
        width: 100% !important;
    }

    .div-box-entrerheure[b-rfgk9dy4bx] {
        width: 85% !important;
    }

    .div-btns[b-rfgk9dy4bx] {
        padding-bottom: 24px;
    }

    .div-container-entrerheure[b-rfgk9dy4bx] {
        padding-left: 37px !important;
    }

    .span-title-demarerHorloge[b-rfgk9dy4bx] {
        margin-left: 9% !important;
    }

    .div-box-demarerHorloge[b-rfgk9dy4bx] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-rfgk9dy4bx] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-box-entrermanuel[b-rfgk9dy4bx] {
        width: 247px !important;
    }

    .div-demarer-heures[b-rfgk9dy4bx] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-rfgk9dy4bx] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-rfgk9dy4bx] {
        width: 100% !important;
    }
}

.div-demarer-heures[b-rfgk9dy4bx] {
    display: flex;
    flex-direction: column;
}

.div-box-date[b-rfgk9dy4bx] {
    margin-left: auto;
}

.div-manuel[b-rfgk9dy4bx] {
    padding-left: 37px !important;
}

.div-box-date-container[b-rfgk9dy4bx] {
    width: 90% !important;
}

.div-box-note-container[b-rfgk9dy4bx] {
    width: 88% !important;
}

@media (max-width:470px) {
    .card-item[b-rfgk9dy4bx] {
        height: unset !important;
    }

    .card-item-content[b-rfgk9dy4bx] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-rfgk9dy4bx] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

.img-item-value[b-rfgk9dy4bx] {
    width: 20px !important;
}

.col-first-item[b-rfgk9dy4bx], .col-sec-item[b-rfgk9dy4bx] {
    margin-left: 0 !important;
}

.col-first-item[b-rfgk9dy4bx] {
    padding-left: 57px;
}

.btn-add-new[b-rfgk9dy4bx] {
    width: 100% !important;
}

.list-card-livrer[b-rfgk9dy4bx] {
    overflow: scroll;
    height: calc(100vh - 169px);
}

.list-demarer-horloge[b-rfgk9dy4bx] {
    overflow: scroll;
    height: calc(100vh - 163px) !important;
}

.img-req[b-rfgk9dy4bx] {
    float: right !important;
    margin-right: 15px;
}


@media (max-width:850px) {
    .modal-req-content[b-rfgk9dy4bx] {
        width: 285px !important;
    }

    .modal-header-req[b-rfgk9dy4bx] {
        width: 285px !important;
    }

    .modal-footer-req[b-rfgk9dy4bx] {
        width: 100% !important;
    }

    .triangle-left[b-rfgk9dy4bx] {
        display: none;
    }

    .closereq[b-rfgk9dy4bx] {
        margin-top: -4px !important;
        font-family: emoji !important;
        font-size: 38px !important;
        margin-left: 0 !important;
    }

    .modal-title-req[b-rfgk9dy4bx] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 14px !important;
    }

    .mod-req[b-rfgk9dy4bx] {
        background-color: rgb(34,47,62,.75) !important;
    }

    .modal-req-content[b-rfgk9dy4bx] {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

.modal-header-revue[b-rfgk9dy4bx] {
    align-items: center;
}

.closerev[b-rfgk9dy4bx] {
    font-family: emoji !important;
    margin-top: -48px !important;
}


.modalfooter-style[b-rfgk9dy4bx] {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    box-shadow: 3px 3px 6px #00000040;
}
/* /Mobiles/Mobile-Components/CommandeComponents/ActionsListCommandeListComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

.modal-menu-content[b-edbt1qh5p8] {
    width: 100%;
    height: 100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border-radius: 3px;
    opacity: 1;
    position: fixed;
    bottom: 0;
}

.modal-body-menu[b-edbt1qh5p8] {
}

.modal-div[b-edbt1qh5p8] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.span-menu-modal[b-edbt1qh5p8] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.3px;
    color: #576574;
    text-transform: capitalize;
    opacity: 1;
    padding-left: 15px;
}

.list-group-item[b-edbt1qh5p8] {
    padding-left: 1.5rem;
}

.span-menu-modal:hover[b-edbt1qh5p8] {
    letter-spacing: 0.3px;
    text-align: left;
    text-decoration: underline;
}

.span-blue:hover[b-edbt1qh5p8] {
    color: #4B7BEC;
}

.span-blueciel:hover[b-edbt1qh5p8] {
    color: #00A7E2;
}

.span-green:hover[b-edbt1qh5p8] {
    color: #10AC84;
}

.span-purple:hover[b-edbt1qh5p8] {
    color: #AC92EC;
}

.span-orange:hover[b-edbt1qh5p8] {
    color: #EF7911;
}

@media (max-width:850px) {
    .modal-accepter-content[b-edbt1qh5p8], .modal-accepter-content[b-edbt1qh5p8] {
        width: 284px !important;
        height: 215px !important;
        margin-left: 0 !important;
    }

    .modal-body-accepter[b-edbt1qh5p8] {
        text-align: center;
        height: 119px !important;
    }

    .modal-body-prog[b-edbt1qh5p8] {
        height: 130px !important;
    }

    .span-accepter-qs[b-edbt1qh5p8] {
        font-size: 17px !important;
    }

    .modal-center[b-edbt1qh5p8] {
        text-align: center;
        padding: 0 !important;
    }

    .label-pers[b-edbt1qh5p8] {
        font-size: 17px !important;
    }

    .span-prog-title[b-edbt1qh5p8] {
        font-size: 11px !important;
    }

    .modal-center[b-edbt1qh5p8]:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .modal-center-dialog[b-edbt1qh5p8] {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    .modal-header-accepter[b-edbt1qh5p8], .modal-header-prog[b-edbt1qh5p8] {
        width: 284px !important;
        height: 51px !important;
    }

    .modal-footer-accepter[b-edbt1qh5p8] {
        width: 284px !important;
        height: 45px !important;
    }

    .modal-center-dialog[b-edbt1qh5p8] {
        width: unset;
    }

    .img-footer[b-edbt1qh5p8] {
        margin-left: 2px !important;
    }

    .modal-title[b-edbt1qh5p8] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
        margin-left: 5px !important;
    }

    .closem[b-edbt1qh5p8] {
        margin-left: 0 !important;
        margin-top: -4px !important;
        font-size: 39px !important;
        font-family: emoji !important;
    }

    .img-revue[b-edbt1qh5p8] {
        width: 16px !important;
        margin-left: 3px !important;
    }

    .img-hour[b-edbt1qh5p8] {
        margin-left: 25% !important;
    }

    .progressbar[value][b-edbt1qh5p8] {
        width: 90% !important;
    }

    .img-prog[b-edbt1qh5p8] {
        margin-left: 5px !important;
        margin-top: 7px !important;
        width: 26px !important;
    }

    .modal-title-prog[b-edbt1qh5p8] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 20ch;
        display: block;
        vertical-align: middle;
        margin-left: 6px !important;
        margin-top: 11px !important;
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
    }

    .closepop-prog[b-edbt1qh5p8] {
        margin-top: -9px !important;
        right: 9px !important;
        font-family: emoji !important;
    }

    .modal-content-revue[b-edbt1qh5p8] {
        width: 289px !important;
        height: 434px !important;
    }

    .modal-body-revue[b-edbt1qh5p8] {
        overflow-y: scroll;
    }

    .modal-footer-revue[b-edbt1qh5p8] {
        width: 289px !important;
    }

    .div-box-sign[b-edbt1qh5p8] {
        margin-left: -14px !important;
        width: 242px !important;
    }

    .select-revue[b-edbt1qh5p8] {
        margin-left: -18px;
        width: 238px !important;
    }

    .col-sec-av[b-edbt1qh5p8] {
        padding-left: 57px;
    }
}

@media (min-width:468px) and (max-width:850px) {
    .modal-header-entrerheure[b-edbt1qh5p8] {
        width: 279px !important;
    }

    .div-box-entrermanuel[b-edbt1qh5p8] {
        width: 247px !important;
        margin: auto;
    }

    .btn-add-new-entrerheure[b-edbt1qh5p8] {
        width: 100% !important;
    }

    .modal-title-entrerheure[b-edbt1qh5p8] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 18ch;
        display: block;
        vertical-align: middle;
        font-size: 16px !important;
        font-family: 'Franklin Book Regular' !important;
        margin-top: 19px !important;
    }

    .closepop-entrerheure[b-edbt1qh5p8] {
        font-family: emoji !important;
        margin-top: -1px !important;
    }

    .modal-content-entrer[b-edbt1qh5p8] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .img-stat[b-edbt1qh5p8] {
        margin-left: 13px !important;
    }

    .div-container-entrerheure[b-edbt1qh5p8] {
        padding-left: 7px !important;
    }

    .div-heures[b-edbt1qh5p8] {
        display: flex;
        width: 100%;
        padding-right: 14px;
    }

    .div-space[b-edbt1qh5p8], .div-espace[b-edbt1qh5p8] {
        margin-top: 11px !important;
        width: 50%;
        margin-left: 9px;
    }

    .div-btns[b-edbt1qh5p8] {
        display: flex;
        padding-bottom: 24px;
        padding-right: 11px;
        width: 100%;
        padding-top: 7px;
    }

    .div-box-entrerheure[b-edbt1qh5p8] {
        width: 100% !important;
    }

    .modal-body-entrerheure[b-edbt1qh5p8] {
        height: unset !important;
    }

    .div-demarer-heures[b-edbt1qh5p8] {
        align-items: center;
    }

    .div-box-demarerHorloge[b-edbt1qh5p8] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-edbt1qh5p8] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-demarer-heures[b-edbt1qh5p8] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-edbt1qh5p8] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-edbt1qh5p8] {
        width: 100% !important;
    }

    .div-entrermanuel-info[b-edbt1qh5p8] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-left: 15px;
    }
}

@media (max-width:600px) {
    .div-entrermanuel-info[b-edbt1qh5p8] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width:468px) {

    .modal-body-entrerheure[b-edbt1qh5p8] {
        height: unset !important;
    }

    .div-box-entrermanuel[b-edbt1qh5p8] {
        width: 88% !important;
    }

    .modal-content-entrer[b-edbt1qh5p8] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .btn-add-new-entrerheure[b-edbt1qh5p8] {
        width: 100% !important;
    }

    .div-box-entrerheure[b-edbt1qh5p8] {
        width: 85% !important;
    }

    .div-btns[b-edbt1qh5p8] {
        padding-bottom: 24px;
    }

    .div-container-entrerheure[b-edbt1qh5p8] {
        padding-left: 37px !important;
    }

    .span-title-demarerHorloge[b-edbt1qh5p8] {
        margin-left: 9% !important;
    }

    .div-box-demarerHorloge[b-edbt1qh5p8] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-edbt1qh5p8] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-box-entrermanuel[b-edbt1qh5p8] {
        width: 247px !important;
    }

    .div-demarer-heures[b-edbt1qh5p8] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-edbt1qh5p8] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-edbt1qh5p8] {
        width: 100% !important;
    }
}

.div-demarer-heures[b-edbt1qh5p8] {
    display: flex;
    flex-direction: column;
}

.div-box-date[b-edbt1qh5p8] {
    margin-left: auto;
}

.div-manuel[b-edbt1qh5p8] {
    padding-left: 37px !important;
}

.div-box-date-container[b-edbt1qh5p8] {
    width: 90% !important;
}

.div-box-note-container[b-edbt1qh5p8] {
    width: 88% !important;
}

@media (max-width:470px) {
    .card-item[b-edbt1qh5p8] {
        height: unset !important;
    }

    .card-item-content[b-edbt1qh5p8] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-edbt1qh5p8] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

.img-item-value[b-edbt1qh5p8] {
    width: 20px !important;
}

.col-first-item[b-edbt1qh5p8], .col-sec-item[b-edbt1qh5p8] {
    margin-left: 0 !important;
}

.col-first-item[b-edbt1qh5p8] {
    padding-left: 57px;
}

.btn-add-new[b-edbt1qh5p8] {
    width: 100% !important;
}

.list-card-livrer[b-edbt1qh5p8] {
    overflow: scroll;
    height: calc(100vh - 169px);
}

.list-demarer-horloge[b-edbt1qh5p8] {
    overflow: scroll;
    height: calc(100vh - 163px) !important;
}

.img-req[b-edbt1qh5p8] {
    float: right !important;
    margin-right: 15px;
}


@media (max-width:850px) {
    .modal-req-content[b-edbt1qh5p8] {
        width: 285px !important;
    }

    .modal-header-req[b-edbt1qh5p8] {
        width: 285px !important;
    }

    .modal-footer-req[b-edbt1qh5p8] {
        width: 100% !important;
    }

    .triangle-left[b-edbt1qh5p8] {
        display: none;
    }

    .closereq[b-edbt1qh5p8] {
        margin-top: -4px !important;
        font-family: emoji !important;
        font-size: 38px !important;
        margin-left: 0 !important;
    }

    .modal-title-req[b-edbt1qh5p8] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 14px !important;
    }

    .mod-req[b-edbt1qh5p8] {
        background-color: rgb(34,47,62,.75) !important;
    }

    .modal-req-content[b-edbt1qh5p8] {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

.modal-header-revue[b-edbt1qh5p8] {
    align-items: center;
}

.closerev[b-edbt1qh5p8] {
    font-family: emoji !important;
    margin-top: -48px !important;
}


.modalfooter-style[b-edbt1qh5p8] {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    box-shadow: 3px 3px 6px #00000040;
}
/* /Mobiles/Mobile-Components/CommandeComponents/ReceptionItemComponent.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-reyk5614jk]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-reyk5614jk] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-reyk5614jk] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-reyk5614jk] {
    width: 100%;
}

    .switch input[type=checkbox][b-reyk5614jk] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-reyk5614jk] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-reyk5614jk] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-reyk5614jk]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-reyk5614jk]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-reyk5614jk] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-reyk5614jk] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-reyk5614jk] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-reyk5614jk] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-reyk5614jk] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-reyk5614jk] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-reyk5614jk] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-reyk5614jk] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-reyk5614jk], .column-3:focus[b-reyk5614jk] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-reyk5614jk] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-reyk5614jk] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-reyk5614jk] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-reyk5614jk] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-reyk5614jk] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-reyk5614jk] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-reyk5614jk] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-reyk5614jk] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-reyk5614jk] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-reyk5614jk] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-reyk5614jk] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-reyk5614jk] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-reyk5614jk] {
    margin-right: 0px;
}


select[b-reyk5614jk] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-reyk5614jk]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-reyk5614jk] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-reyk5614jk] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-reyk5614jk] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-reyk5614jk] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-reyk5614jk] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-reyk5614jk] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-reyk5614jk] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-reyk5614jk] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-reyk5614jk] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-reyk5614jk] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-reyk5614jk] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-reyk5614jk]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-reyk5614jk]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-reyk5614jk] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-reyk5614jk] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-reyk5614jk] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-reyk5614jk] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-reyk5614jk] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-reyk5614jk] {
    width: 18px;
    height: 14px;
}

.div-footer[b-reyk5614jk] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-reyk5614jk] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-reyk5614jk] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-reyk5614jk] {
    line-height: 15px;
}

.modal-title-entrerheure[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-reyk5614jk] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-reyk5614jk] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-reyk5614jk] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-reyk5614jk]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-reyk5614jk]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-reyk5614jk]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-reyk5614jk]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-reyk5614jk] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-reyk5614jk] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-reyk5614jk] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-reyk5614jk] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-reyk5614jk] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-reyk5614jk] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-reyk5614jk] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-reyk5614jk] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-reyk5614jk] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-reyk5614jk] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-reyk5614jk] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-reyk5614jk] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-reyk5614jk] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-reyk5614jk] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-reyk5614jk] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-reyk5614jk] {
    margin-top: 12px;
}

.img-choix[b-reyk5614jk] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-reyk5614jk] {
    margin-left: 4px;
}

.body-entry-time1[b-reyk5614jk] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-reyk5614jk] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: inherit;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
    display: inline-block;
    margin-top: 3px;
}

@media(max-height:657px) {
    .body-entry-time1[b-reyk5614jk] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-reyk5614jk] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-reyk5614jk] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-reyk5614jk] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-reyk5614jk] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-reyk5614jk] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-reyk5614jk] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-reyk5614jk] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-reyk5614jk] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-reyk5614jk] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-reyk5614jk] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-reyk5614jk] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-reyk5614jk] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-reyk5614jk] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-reyk5614jk] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-reyk5614jk] {
    margin-top: 9px;
}

.span-debut-chrono[b-reyk5614jk] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-reyk5614jk] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-reyk5614jk] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-reyk5614jk] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-reyk5614jk] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-reyk5614jk] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-reyk5614jk] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-reyk5614jk] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-reyk5614jk] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-reyk5614jk] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-reyk5614jk] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-reyk5614jk] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-reyk5614jk] {
    margin-top: -28px;
}

.div-title-manuel[b-reyk5614jk] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-reyk5614jk] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-reyk5614jk] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-reyk5614jk] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-reyk5614jk] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-reyk5614jk] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-reyk5614jk] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-reyk5614jk] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-reyk5614jk] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-reyk5614jk] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-reyk5614jk] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-reyk5614jk] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-reyk5614jk] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-reyk5614jk] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-reyk5614jk] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-reyk5614jk] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-reyk5614jk] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-reyk5614jk] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-reyk5614jk] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-reyk5614jk] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-reyk5614jk] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-reyk5614jk] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-reyk5614jk] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-reyk5614jk] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-reyk5614jk] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-reyk5614jk] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-reyk5614jk] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-reyk5614jk] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-reyk5614jk] {
    margin-left: 114px;
}

.note-livrer-pos[b-reyk5614jk] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-reyk5614jk] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-reyk5614jk] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-reyk5614jk] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-reyk5614jk] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-reyk5614jk] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-reyk5614jk] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-reyk5614jk] {
    width: 42px;
    height: 42px;
}

.span-scan[b-reyk5614jk] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-reyk5614jk] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-reyk5614jk] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-reyk5614jk] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-reyk5614jk] {
        display: block !important;
    }

    .display-date-sec[b-reyk5614jk] {
        display: none !important;
    }
}

.display-date[b-reyk5614jk] {
    display: none;
}

.modal-ts-content[b-reyk5614jk] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-reyk5614jk] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-reyk5614jk] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-reyk5614jk] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-reyk5614jk] {
    margin-left: 14px;
}

.modal-ts-footer[b-reyk5614jk] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-reyk5614jk] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}

.span-entry-title[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-reyk5614jk] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-reyk5614jk] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-reyk5614jk] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-reyk5614jk] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-reyk5614jk] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-reyk5614jk] {
    margin: 0;
}

.card-item[b-reyk5614jk] {
    margin-left: 16px;
    margin-top: 14px;
    border: 0.5px solid #e6e6e6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    border-radius: 5px;
    opacity: 1;
    min-width: 338px;
    max-width: 445px;
    height: 148px;
}

.img-statutLivrer-purple[b-reyk5614jk] {
    width: 33px;
    height: 33px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    opacity: 1;
    object-fit: cover;
    border-radius: 50%;
    margin-left: -7px;
    margin-top: 6px;
}

.span-item[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 10px;
    left: 58px;
    position: absolute;
}

.span-item-number[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Demi Regular';
    float: right;
    margin-top: 2px;
}

.span-item-name[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 38px;
    left: 58px;
    position: absolute;
}

.span-item-value-title[b-reyk5614jk] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 5px;
}

.span-item-value[b-reyk5614jk] {
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
}

.img-item-value[b-reyk5614jk] {
    width: 16px;
    height: 16px;
}

.px-4[b-reyk5614jk] {
    padding-right: 0px !important;
}

.content[b-reyk5614jk] {
    padding-left: 1px !important;
    padding-top: 0px !important;
}

html[b-reyk5614jk], body[b-reyk5614jk] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.cards[b-reyk5614jk] {
    max-width: 1200px;
    margin-right: 23px;
    margin-left: 14px;
    display: grid;
}

@media (min-width: 1123px) {
    .cards[b-reyk5614jk] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1123px) and (max-width:1310px) {
    .card-item[b-reyk5614jk] {
        height: unset !important;
    }

    .card-item-content[b-reyk5614jk] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-reyk5614jk] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 1123px) {

    .card-item[b-reyk5614jk] {
        max-width: 100%;
    }
}

@media (max-width: 800px) {
    .div-scroll[b-reyk5614jk] {
        overflow: scroll;
        height: calc(100% - 150px);
    }
}


.card-item-content[b-reyk5614jk] {
    display: flex;
}

.card-item-col-first[b-reyk5614jk] {
    display: flex;
    flex-direction: column;
    margin-top: 29px;
    margin-left: 10%;
    width: 100%
}

.card-item-col-sec[b-reyk5614jk] {
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    margin-top: 28px;
    width: 100%
}

@media(max-width:1310px ) {
    .span-qtep[b-reyk5614jk] {
        margin-left: 20px;
    }

    .span-qtel[b-reyk5614jk] {
        margin-left: 51px;
    }

    .span-u[b-reyk5614jk] {
        margin-left: 95px;
    }

    .span-main[b-reyk5614jk] {
        margin-left: 61px;
    }
}

@media(min-width:1310px ) {
    .span-qtep[b-reyk5614jk] {
        margin-left: 10px;
    }

    .span-qtel[b-reyk5614jk] {
        margin-left: 41px;
    }

    .span-u[b-reyk5614jk] {
        margin-left: 57px;
    }

    .span-main[b-reyk5614jk] {
        margin-left: 24px;
    }
}

@media (max-width: 475px) {
    .span-qtep[b-reyk5614jk] {
        margin-left: 19px;
    }
}


.btnstyle[b-reyk5614jk], .btn-competence[b-reyk5614jk], .btnstyle-note[b-reyk5614jk] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}



.btn-leftmenu-active[b-reyk5614jk] {
    color: #0898D7;
    height: 59px;
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

.btn-leftmenu-comp-active[b-reyk5614jk] {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

.imgstyle[b-reyk5614jk] {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

.span-comp-title[b-reyk5614jk] {
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-comp-sub-title[b-reyk5614jk] {
    margin-left: 10px;
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}

.span-comp-value[b-reyk5614jk] {
    color: #8395A7;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}


.btn-new-comp[b-reyk5614jk] {
    border: none;
    width: 100%;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #576574;
    height: 53px;
    font-size: 14px;
}

    .btn-new-comp:hover[b-reyk5614jk] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

    .btn-new-comp:focus[b-reyk5614jk], .btn-new-comp:focus-visible[b-reyk5614jk], .btn-new-comp:active[b-reyk5614jk] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

.div-new-comp[b-reyk5614jk] {
    border: 0.5px solid #E6E6E6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    border: 0.5px solid #E6E6E6;
    opacity: 1;
    width: 100%;
}

.div-comp[b-reyk5614jk] {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    max-width: 396px;
    min-width: 330px;
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

.btn_upload[b-reyk5614jk] {
    margin-top: 23px;
    text-align: center;
    width: 90% !important;
    height: 38px !important;
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 3px;
    position: static;
    border: 1px dashed #7cbbf9;
    color: #576574;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    background-position: 15% 52% !important;
    margin-left: 21px;
    background: transparent url(/icons/attchement.svg) no-repeat;
    background-position: 24% 50%;
    background-size: 8px 18px;
    width: 46px;
    height: 42px;
    text-decoration: none;
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding-top: 7px;
}

    .btn_upload:hover[b-reyk5614jk] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

    .btn_upload:active[b-reyk5614jk], .btn_upload:focus[b-reyk5614jk] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

input[type="file"][b-reyk5614jk] {
    display: none;
}


@media (max-width:360px) {
    .btn_upload[b-reyk5614jk] {
        background-position: 18% 50% !important;
    }
}

@media (max-width:850px) {
    .div-log-container[b-reyk5614jk] {
        width: 100% !important;
        height: unset !important;
        padding-bottom: 19px;
        padding-top: 13px !important;
    }
}

.modal-recept-content[b-reyk5614jk] {
    width: 335px;
    height: 583px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-recept[b-reyk5614jk] {
    width: 335px;
    height: 60px;
    background: #E67E22 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

[b-reyk5614jk]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.modal-footer-recept[b-reyk5614jk] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}


.modal-body-recept[b-reyk5614jk] {
    overflow: scroll;
    overflow-x: hidden;
}


@media (min-width:650px){
    .div-cmd[b-reyk5614jk] {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        margin-top: 8px;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width:650px) and (min-width:410px) {
    .div-cmd[b-reyk5614jk] {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
     
    }
}
@media   (max-width:410px) {
    .div-cmd[b-reyk5614jk] {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}
/* /Mobiles/Mobile-Components/CommunComponents/AttachementMobile/AttachementContentMobile/AttachementsContent.razor.rz.scp.css */
.Files[b-9342k9hke9] {
    display: flex;
    cursor: pointer;
    flex-direction: row;
    height: 100px;
    border-bottom: 1px solid #eaeaea;
}

.card-button[b-9342k9hke9] {
    padding-left: 16px;
    padding-top: 23px;
}
.img-cale[b-9342k9hke9] {
    width: 15px;
}
.date-div[b-9342k9hke9] {
    flex: auto;
    display: flex;
    width: 13em;
}
.div-att-2[b-9342k9hke9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.span-times[b-9342k9hke9] {
    margin-left: 30px;
}
.div-call-Attachment[b-9342k9hke9] {
    position: relative;
    left: 235px;
    top: -45px;
    opacity: 1;
    transition: visibility, opacity linear 0.3s;
}

@media (max-width : 350px) {

    .Files[b-9342k9hke9] {
        height: 130px;
    }
    .div-att-2[b-9342k9hke9] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .span-times[b-9342k9hke9] {
        margin-left: 0px;
    }
    .div-call-Attachment[b-9342k9hke9] {
        left: 200px;
        top: -95px;
    }


}
@media (max-width : 300px) {

    .Files[b-9342k9hke9] {
        height: 130px;
    }

    .div-att-2[b-9342k9hke9] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .span-times[b-9342k9hke9] {
        margin-left: 0px;
    }

    .div-call-Attachment[b-9342k9hke9] {
        left: 130px;
        top: -20px;
    }
}
@media (min-width : 500px) {

    .div-call-Attachment[b-9342k9hke9] {
        left: 350px;
        top: -75px;
    }
}
/* /Mobiles/Mobile-Components/CommunComponents/AttachementMobile/AttachementContentMobile/CompetencesContent.razor.rz.scp.css */
 
@font-face {
    font-family: GraphikBold;
    src: url('../open-iconic/font/fonts/GraphikBold.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.div-compentance-card[b-qnnmlft6yf] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 0.5rem;
    padding-left: 1.5rem;
}

.row-flex[b-qnnmlft6yf] {
    display: flex;
    flex-direction: row
}

.column-flex[b-qnnmlft6yf] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-qnnmlft6yf] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-qnnmlft6yf] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.span-sub-title[b-qnnmlft6yf] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-sub-sub-title[b-qnnmlft6yf] {
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-qnnmlft6yf] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.level-icon[b-qnnmlft6yf] {
    object-fit: cover;
    opacity: 1;
}

.competance-icon[b-qnnmlft6yf] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}
/* /Mobiles/Mobile-Components/CommunComponents/AttachementMobile/AttachmentGroupeMobile.razor.rz.scp.css */
 

/*--------------Attachment & Note Styles-----------------*/

[b-105s2h9baf] .div-note-col {

	 display:flex;
	 flex-direction:column;
 }

[b-105s2h9baf] .textarea-content{

	 text-align: center;
	 border-bottom: 1px solid #eaeaea;
     padding-bottom: 9px;
}
[b-105s2h9baf] .textarea-note-style {
	caret-color: #1E90FF ;
	width: 93%;
	height: 58px;
	background: #EFF2F3 0% 0% no-repeat padding-box;
	opacity: 1;
	font-family:'Franklin Book Regular';
	font-size: 12px;
	color: #35414C;
	border: #EFF2F3;
	border-radius: 7px;
	outline: none;
	padding: 8px;

	margin-top: 19px;
}
[b-105s2h9baf] .textarea-note-style:focus, .textarea-note-style:active[b-105s2h9baf], .textarea-note-style:hover[b-105s2h9baf] {
		border: #EFF2F3;
		outline: none;
		border-radius: 7px;
	}

 [b-105s2h9baf] .input-ajout {
	background: #EFF2F3 0% 0% no-repeat padding-box;
	opacity: 1;
	width: 113px;
	height: 32px;
	color: #575E62;
	font-family: 'Franklin Gothic Medium Regular';
	border: #EFF2F3;
	margin-top: 2px;
	border-radius: 30px;
	font-size: 15px;
	float: right;
margin-right: 13px;

resize: none;
}

 [b-105s2h9baf] .div-text-note {
	width: 100%;
 
}

  [b-105s2h9baf] .user-img {
	width: 37px;
	height: 37px;
	border-radius: 50%;
	margin-left: 11px;
	margin-top: 2px;
}
 [b-105s2h9baf] .span-user-name {
	text-align: left;
	letter-spacing: 0.72px;
	color: #232627;
	opacity: 1;
	font-size: 16px;
	font-family: 'Franklin Gothic Medium Regular';
	margin-left: 19px;
}
.[b-105s2h9baf]  icon-calender {
	height: 13px;
	width: 20px;
	margin-top: 2px;
}
 [b-105s2h9baf] .span-date {
	font-family: 'Franklin Gothic Medium Regular';
	font-size: 12px;
	text-align: right;
	letter-spacing: 0.32px;
	opacity: 1;
	color: #99A3A9;
}
 [b-105s2h9baf] .span-note-content {
	font-family: 'Franklin Book Regular';
	font-size: 13px;
	text-align: left;
	letter-spacing: 0.38px;
	color: #575E62;
	line-height: 1.5em;
	height: 3em;
	overflow: hidden;
	width: 299px;
	height: 15px;

}

 [b-105s2h9baf] .a-afficher-plus {
	text-align: left;
	 cursor:pointer;
	letter-spacing: 0.38px;
	color: #268BFD !important;
	font-family: 'Franklin Gothic Medium Regular';
	font-size: 16px;
	text-decoration: underline !important;
}
 [b-105s2h9baf] .note-div {
	overflow: scroll;
	height: calc(100vh - 112px);
}

 [b-105s2h9baf] .span-title-file {
	font-family: 'Franklin Gothic Demi Regular';
	color: #c61818;
	text-decoration: underline;
	font-size: 15px;
}
[b-105s2h9baf] .span-date-file {
	overflow: visible;
	/*	width: 80px;*/
	margin-top: 4px;
	white-space: nowrap;
 
	text-align: left;
	font-family: 'Franklin Gothic Medium Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	color: rgba(87,101,116,1);
	margin-left: 4px;
}
 [b-105s2h9baf] .span-note-file {
	font-family: 'Franklin Gothic Medium Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
}
 [b-105s2h9baf] .span-note-title-file {
	font-family: 'Franklin Gothic Demi Regular';
	color: #575E62;
	font-size: 14px;
}
 [b-105s2h9baf] .div-note-container {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #eaeaea;
	padding-top: 14px;
 }
 [b-105s2h9baf]	.div-note-container:hover{
		    box-shadow: 2px 2px 9px #00000040;
	}

 [b-105s2h9baf]	.div-note-content {
		display: flex;
		overflow: hidden;
	}
 [b-105s2h9baf] .div-notee {
flex:auto;
}

 [b-105s2h9baf] .div-espace-note {
	padding-right: 8px;

	padding-left: 19px;
}
 [b-105s2h9baf] .div-text-note {
	width: 100%;
padding-left: 67px;
    padding-top: 8px;
    padding-right: 10px;

	padding-bottom: 11px;
}
 [b-105s2h9baf].input-ajout {
	margin-bottom: 10px;
}

[b-105s2h9baf] .div-hover-call-Attachment {
	position: relative;
	left: 235px;
	top: -45px;
	opacity: 1;
	transition: visibility, opacity linear 0.3s;
}
[b-105s2h9baf] .div-hover-call-Note {
	padding-right: 16px;
	padding-top: 23px !important;
	visibility: visible;
	opacity: 1;
	transition: visibility, opacity linear 0.3s;
}


 [b-105s2h9baf] .div-note-container:hover .div-hover-call-Note {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}
 [b-105s2h9baf] .div-note {
    display: flex;

	flex:auto;

    flex-direction: column;
}



 [b-105s2h9baf] 
    .div-prj-left {
        overflow: hidden;
/*        max-height: calc(100vh - 165px);
*/        height: 100vh;
        border: 1px solid #CAD2E5;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 4px #02171E33;
        border: 1px solid #CAD2E5;
        opacity: 1;
    }
[b-105s2h9baf] .card-button {
    width: unset; 
      padding-left: unset;  
   padding-right: unset;  
}
[b-105s2h9baf] .right-comp-div {
	max-width: 382px;
/*	margin-top:7px;
*/}

 .right-comp-div[b-105s2h9baf] {
/* margin-top: 7px;
*/ }
[b-105s2h9baf]  ::-webkit-scrollbar {
	width: 0px;
	background: transparent;
}

/*@media(max-width:1365px) {
	::deep .div-comp {
		max-width: unset !important;
		min-width: unset !important;
	}

	::deep .div-leftmenu-container {
		width: 30%;
		max-width: unset !important;
		min-width: unset !important;
	}
}*/

/*@media(min-width:1366px) {
	::deep .div-comp {
		max-width: unset !important;
		min-width: unset !important;
		width: 394px !important;
	}
}*/

@media (min-width:960px) {
	[b-105s2h9baf] .imgnot, .imgstyle[b-105s2h9baf] {
		margin-top: 6px !important;
		margin-bottom: 0px;
	}

	[b-105s2h9baf] .btnstyle, .btn-competence[b-105s2h9baf], .btnstyle-note[b-105s2h9baf] {
		width: 100% !important;
		justify-items: center !important;
	}
}
/*
@media (max-width:1060px) {
	::deep .div-note-content {
		height: unset !important;
	}

	::deep .div-note-content {
		flex-direction: column;
	}

	::deep .div-espace-note {
		margin-left: 54px !important;
	}

	::deep .div-notee {
		margin-top: -34px;
		margin-left: 48px;
	}

	::deep .div-text-note {
		margin-top: 0px !important;
	}
}*/


[b-105s2h9baf] .btnstyle, .btn-competence[b-105s2h9baf], .btnstyle-note[b-105s2h9baf] {
	border: 1px solid transparent;
	background: none;
	font-size: 14px;
	font-family: 'Franklin Gothic Medium Regular';
	height: 59px;
	letter-spacing: 0.28px;
	color: #2C333A;
	outline: none !important;
}
[b-105s2h9baf] .btn-competence {
	width: 100%;
}
@media (max-width:950px) {
	.div-prj-left[b-105s2h9baf] {
		overflow-y: scroll;
		max-height: calc(100vh - 165px );
	}
}
@font-face {
	font-family: GraphikBold;
	src: url('../open-iconic/font/fonts/GraphikBold.otf') format('opentype');
}

@font-face {
	font-family: Franklin Gothic Demi Regular;
	src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
	font-family: Franklin Gothic Book Regular;
	src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
	font-family: Franklin Gothic Medium Regular;
	src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-105s2h9baf] .div-compentance-card {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #eaeaea;
	padding: 0.5rem;
	padding-left: 1.5rem;
}

[b-105s2h9baf] .row-flex {
	display: flex;
	flex-direction: row
}

[b-105s2h9baf] .column-flex {
	display: flex;
	flex-direction: column
}

[b-105s2h9baf] .projectManagement-icon {
	object-fit: cover;
	border-radius: 50%;
	opacity: 1;
	width: 20px;
	height: 20px;
	margin-top: 5px
}

[b-105s2h9baf] .span-title {
	font-size: 18px;
	margin-left: 10px;
	font-family: 'Franklin Gothic Medium Regular';
	font-size: 18px;
	text-align: left;
	letter-spacing: 0px;
	color: #222F3E;
	opacity: 1;
}

[b-105s2h9baf] .span-sub-title {
	margin-left: 3px;
	font-size: 15px;
	opacity: 1;
	overflow: visible;
	font-family: 'Franklin Gothic Demi Regular';
	color: #576574;
}

[b-105s2h9baf] .span-sub-sub-title {
	opacity: 1;
	overflow: visible;
	font-family: 'Franklin Gothic Medium Regular';
	font-size: 13px;
	padding-left: 5px;
}

[b-105s2h9baf] .timeSheet-icon {
	object-fit: cover;
	opacity: 1;
	width: 14px;
	height: 14px;
}

[b-105s2h9baf] .level-icon {
	object-fit: cover;
	opacity: 1;
}

[b-105s2h9baf] .competance-icon {
	width: 21px;
	height: 16px;
	object-fit: cover;
	border-radius: 50%;
	opacity: 1;
	padding-top: 2px;
}

[b-105s2h9baf] .btn-leftmenu-active {
	color: #0898D7;
	height: 59px;
	border-bottom: 4px solid #0898D7;
	opacity: 0.92;
}
[b-105s2h9baf] .imgstyle {
	margin-top: -1px;
	margin-right: 5px;
	width: 14.5px;
	height: 20px;
}

[b-105s2h9baf] .span-comp-title {
	font-size: 15px;
	opacity: 1;
	overflow: visible;
	font-family: 'Franklin Gothic Demi Regular';
	color: #576574;
}

[b-105s2h9baf] .span-comp-sub-title {
	margin-left: 10px;
	color: #576574;
	opacity: 1;
	overflow: visible;
	font-family: 'Franklin Gothic Demi Regular';
	font-size: 13px;
}

[b-105s2h9baf] .span-comp-value {
	color: #8395A7;
	opacity: 1;
	overflow: visible;
	font-family: 'Franklin Gothic Demi Regular';
	font-size: 13px;
}

[b-105s2h9baf] .div-new-comp {
	border: 0.5px solid #E6E6E6;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 3px 3px 6px #00000029;
	border: 0.5px solid #E6E6E6;
	opacity: 1;
	width: 100%;
}

[b-105s2h9baf] .btn-new-comp {
	border: none;
	width: 100%;
	background: none;
	font-family: 'Franklin Gothic Medium Regular';
	letter-spacing: 0.3px;
	color: #576574;
	height: 53px;
	font-size: 14px;
}

[b-105s2h9baf] .btn-leftmenu-comp-active {
	color: #1DD1A1;
	border-bottom: 4px solid #1DD1A1;
	opacity: 0.92;
}

[b-105s2h9baf] .imgstyle {
	margin-top: -1px;
	margin-right: 5px;
	width: 14.5px;
	height: 20px;
}
[b-105s2h9baf] .prj-img-style {
	margin-top: 7px !important;
	margin-bottom: -4px;
}

[b-105s2h9baf] .prj-btn-style {
	width: 100%;
	display: grid;
	justify-items: center;
}
.div-left-menu[b-105s2h9baf] {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 2px 2px 4px #00000040;
	border: 0.25px solid #E6E6E6;
	opacity: 1;
	display: flex;
	flex-direction: row;
	margin-bottom: -3px;
	/*	margin-top: -7px;
*/ padding: 0px;
}
[b-105s2h9baf] .btn_upload {
	margin-top: 23px;
	text-align: center;
	width: 90% !important;
	height: 38px !important;
	border-radius: 6px;
	box-shadow: none;
	margin-bottom: 3px;
	position: static;
	border: 1px dashed #7cbbf9;
	color: #576574;
	font-size: 15px;
	font-family: 'Franklin Gothic Medium Regular';
	background-position: 15% 52% !important;
	margin-left: 21px;
	background: transparent url(/icons/attchement.svg) no-repeat;
	background-position: 24% 50%;
	background-size: 8px 18px;
	width: 46px;
	height: 42px;
	text-decoration: none;
	display: inline-block;
	outline: none;
	cursor: pointer;
	padding-top: 7px;
}

	[b-105s2h9baf] .btn_upload:hover {
		box-shadow: 1px 0px 7px #CAD2E5;
		background-color: white;
		border: 1px dashed #1E90FF;
		outline: none;
	}

	[b-105s2h9baf] .btn_upload:active, .btn_upload:focus[b-105s2h9baf] {
		box-shadow: 1px 0px 7px #CAD2E5;
		background-color: white;
		border: 1px dashed #1E90FF;
		outline: none;
	}


@media (max-width: 1150px) {
	[b-105s2h9baf] .div-espace-note {
		margin-left: 0 !important;
	}
}
@media (max-width: 1150px) {
	[b-105s2h9baf] .div-notee {
		margin-top: 0 !important;
		margin-left: 0 !important;
	}
}
@media (max-width: 1150px) {
	[b-105s2h9baf] .div-note-content {
		flex-direction: row;
	}
}
/* /Mobiles/Mobile-Components/CommunComponents/ButtonNewInList.razor.rz.scp.css */

.btn-new-listMobile[b-xdowdmn56x] {
    width: 100%;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171e33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
    margin-bottom: 5px;
    margin-top: 2px;
}
/* /Mobiles/Mobile-Components/CommunComponents/ValidateDivMobile.razor.rz.scp.css */


.div-error-list[b-stzpg7cal4] {
    padding-top: 15px;
    line-height: 15px;
    display: flex;
    background-color: #f8d7da;
    color: #721c24;
}

.div-close[b-stzpg7cal4] {
    text-align: right;
    margin-right: 10px;
}
.ul-error[b-stzpg7cal4] {
    margin-top: -25px;
}
/* /Mobiles/Mobile-Components/ProjectComponents/ActionsListProjectDetail.razor.rz.scp.css */
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

.modal-menu-content[b-nja0liti25] {
    width: 100%;
    height: 295px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border-radius: 3px;
    opacity: 1;
    position: fixed;
    bottom: 0;
}

.modal-body-menu[b-nja0liti25] {
}

.modal-div[b-nja0liti25] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.span-menu-modal[b-nja0liti25] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.3px;
    color: #576574;
    text-transform: capitalize;
    opacity: 1;
    padding-left: 15px;
}

.list-group-item[b-nja0liti25] {
    padding-left: 1.5rem;
}

.span-menu-modal:hover[b-nja0liti25] {
    letter-spacing: 0.3px;
    text-align: left;
    text-decoration: underline;
}

.span-blue:hover[b-nja0liti25] {
    color: #4B7BEC;
}

.span-blueciel:hover[b-nja0liti25] {
    color: #00A7E2;
}

.span-green:hover[b-nja0liti25] {
    color: #10AC84;
}

.span-purple:hover[b-nja0liti25] {
    color: #AC92EC;
}

.span-orange:hover[b-nja0liti25] {
    color: #EF7911;
}

@media (max-width:850px) {
    .modal-accepter-content[b-nja0liti25] {
        width: 284px !important;
        height: 215px !important;
        margin-left: 0 !important;
    }

    .modal-body-accepter[b-nja0liti25] {
        text-align: center;
        height: 119px !important;
    }

    .modal-body-prog[b-nja0liti25] {
        height: 130px !important;
    }

    .span-accepter-qs[b-nja0liti25] {
        font-size: 17px !important;
    }

    .modal-center[b-nja0liti25] {
        text-align: center;
        padding: 0 !important;
    }

    .label-pers[b-nja0liti25] {
        font-size: 17px !important;
    }

    .span-prog-title[b-nja0liti25] {
        font-size: 11px !important;
    }

    .modal-center[b-nja0liti25]:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .modal-center-dialog[b-nja0liti25] {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    .modal-header-accepter[b-nja0liti25], .modal-header-prog[b-nja0liti25] {
        width: 284px !important;
        height: 51px !important;
    }

    .modal-footer-accepter[b-nja0liti25] {
        width: 284px !important;
        height: 45px !important;
    }

    .modal-center-dialog[b-nja0liti25] {
        width: unset;
    }

    .img-footer[b-nja0liti25] {
        margin-left: 2px !important;
    }

    .modal-title[b-nja0liti25] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
        margin-left: 5px !important;
    }

    .closem[b-nja0liti25] {
        margin-left: 0 !important;
        margin-top: -4px !important;
        font-size: 39px !important;
        font-family: emoji !important;
    }

    .img-revue[b-nja0liti25] {
        width: 16px !important;
        margin-left: 3px !important;
    }

    .img-hour[b-nja0liti25] {
        margin-left: 25% !important;
    }

    .progressbar[value][b-nja0liti25] {
        width: 90% !important;
    }

    .img-prog[b-nja0liti25] {
        margin-left: 5px !important;
        margin-top: 7px !important;
        width: 26px !important;
    }

    .modal-title-prog[b-nja0liti25] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 20ch;
        display: block;
        vertical-align: middle;
        margin-left: 6px !important;
        margin-top: 11px !important;
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
    }

    .closepop-prog[b-nja0liti25] {
        margin-top: -9px !important;
        right: 9px !important;
        font-family: emoji !important;
    }

    .modal-content-revue[b-nja0liti25] {
        width: 289px !important;
        height: 434px !important;
    }

    .modal-body-revue[b-nja0liti25] {
        overflow-y: scroll;
    }

    .modal-footer-revue[b-nja0liti25] {
        width: 289px !important;
    }

    .div-box-sign[b-nja0liti25] {
        margin-left: -14px !important;
        width: 242px !important;
    }

    .select-revue[b-nja0liti25] {
        margin-left: -18px;
        width: 238px !important;
    }

    .col-sec-av[b-nja0liti25] {
        padding-left: 57px;
    }
}

@media (min-width:468px) and (max-width:850px) {
    .modal-header-entrerheure[b-nja0liti25] {
        width: 279px !important;
    }

    .div-box-entrermanuel[b-nja0liti25] {
        width: 247px !important;
        margin: auto;
    }

    .btn-add-new-entrerheure[b-nja0liti25] {
        width: 100% !important;
    }

    .modal-title-entrerheure[b-nja0liti25] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 18ch;
        display: block;
        vertical-align: middle;
        font-size: 16px !important;
        font-family: 'Franklin Book Regular' !important;
        margin-top: 19px !important;
    }

    .closepop-entrerheure[b-nja0liti25] {
        font-family: emoji !important;
        margin-top: -1px !important;
    }

    .modal-content-entrer[b-nja0liti25] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .img-stat[b-nja0liti25] {
        margin-left: 13px !important;
    }

    .div-container-entrerheure[b-nja0liti25] {
        padding-left: 7px !important;
    }

    .div-heures[b-nja0liti25] {
        display: flex;
        width: 100%;
        padding-right: 14px;
    }

    .div-space[b-nja0liti25], .div-espace[b-nja0liti25] {
        margin-top: 11px !important;
        width: 50%;
        margin-left: 9px;
    }

    .div-btns[b-nja0liti25] {
        display: flex;
        padding-bottom: 24px;
        padding-right: 11px;
        width: 100%;
        padding-top: 7px;
    }

    .div-box-entrerheure[b-nja0liti25] {
        width: 100% !important;
    }

    .modal-body-entrerheure[b-nja0liti25] {
        height: unset !important;
    }

    .div-demarer-heures[b-nja0liti25] {
        align-items: center;
    }

    .div-box-demarerHorloge[b-nja0liti25] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-nja0liti25] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-demarer-heures[b-nja0liti25] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-nja0liti25] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-nja0liti25] {
        width: 100% !important;
    }

    .div-entrermanuel-info[b-nja0liti25] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-left: 15px;
    }
}

@media (max-width:600px) {
    .div-entrermanuel-info[b-nja0liti25] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width:468px) {

    .modal-body-entrerheure[b-nja0liti25] {
        height: unset !important;
    }

    .div-box-entrermanuel[b-nja0liti25] {
        width: 88% !important;
    }

    .modal-content-entrer[b-nja0liti25] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .btn-add-new-entrerheure[b-nja0liti25] {
        width: 100% !important;
    }

    .div-box-entrerheure[b-nja0liti25] {
        width: 85% !important;
    }

    .div-btns[b-nja0liti25] {
        padding-bottom: 24px;
    }

    .div-container-entrerheure[b-nja0liti25] {
        padding-left: 37px !important;
    }

    .span-title-demarerHorloge[b-nja0liti25] {
        margin-left: 9% !important;
    }

    .div-box-demarerHorloge[b-nja0liti25] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-nja0liti25] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-box-entrermanuel[b-nja0liti25] {
        width: 247px !important;
    }

    .div-demarer-heures[b-nja0liti25] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-nja0liti25] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-nja0liti25] {
        width: 100% !important;
    }
}

.div-demarer-heures[b-nja0liti25] {
    display: flex;
    flex-direction: column;
}

.div-box-date[b-nja0liti25] {
    margin-left: auto;
}

.div-manuel[b-nja0liti25] {
    padding-left: 37px !important;
}

.div-box-date-container[b-nja0liti25] {
    width: 90% !important;
}

.div-box-note-container[b-nja0liti25] {
    width: 88% !important;
}

@media (max-width:470px) {
    .card-item[b-nja0liti25] {
        height: unset !important;
    }

    .card-item-content[b-nja0liti25] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-nja0liti25] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

.img-item-value[b-nja0liti25] {
    width: 20px !important;
}

.col-first-item[b-nja0liti25], .col-sec-item[b-nja0liti25] {
    margin-left: 0 !important;
}

.col-first-item[b-nja0liti25] {
    padding-left: 57px;
}

.btn-add-new[b-nja0liti25] {
    width: 100% !important;
}

.list-card-livrer[b-nja0liti25] {
    overflow: scroll;
    height: calc(100vh - 169px);
}

.list-demarer-horloge[b-nja0liti25] {
    overflow: scroll;
    height: calc(100vh - 163px) !important;
}

.img-req[b-nja0liti25] {
    float: right !important;
    margin-right: 15px;
}


@media (max-width:850px) {
    .modal-req-content[b-nja0liti25] {
        width: 285px !important;
    }

    .modal-header-req[b-nja0liti25] {
        width: 285px !important;
    }

    .modal-footer-req[b-nja0liti25] {
        width: 100% !important;
    }

    .triangle-left[b-nja0liti25] {
        display: none;
    }

    .closereq[b-nja0liti25] {
        margin-top: -4px !important;
        font-family: emoji !important;
        font-size: 38px !important;
        margin-left: 0 !important;
    }

    .modal-title-req[b-nja0liti25] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 14px !important;
    }

    .mod-req[b-nja0liti25] {
        background-color: rgb(34,47,62,.75) !important;
    }

    .modal-req-content[b-nja0liti25] {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

.modal-header-revue[b-nja0liti25] {
    align-items: center;
}

.closerev[b-nja0liti25] {
    font-family: emoji !important;
    margin-top: -48px !important;
}


.modalfooter-style[b-nja0liti25] {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    box-shadow: 3px 3px 6px #00000040;
}
/* /Mobiles/Mobile-Components/ProjectComponents/DetailsProjectDivMobile.razor.rz.scp.css */
@font-face {
    font-family: FranklinGothic-Book;
    src: url('../../open-iconic/font/fonts/FranklinGothic-Book.TTF') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-info-content[b-e8yz7t6w2z] {
    max-width: 100%;
    border-radius: 0px;
    /*    margin-top: -5px;
*/ margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
    height: 100%;
}

[b-e8yz7t6w2z] .project-details-div {
    background: rgba(230,230,230,.2) no-repeat padding-box;
    padding-right: 0px;
    height: 100%;
}

.list-info-list[b-e8yz7t6w2z] {
    overflow: scroll;
    height: calc(100vh - 98px);
}

@media (min-width: 656px) {
    [b-e8yz7t6w2z] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 100px);
    }
}

@media (max-width: 655px) {

    [b-e8yz7t6w2z] .project-details-div {
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }
}

@media (min-width: 1265px) {
    [b-e8yz7t6w2z] .div-line {
        display: flex;
    }
}

@media (max-width: 1265px) {
    [b-e8yz7t6w2z] .div-line {
        display: grid;
    }
}

@media (min-width: 460px) {
    [b-e8yz7t6w2z] .div-line-col {
        display: flex;
    }
}

@media (max-width: 660px) {
    [b-e8yz7t6w2z] .div-line-col {
        display: grid;
    }
}

[b-e8yz7t6w2z] .content-project-div {
    max-width: 1382px;
}

[b-e8yz7t6w2z] .project-container-div {
    display: flex;
    flex-direction: row;
}

[b-e8yz7t6w2z] .div-project-group {
    display: flex;
    padding-top: 20px;
}

[b-e8yz7t6w2z] .icon-project-code {
    min-width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
    text-align: center;
}

[b-e8yz7t6w2z] .div-project-group-child {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

[b-e8yz7t6w2z] .project-code {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
}

[b-e8yz7t6w2z] .project-name {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

[b-e8yz7t6w2z] .img-round {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

[b-e8yz7t6w2z] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

[b-e8yz7t6w2z] .prj-btn-style {
    width: 100%;
    display: grid;
    justify-items: center;
}

[b-e8yz7t6w2z] .div-prj-left {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

[b-e8yz7t6w2z] .first-row {
    padding-left: 9px;
    padding-top: 20px;
}

[b-e8yz7t6w2z] .input-prj-style {
    background-color: white;
    font-family: 'Franklin Book Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    /*  background-size: 16px 21px;
    padding-left: 34px;
    padding-top: 12px;*/
}

@media (max-width:1150px) {
    [b-e8yz7t6w2z] .div-note-content {
        height: unset !important;
    }

    [b-e8yz7t6w2z] .div-note-content {
        flex-direction: column;
    }

    [b-e8yz7t6w2z] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-e8yz7t6w2z] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
    }

    [b-e8yz7t6w2z] .div-text-note {
        margin-top: 0px !important;
    }
}

/*    .div-note-container {
        padding-right: 15px;
    }*/

[b-e8yz7t6w2z] .span-prj-number {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

[b-e8yz7t6w2z] .span-prj-title {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

[b-e8yz7t6w2z] .col-prj {
    padding-left: 0px;
}

[b-e8yz7t6w2z] .icon-project-client {
    width: 25px;
    height: 25px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 29px;
    margin-left: 7px;
}

[b-e8yz7t6w2z] .input-style, .input-icon[b-e8yz7t6w2z] {
    padding-left: 37px !important;
    background-color: white;
    font-family: 'Franklin Book Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 13px;
    color: #35414C;
    padding: 14px;
    width: 95%;
}

[b-e8yz7t6w2z] .iconcal {
    background: #FFFFFF url(/icons/project_icons/calendar.svg) no-repeat scroll 14px 11px;
}

@media only screen and (max-width:1366px) {
    [b-e8yz7t6w2z] .div-dashboard {
        display: none;
    }
}

[b-e8yz7t6w2z] .img-usr-prj {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    top: 30px;
    left: 8px;
}

[b-e8yz7t6w2z] .second-row {
    padding-top: 15px;
    padding-left: 9px;
}

[b-e8yz7t6w2z] .third-row {
    padding-top: 33px;
    padding-left: 9px;
}

[b-e8yz7t6w2z] .icon-statut-prj {
    width: 25px;
    height: 19px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: relative;
    top: 27px;
    margin-left: 9px;
}

[b-e8yz7t6w2z] .img-date-prj {
    width: 13px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    position: absolute;
    margin-top: -3px;
    margin-left: 16px;
}

[b-e8yz7t6w2z] .span-hour-prj {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 13px;
    margin-left: 4px;
}

[b-e8yz7t6w2z] .div-hour {
    margin-top: 4px;
}

[b-e8yz7t6w2z] .img-hour-prj {
    width: 16px;
    margin-top: -16px;
    height: 38px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 16px;
    padding-top: 10px;
}

[b-e8yz7t6w2z] .color-project-cercle {
    width: 29px;
    height: 29px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 4px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
}

[b-e8yz7t6w2z] .color-project-purple {
    background: #A55EEA 0% 0% no-repeat padding-box;
}

[b-e8yz7t6w2z] .color-project-orange {
    background: #FD9644 0% 0% no-repeat padding-box;
}

[b-e8yz7t6w2z] .color-project-blue {
    background: #45AAF2 0% 0% no-repeat padding-box;
}

[b-e8yz7t6w2z] .color-project-green {
    background: #06B5CD 0% 0% no-repeat padding-box;
}

[b-e8yz7t6w2z] .cercle-selected-color {
    border: 3px solid white;
    width: 33px;
    height: 33px;
    margin-top: -2px;
    box-shadow: 2px 2px 4px #141a2e33;
    opacity: 1;
}


[b-e8yz7t6w2z] .chec {
    font-size: 16px;
    font-weight: bold;
    margin-top: -3px;
}

[b-e8yz7t6w2z] check-span {
    content: "\2713";
}

[b-e8yz7t6w2z] .prj-textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    opacity: 1;
    width: 100%;
    height: 110px;
    resize: none;
    margin-top: 11px;
    margin-left: 14px;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
}

[b-e8yz7t6w2z] textarea::placeholder {
    /*color: rgba(87, 101, 116, .48);*/
    color: #6c757d;
    font-family: 'GravityRegular';
    font-size: 13px;
    opacity: 1;
}

[b-e8yz7t6w2z] .last-row {
    padding-left: 31px;
    flex-direction: column;
    padding-right: 56px;
    padding-top: 15px;
}



@media screen and (max-width:1200px) {

    /*   .span-user-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch;
        display: block;
        vertical-align: middle;
    }*/
    [b-e8yz7t6w2z] .textarea-note-style {
        margin-left: 9px;
    }
}


[b-e8yz7t6w2z] .div-item-prj {
    padding-top: 27px;
    padding-right: 11px;
}

[b-e8yz7t6w2z] .div-item-prj-p {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
}

[b-e8yz7t6w2z] .div-prj-container {
    display: flex;
    width: 100%;
    padding-left: 25px;
}

[b-e8yz7t6w2z] .div-prj {
    display: flex;
    flex-direction: column;
    width: 25%;
}

[b-e8yz7t6w2z] .div-cont-prj {
    position: relative;
    top: -25px;
}

@media (max-width:370px) {
    [b-e8yz7t6w2z] .div-note-content {
        height: unset !important;
    }

    [b-e8yz7t6w2z] .div-note-content {
        flex-direction: column;
    }

    [b-e8yz7t6w2z] .div-espace-note {
        margin-left: 54px !important;
    }

    [b-e8yz7t6w2z] .div-notee {
        margin-top: -34px;
        margin-left: 48px;
        flex: auto;
    }

    [b-e8yz7t6w2z] .div-text-note {
        margin-top: 0px !important;
    }
}


@media (min-width:550px) and (max-width:900px) {

    .div-prj-container[b-e8yz7t6w2z] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .card-info-content[b-e8yz7t6w2z] {
        height: unset !important;
    }

    .input-icon[b-e8yz7t6w2z], .input-prj-style[b-e8yz7t6w2z], .prj-textarea[b-e8yz7t6w2z] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}

@media (max-width:550px) {

    .div-prj-container[b-e8yz7t6w2z] {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .last-row[b-e8yz7t6w2z] {
        margin-top: -110px;
    }

    .card-info-content[b-e8yz7t6w2z] {
        height: unset !important;
    }

    .input-icon[b-e8yz7t6w2z], .input-prj-style[b-e8yz7t6w2z], .prj-textarea[b-e8yz7t6w2z] {
        box-shadow: 1px 1px 3px #02171e33;
    }
}
/* /Mobiles/Mobile-Components/ProjectComponents/PrjResourcesAssgComponentMobile.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.list-title[b-hkevrkghtu] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.icon-list-code[b-hkevrkghtu] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.list-sub-title[b-hkevrkghtu] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.list-ref[b-hkevrkghtu] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.list-price[b-hkevrkghtu] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.img-round[b-hkevrkghtu] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}


.div-col-res[b-hkevrkghtu] {
    flex-direction: column;
    display: flex;
    padding-left: 12px;
    padding-bottom: 5px;
}

.div-row-res[b-hkevrkghtu] {
    display: flex;
    margin-left: 8px;
    margin-top: 6px;
}

.list-state[b-hkevrkghtu] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
    margin-top: 3px;
    margin-left: 3px;
}

.div-state[b-hkevrkghtu] {
    display: flex;
    padding-left: 13px;
}

.list-card[b-hkevrkghtu] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .list-card:hover[b-hkevrkghtu] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 500px) {
    .div-content[b-hkevrkghtu] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-hkevrkghtu] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}

.list-div[b-hkevrkghtu] {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}


.icon-list-code[b-hkevrkghtu] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}
/* /Mobiles/Mobile-Components/TaskMobileComponents/BtnNewTaskImageMobile.razor.rz.scp.css */
.btn-new-task-rond[b-ie87hr0blm] {
    position: fixed;
    right: 0%;
    bottom: 60px;
    outline: unset;
    background: transparent;
    border: none;
}
/* /Mobiles/Mobile-Components/TaskMobileComponents/BtnSwitchListTasks.razor.rz.scp.css */
.div-header-task[b-clzyanqdjy] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    width: 100%;
    height: 55px;
}
.btn-style[b-clzyanqdjy] {
    border: 1px solid #eaeaea;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.28px;
    color: #576574;
    display: grid;
    justify-items: center;
    width: 25%;
    border-bottom: solid 5px white;
}
.btn-style-clicked[b-clzyanqdjy] {
    border: 1px solid #eaeaea;
    background: none;
    outline: none;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: #268bfd;
    box-shadow: 0px 3px 6px #00000029;
    border-bottom: solid 5px #268bfd;
    display: grid;
    justify-items: center;
    width: 25%;
}
    .btn-style:hover[b-clzyanqdjy] {
        border: 1px solid #eaeaea;
        font-family: 'Franklin Gothic Medium Regular';
        font-size: 14px;
        letter-spacing: 0.28px;
        color: #268bfd;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-bottom: solid 5px #268bfd;
    }
    .btn-style:focus-within[b-clzyanqdjy] {
        border: 1px solid #eaeaea;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        font-size: 14px;
        letter-spacing: 0.28px;
        color: #268bfd;
        box-shadow: 0px 3px 6px #00000029;
        border-bottom: solid 5px #268bfd;
    }
.img-icon[b-clzyanqdjy]{
    padding-top:8px;
}
.img-icon1[b-clzyanqdjy] {
    padding-top: 3px;
}

@media(max-width:425px){
    .div-header-task[b-clzyanqdjy] {

        height: 70px;
    }
}
/* /Mobiles/Mobile-Components/TaskMobileComponents/TaskDetailActionsList.razor.rz.scp.css */
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

.modal-menu-content[b-adf1hytgkd] {
    width: 100%;
    height: 390px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border-radius: 3px;
    opacity: 1;
    position: fixed;
    bottom: 0;
}

.modal-body-menu[b-adf1hytgkd] {
}

.modal-div[b-adf1hytgkd] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.span-menu-modal[b-adf1hytgkd] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.3px;
    color: #576574;
    text-transform: capitalize;
    opacity: 1;
    padding-left: 15px;
}

.list-group-item[b-adf1hytgkd] {
    padding-left: 1.5rem;
}

.span-menu-modal:hover[b-adf1hytgkd] {
    letter-spacing: 0.3px;
    text-align: left;
    text-decoration: underline;
}

.span-blue:hover[b-adf1hytgkd] {
    color: #4B7BEC;
}

.span-blueciel:hover[b-adf1hytgkd] {
    color: #00A7E2;
}

.span-green:hover[b-adf1hytgkd] {
    color: #10AC84;
}

.span-purple:hover[b-adf1hytgkd] {
    color: #AC92EC;
}

.span-orange:hover[b-adf1hytgkd] {
    color: #EF7911;
}

@media (max-width:850px) {
  [b-adf1hytgkd]  .modal-accepter-content, .modal-accepter-content[b-adf1hytgkd] {
        width: 284px !important;
        height: 215px !important;
        margin-left: 0 !important;
    }

  [b-adf1hytgkd]  .modal-body-accepter {
        text-align: center;
        height: 119px !important;
    }

   [b-adf1hytgkd] .modal-body-prog {
        height: 130px !important;
    }

  [b-adf1hytgkd]  .span-accepter-qs {
        font-size: 17px !important;
    }

    [b-adf1hytgkd] .modal-center {
        text-align: center;
        padding: 0 !important;
    }

    [b-adf1hytgkd] .label-pers {
        font-size: 17px !important;
    }

    [b-adf1hytgkd] .span-prog-title {
        font-size: 11px !important;
    }

    [b-adf1hytgkd] .modal-center:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    [b-adf1hytgkd] .modal-center-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    [b-adf1hytgkd] .modal-header-accepter, .modal-header-prog[b-adf1hytgkd] {
        width: 284px !important;
        height: 51px !important;
    }

  [b-adf1hytgkd]  .modal-footer-accepter {
        width: 284px !important;
        height: 45px !important;
    }

    [b-adf1hytgkd] .modal-center-dialog {
        width: unset;
    }

    [b-adf1hytgkd] .img-footer {
        margin-left: 2px !important;
    }

    [b-adf1hytgkd] .modal-title {
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
        margin-left: 5px !important;
    }

    [b-adf1hytgkd] .closem {
        margin-left: 0 !important;
        margin-top: -4px !important;
        font-size: 39px !important;
        font-family: emoji !important;
    }

    [b-adf1hytgkd] .img-revue {
        width: 16px !important;
        margin-left: 3px !important;
    }

    [b-adf1hytgkd] .img-hour {
        margin-left: 25% !important;
    }

    .progressbar[value][b-adf1hytgkd] {
        width: 90% !important;
    }

    .img-prog[b-adf1hytgkd] {
        margin-left: 5px !important;
        margin-top: 7px !important;
        width: 26px !important;
    }

    .modal-title-prog[b-adf1hytgkd] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 20ch;
        display: block;
        vertical-align: middle;
        margin-left: 6px !important;
        margin-top: 11px !important;
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
    }

    .closepop-prog[b-adf1hytgkd] {
        margin-top: -9px !important;
        right: 9px !important;
        font-family: emoji !important;
    }

    .modal-content-revue[b-adf1hytgkd] {
        width: 289px !important;
        height: 434px !important;
    }

    .modal-body-revue[b-adf1hytgkd] {
        overflow-y: scroll;
    }

    .modal-footer-revue[b-adf1hytgkd] {
        width: 289px !important;
    }

    .div-box-sign[b-adf1hytgkd] {
        margin-left: -14px !important;
        width: 242px !important;
    }

    .select-revue[b-adf1hytgkd] {
        margin-left: -18px;
        width: 238px !important;
    }

    .col-sec-av[b-adf1hytgkd] {
        padding-left: 57px;
    }
}

@media (min-width:468px) and (max-width:850px) {
    .modal-header-entrerheure[b-adf1hytgkd] {
        width: 279px !important;
    }

    .div-box-entrermanuel[b-adf1hytgkd] {
        width: 247px !important;
        margin: auto;
    }

    .btn-add-new-entrerheure[b-adf1hytgkd] {
        width: 100% !important;
    }

    .modal-title-entrerheure[b-adf1hytgkd] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 18ch;
        display: block;
        vertical-align: middle;
        font-size: 16px !important;
        font-family: 'Franklin Book Regular' !important;
        margin-top: 19px !important;
    }

    .closepop-entrerheure[b-adf1hytgkd] {
        font-family: emoji !important;
        margin-top: -1px !important;
    }

    .modal-content-entrer[b-adf1hytgkd] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .img-stat[b-adf1hytgkd] {
        margin-left: 13px !important;
    }

    .div-container-entrerheure[b-adf1hytgkd] {
        padding-left: 7px !important;
    }

    .div-heures[b-adf1hytgkd] {
        display: flex;
        width: 100%;
        padding-right: 14px;
    }

    .div-space[b-adf1hytgkd], .div-espace[b-adf1hytgkd] {
        margin-top: 11px !important;
        width: 50%;
        margin-left: 9px;
    }

    .div-btns[b-adf1hytgkd] {
        display: flex;
        padding-bottom: 24px;
        padding-right: 11px;
        width: 100%;
        padding-top: 7px;
    }

    .div-box-entrerheure[b-adf1hytgkd] {
        width: 100% !important;
    }

    .modal-body-entrerheure[b-adf1hytgkd] {
        height: unset !important;
    }

    .div-demarer-heures[b-adf1hytgkd] {
        align-items: center;
    }

    .div-box-demarerHorloge[b-adf1hytgkd] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-adf1hytgkd] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-demarer-heures[b-adf1hytgkd] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-adf1hytgkd] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-adf1hytgkd] {
        width: 100% !important;
    }

    .div-entrermanuel-info[b-adf1hytgkd] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-left: 15px;
    }
}

@media (max-width:600px) {
    .div-entrermanuel-info[b-adf1hytgkd] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width:468px) {

    .modal-body-entrerheure[b-adf1hytgkd] {
        height: unset !important;
    }

    .div-box-entrermanuel[b-adf1hytgkd] {
        width: 88% !important;
    }

    .modal-content-entrer[b-adf1hytgkd] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .btn-add-new-entrerheure[b-adf1hytgkd] {
        width: 100% !important;
    }

    .div-box-entrerheure[b-adf1hytgkd] {
        width: 85% !important;
    }

    .div-btns[b-adf1hytgkd] {
        padding-bottom: 24px;
    }

    .div-container-entrerheure[b-adf1hytgkd] {
        padding-left: 37px !important;
    }

    .span-title-demarerHorloge[b-adf1hytgkd] {
        margin-left: 9% !important;
    }

    .div-box-demarerHorloge[b-adf1hytgkd] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-adf1hytgkd] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-box-entrermanuel[b-adf1hytgkd] {
        width: 247px !important;
    }

    .div-demarer-heures[b-adf1hytgkd] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-adf1hytgkd] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-adf1hytgkd] {
        width: 100% !important;
    }
}

.div-demarer-heures[b-adf1hytgkd] {
    display: flex;
    flex-direction: column;
}

.div-box-date[b-adf1hytgkd] {
    margin-left: auto;
}

.div-manuel[b-adf1hytgkd] {
    padding-left: 37px !important;
}

.div-box-date-container[b-adf1hytgkd] {
    width: 90% !important;
}

.div-box-note-container[b-adf1hytgkd] {
    width: 88% !important;
}

@media (max-width:470px) {
[b-adf1hytgkd]    .card-item {
        height: unset !important;
    }

    [b-adf1hytgkd] .card-item-content {
        display: flex;
        flex-direction: column;
    }


    [b-adf1hytgkd] .card-item-col-sec {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

[b-adf1hytgkd] .img-item-value {
    width: 20px !important;
}

[b-adf1hytgkd] .col-first-item, .col-sec-item[b-adf1hytgkd] {
    margin-left: 0 !important;
}

[b-adf1hytgkd]  .col-first-item {
    padding-left: 57px;
}

[b-adf1hytgkd] .btn-add-new {
    width: 100% !important;
}

[b-adf1hytgkd] .list-card-livrer {
    overflow: scroll;
    height: calc(100vh - 169px);
}

[b-adf1hytgkd] .list-demarer-horloge {
    overflow: scroll;
    height: calc(100vh - 163px) !important;
}

[b-adf1hytgkd] .img-req {
    float: right !important;
    margin-right: 15px;
}


@media (max-width:850px) {
    [b-adf1hytgkd] .modal-req-content {
        width: 285px !important;
    }

    [b-adf1hytgkd] .modal-header-req {
        width: 285px !important;
    }

    [b-adf1hytgkd] .modal-footer-req {
        width: 100% !important;
    }

    [b-adf1hytgkd] .triangle-left {
        display: none;
    }

    [b-adf1hytgkd] .closereq {
        margin-top: -4px !important;
        font-family: emoji !important;
        font-size: 38px !important;
        margin-left: 0 !important;
    }

    [b-adf1hytgkd] .modal-title-req {
        font-family: 'Franklin Book Regular' !important;
        font-size: 14px !important;
    }

    [b-adf1hytgkd] .mod-req {
        background-color: rgb(34,47,62,.75) !important;
    }

    [b-adf1hytgkd] .modal-req-content {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

.modal-header-revue[b-adf1hytgkd] {
    align-items: center;
}

.closerev[b-adf1hytgkd] {
    font-family: emoji !important;
    margin-top: -48px !important;
}


.modalfooter-style[b-adf1hytgkd] {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    box-shadow: 3px 3px 6px #00000040;
}
/* /Mobiles/Mobile-Components/TaskMobileComponents/TaskDetailComponents/DeliveryItemComponent.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-w9cexb5qbd]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-w9cexb5qbd] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-w9cexb5qbd] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}



.switch[b-w9cexb5qbd] {
    width: 100%;
}

    .switch input[type=checkbox][b-w9cexb5qbd] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-w9cexb5qbd] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-w9cexb5qbd] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-w9cexb5qbd]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-w9cexb5qbd]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-w9cexb5qbd] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-w9cexb5qbd] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-w9cexb5qbd] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-w9cexb5qbd] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-w9cexb5qbd] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-w9cexb5qbd] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-w9cexb5qbd] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-w9cexb5qbd] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-w9cexb5qbd], .column-3:focus[b-w9cexb5qbd] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-w9cexb5qbd] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-w9cexb5qbd] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-w9cexb5qbd] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-w9cexb5qbd] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-w9cexb5qbd] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-w9cexb5qbd] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-w9cexb5qbd] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-w9cexb5qbd] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-w9cexb5qbd] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-w9cexb5qbd] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-w9cexb5qbd] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-w9cexb5qbd] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-w9cexb5qbd] {
    margin-right: 0px;
}


select[b-w9cexb5qbd] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-w9cexb5qbd]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-w9cexb5qbd] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-w9cexb5qbd] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-w9cexb5qbd] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-w9cexb5qbd] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-w9cexb5qbd] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-w9cexb5qbd] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-w9cexb5qbd] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;

    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-w9cexb5qbd] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-w9cexb5qbd] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-w9cexb5qbd] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-w9cexb5qbd] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-w9cexb5qbd]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-w9cexb5qbd]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-w9cexb5qbd] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-w9cexb5qbd] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-w9cexb5qbd] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-w9cexb5qbd] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-w9cexb5qbd] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-w9cexb5qbd] {
    width: 18px;
    height: 14px;
}

.div-footer[b-w9cexb5qbd] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-w9cexb5qbd] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-w9cexb5qbd] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-w9cexb5qbd] {
    line-height: 15px;
}

.modal-title-entrerheure[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-w9cexb5qbd] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-w9cexb5qbd] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-w9cexb5qbd] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-w9cexb5qbd]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-w9cexb5qbd]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-w9cexb5qbd]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-w9cexb5qbd]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-w9cexb5qbd] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-w9cexb5qbd] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-w9cexb5qbd] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-w9cexb5qbd] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-w9cexb5qbd] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-w9cexb5qbd] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-w9cexb5qbd] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-w9cexb5qbd] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-w9cexb5qbd] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-w9cexb5qbd] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}



.img-stat[b-w9cexb5qbd] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-w9cexb5qbd] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-w9cexb5qbd] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-w9cexb5qbd] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-w9cexb5qbd] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-w9cexb5qbd] {
    margin-top: 12px;
}

.img-choix[b-w9cexb5qbd] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-w9cexb5qbd] {
    margin-left: 4px;
}

.body-entry-time1[b-w9cexb5qbd] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-w9cexb5qbd] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #FF9F43;
    background: #FF9F43;
    color: white;
    font-size: 12px;
    position: inherit;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
    display: inline-block;
    margin-top: 3px;
}

@media(max-height:657px) {
    .body-entry-time1[b-w9cexb5qbd] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-w9cexb5qbd] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-w9cexb5qbd] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-w9cexb5qbd] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-w9cexb5qbd] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-w9cexb5qbd] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-w9cexb5qbd] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-w9cexb5qbd] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-w9cexb5qbd] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-w9cexb5qbd] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-w9cexb5qbd] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-w9cexb5qbd] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-w9cexb5qbd] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-w9cexb5qbd] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-w9cexb5qbd] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-w9cexb5qbd] {
    margin-top: 9px;
}

.span-debut-chrono[b-w9cexb5qbd] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-w9cexb5qbd] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-w9cexb5qbd] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-w9cexb5qbd] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-w9cexb5qbd] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-w9cexb5qbd] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-w9cexb5qbd] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-w9cexb5qbd] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-w9cexb5qbd] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-w9cexb5qbd] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-w9cexb5qbd] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-w9cexb5qbd] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-w9cexb5qbd] {
    margin-top: -28px;
}

.div-title-manuel[b-w9cexb5qbd] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-w9cexb5qbd] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-w9cexb5qbd] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-w9cexb5qbd] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-w9cexb5qbd] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-w9cexb5qbd] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-w9cexb5qbd] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-w9cexb5qbd] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-w9cexb5qbd] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-w9cexb5qbd] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-w9cexb5qbd] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-w9cexb5qbd] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-w9cexb5qbd] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-w9cexb5qbd] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-w9cexb5qbd] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-w9cexb5qbd] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-w9cexb5qbd] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-w9cexb5qbd] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-w9cexb5qbd] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-w9cexb5qbd] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-w9cexb5qbd] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-w9cexb5qbd] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-w9cexb5qbd] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-w9cexb5qbd] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-w9cexb5qbd] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-w9cexb5qbd] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-w9cexb5qbd] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-w9cexb5qbd] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-w9cexb5qbd] {
    margin-left: 114px;
}

.note-livrer-pos[b-w9cexb5qbd] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-w9cexb5qbd] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-w9cexb5qbd] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-w9cexb5qbd] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-w9cexb5qbd] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-w9cexb5qbd] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-w9cexb5qbd] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-w9cexb5qbd] {
    width: 42px;
    height: 42px;
}

.span-scan[b-w9cexb5qbd] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-w9cexb5qbd] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-w9cexb5qbd] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-w9cexb5qbd] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-w9cexb5qbd] {
        display: block !important;
    }

    .display-date-sec[b-w9cexb5qbd] {
        display: none !important;
    }
}

.display-date[b-w9cexb5qbd] {
    display: none;
}

.modal-ts-content[b-w9cexb5qbd] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-w9cexb5qbd] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-w9cexb5qbd] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-w9cexb5qbd] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-w9cexb5qbd] {
    margin-left: 14px;
}

.modal-ts-footer[b-w9cexb5qbd] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-w9cexb5qbd] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}

.span-entry-title[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-w9cexb5qbd] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-w9cexb5qbd] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-w9cexb5qbd] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-w9cexb5qbd] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-w9cexb5qbd] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-w9cexb5qbd] {
    margin: 0;
}

.card-item[b-w9cexb5qbd] {
    margin-left: 16px;
    margin-top: 14px;
    border: 0.5px solid #e6e6e6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    border-radius: 5px;
    opacity: 1;
    min-width: 338px;
    max-width: 445px;
    height: 148px;
}

.img-statutLivrer-purple[b-w9cexb5qbd] {
    width: 33px;
    height: 33px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    opacity: 1;
    object-fit: cover;
    border-radius: 50%;
    margin-left: -7px;
    margin-top: 6px;
}

.span-item[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 10px;
    left: 58px;
    position: absolute;
}

.span-item-number[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Demi Regular';
    float: right;
    margin-top: 2px;
}

.span-item-name[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 38px;
    left: 58px;
    position: absolute;
}

.span-item-value-title[b-w9cexb5qbd] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 5px;
}

.span-item-value[b-w9cexb5qbd] {
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
}

.img-item-value[b-w9cexb5qbd] {
    width: 16px;
    height: 16px;
}

.px-4[b-w9cexb5qbd] {
    padding-right: 0px !important;
}

.content[b-w9cexb5qbd] {
    padding-left: 1px !important;
    padding-top: 0px !important;
}

html[b-w9cexb5qbd], body[b-w9cexb5qbd] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.cards[b-w9cexb5qbd] {
    max-width: 1200px;
    margin-right: 23px;
    margin-left: 14px;
    display: grid;
}

@media (min-width: 1123px) {
    .cards[b-w9cexb5qbd] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1123px) and (max-width:1310px) {
    .card-item[b-w9cexb5qbd] {
        height: unset !important;
    }

    .card-item-content[b-w9cexb5qbd] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-w9cexb5qbd] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 1123px) {

    .card-item[b-w9cexb5qbd] {
        max-width: 100%;
    }
}

@media (max-width: 800px) {
    .div-scroll[b-w9cexb5qbd] {
        overflow: scroll;
        height: calc(100% - 150px);
    }
}


.card-item-content[b-w9cexb5qbd] {
    display: flex;
}

.card-item-col-first[b-w9cexb5qbd] {
    display: flex;
    flex-direction: column;
    margin-top: 29px;
    margin-left: 10%;
    width: 100%
}

.card-item-col-sec[b-w9cexb5qbd] {
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    margin-top: 28px;
    width: 100%
}

@media(max-width:1310px ) {
    .span-qtep[b-w9cexb5qbd] {
        margin-left: 20px;
    }

    .span-qtel[b-w9cexb5qbd] {
        margin-left: 51px;
    }

    .span-u[b-w9cexb5qbd] {
        margin-left: 95px;
    }

    .span-main[b-w9cexb5qbd] {
        margin-left: 61px;
    }
}

@media(min-width:1310px ) {
    .span-qtep[b-w9cexb5qbd] {
        margin-left: 10px;
    }

    .span-qtel[b-w9cexb5qbd] {
        margin-left: 41px;
    }

    .span-u[b-w9cexb5qbd] {
        margin-left: 57px;
    }

    .span-main[b-w9cexb5qbd] {
        margin-left: 24px;
    }
}

@media (max-width: 475px) {
    .span-qtep[b-w9cexb5qbd] {
        margin-left: 19px;
    }
}


.btnstyle[b-w9cexb5qbd], .btn-competence[b-w9cexb5qbd], .btnstyle-note[b-w9cexb5qbd] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}



.btn-leftmenu-active[b-w9cexb5qbd] {
    color: #0898D7;
    height: 59px;
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

.btn-leftmenu-comp-active[b-w9cexb5qbd] {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

.imgstyle[b-w9cexb5qbd] {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

.span-comp-title[b-w9cexb5qbd] {
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-comp-sub-title[b-w9cexb5qbd] {
    margin-left: 10px;
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}

.span-comp-value[b-w9cexb5qbd] {
    color: #8395A7;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}


.btn-new-comp[b-w9cexb5qbd] {
    border: none;
    width: 100%;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #576574;
    height: 53px;
    font-size: 14px;
}

    .btn-new-comp:hover[b-w9cexb5qbd] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

    .btn-new-comp:focus[b-w9cexb5qbd], .btn-new-comp:focus-visible[b-w9cexb5qbd], .btn-new-comp:active[b-w9cexb5qbd] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

.div-new-comp[b-w9cexb5qbd] {
    border: 0.5px solid #E6E6E6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    border: 0.5px solid #E6E6E6;
    opacity: 1;
    width: 100%;
}

.div-comp[b-w9cexb5qbd] {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    max-width: 396px;
    min-width: 330px;
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

.btn_upload[b-w9cexb5qbd] {
    margin-top: 23px;
    text-align: center;
    width: 90% !important;
    height: 38px !important;
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 3px;
    position: static;
    border: 1px dashed #7cbbf9;
    color: #576574;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    background-position: 15% 52% !important;
    margin-left: 21px;
    background: transparent url(/icons/attchement.svg) no-repeat;
    background-position: 24% 50%;
    background-size: 8px 18px;
    width: 46px;
    height: 42px;
    text-decoration: none;
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding-top: 7px;
}

    .btn_upload:hover[b-w9cexb5qbd] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

    .btn_upload:active[b-w9cexb5qbd], .btn_upload:focus[b-w9cexb5qbd] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

input[type="file"][b-w9cexb5qbd] {
    display: none;
}


@media (max-width:360px) {
    .btn_upload[b-w9cexb5qbd] {
        background-position: 18% 50% !important;
    }
}

@media (max-width:850px) {
    .div-log-container[b-w9cexb5qbd] {
        width: 100% !important;
        height: unset !important;
        padding-bottom: 19px;
        padding-top: 13px !important;
    }
}

.modal-recept-content[b-w9cexb5qbd] {
    width: 335px;
    height: 583px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-recept[b-w9cexb5qbd] {
    width: 335px;
    height: 60px;
    background: #E67E22 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

[b-w9cexb5qbd]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.modal-footer-recept[b-w9cexb5qbd] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}


.modal-body-recept[b-w9cexb5qbd] {
    overflow: scroll;
    overflow-x: hidden;
}


@media (min-width:700px){
    .div-cmd[b-w9cexb5qbd] {
        padding-top: 15px;
        padding-left: 15%;
        display: grid;
        margin-top: 8px;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width:700px) and (min-width:480px) {
    .div-cmd[b-w9cexb5qbd] {
        padding-top: 15px;
        padding-left: 17%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width:480px) {
    .div-cmd[b-w9cexb5qbd] {
        padding-top: 15px;
        padding-left: 21%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}
    @media (max-width:280px) {
        .div-cmd[b-w9cexb5qbd] {
            padding-top: 15px;
            padding-left: 10%;
            display: grid;
            grid-template-columns: repeat(1, 1fr);
        }
    }
/* /Mobiles/Mobile-Components/TaskMobileComponents/TaskDetailComponents/EntrerHeureMobile/TimeEntryBodyMobile.razor.rz.scp.css */

.div-timeEntryBody[b-fs0ehte8ip] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 65%;
    margin: auto;
}
@media (min-width:585px) {

    .div-timeEntryBody[b-fs0ehte8ip] {
        padding-left: 20%;
        width: 75%;
    }
}
@media (max-width:440px) {

    .div-timeEntryBody[b-fs0ehte8ip] {
        padding-left: 10%;
        width: 75%;
    }
}
@media (max-width:360px){

    .div-timeEntryBody[b-fs0ehte8ip]{
        padding-left:0px;
    }

}
@media (max-width:280px) {

    .div-timeEntryBody[b-fs0ehte8ip] {
        margin:unset;
        width:unset;
        margin-left:10px;
    }
}
.spancountLogMobile[b-fs0ehte8ip] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #FF9F43;
    background: #FF9F43;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}
.div-box-tiemEntry[b-fs0ehte8ip] {
    margin-top: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 7px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}
/* /Mobiles/Mobile-Components/TaskMobileComponents/TaskDetailComponents/EntrerHeureMobile/TimeEntryLogComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../../../../wwwroot/css/open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.div-timeEntry-log-container[b-49mc9y99ax] {
    display: flex;
    flex-direction: column;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}
.span-user-name[b-49mc9y99ax] {
    text-align: left;
    letter-spacing: 0.77px;
    color: #232627;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    flex: auto;
}

.log-div[b-49mc9y99ax] {
    display: flex;
    padding-top: 10px;
    padding-left: 20px;
    margin-bottom: 10px;
}
.img-EdtDelt[b-49mc9y99ax]{
    width:17px;
    height:25px;
    margin-right:5px;

}
.img-round[b-49mc9y99ax] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 12px;
}
.img-delet[b-49mc9y99ax] {
    width: 16px;
    height: 25px;
    margin-right: 7px;
}
.column-2[b-49mc9y99ax] {
    float: left;
    width: 50%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}
.modal-footer-log[b-49mc9y99ax] {
    height: 42px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171e33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
}

@media (max-width:250px) {
    .img-round[b-49mc9y99ax]{
        display:none;
    }
}
@media (min-width:500px) {
    .log-div[b-49mc9y99ax] {
        padding-left: 15%;
    }
}
/* /Mobiles/Mobile-Components/TaskMobileComponents/TaskDetailComponents/ResourceAssignTaskCardComponentMobile.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.div-dates-res[b-jdpgv91yam] {
    margin-top: -3px;
}

.card-res[b-jdpgv91yam] {
    /*height: 95px;*/
    border-radius: 0px !important;
    padding: 13px;
}

.card-sty[b-jdpgv91yam] {
    height: 141px !important;
    border-right: 1px solid #eaeaea;
    padding-top: 10px;
    width: 380px;
}

.span-username-res[b-jdpgv91yam] {
    margin-top: -10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    color: #222F3E;
}

.span-pers[b-jdpgv91yam] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    color: #8395A7;
    text-align: left;
    letter-spacing: 0.33px;
}

.span-distance[b-jdpgv91yam] {
    font-family: left;
    letter-spacing: 0.33px;
    color: #8395A7;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
}

.span-duration[b-jdpgv91yam] {
    color: #F36C3A;
    text-align: left;
    letter-spacing: 0.3px;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 11px;
}

.div-hover-call[b-jdpgv91yam] {
    position: absolute;
    top: 12px;
    right: 15px;
    visibility: visible;
    opacity: 1;
    transition: visibility, opacity linear 0.3s;
}

.card-body:hover .div-hover-call[b-jdpgv91yam] {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}

.card-body:hover[b-jdpgv91yam] {
    box-shadow: 2px 2px 9px #00000040;
}

.ressource-list-cards[b-jdpgv91yam] {
    overflow: scroll;
    max-height: 81vh;
    overflow-x: hidden;
    box-shadow: 9px 9px 9px #00000040;
}

.card-button[b-jdpgv91yam] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}


.div-header-ressource[b-jdpgv91yam] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: flex;
}

.div-child-header-ressource[b-jdpgv91yam] {
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res[b-jdpgv91yam] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-jdpgv91yam] {
    margin-top: -3px;
    margin-right: 10px;
}


.ressourceModal[b-jdpgv91yam] {
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}

.imgRessource[b-jdpgv91yam] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.imgAssignRessource[b-jdpgv91yam] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-jdpgv91yam] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}

.email[b-jdpgv91yam] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-jdpgv91yam] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.smallText[b-jdpgv91yam] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}


.div-contact-card[b-jdpgv91yam] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
}

.row-flex[b-jdpgv91yam] {
    display: flex;
    flex-direction: row;
}

.column-flex[b-jdpgv91yam] {
    display: flex;
    flex-direction: column;
}

.span-style[b-jdpgv91yam] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.span-phone[b-jdpgv91yam] {
    font-family: 'Franklin Gothic Book Regular';
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

.title[b-jdpgv91yam] {
    font-size: 18px;
}

.sub-title[b-jdpgv91yam] {
    font-size: 15px;
}

.icon-img[b-jdpgv91yam] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.user-icon[b-jdpgv91yam] {
    padding-top: 2px;
}

.call-icon[b-jdpgv91yam] {
    padding-top: 8px;
}

.div-contact[b-jdpgv91yam] {
    padding-left: 10px;
}

.email[b-jdpgv91yam] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}


.div-compentance-card[b-jdpgv91yam] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 0.5rem;
    padding-left: 1.5rem;
}

.row-flex[b-jdpgv91yam] {
    display: flex;
    flex-direction: row
}

.column-flex[b-jdpgv91yam] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-jdpgv91yam] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-jdpgv91yam] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.span-sub-title[b-jdpgv91yam] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-sub-sub-title[b-jdpgv91yam] {
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-jdpgv91yam] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.level-icon[b-jdpgv91yam] {
    object-fit: cover;
    opacity: 1;
}

.competance-icon[b-jdpgv91yam] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}
/* /Mobiles/Mobile-Components/TaskMobileComponents/TaskDetailComponents/SwitchHeaderLineTaskComponent.razor.rz.scp.css */
.switchBtn[b-9np54adj8m] {
    position: fixed;
    top: 76px;
    left: 45%;
    outline: unset;
    background: transparent;
    border: none;
}
.imgSwitch[b-9np54adj8m] {
    transition-duration: 0.4s;
    transition-property: transform;
}
/* /Mobiles/Mobile-Components/TaskMobileComponents/TaskDetailComponents/TaskDetail.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.arrow-left[b-r7oheu6x5s] {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #ffffff;
    position: absolute;
    right: -2px;
    top: 20px;
}

[b-r7oheu6x5s]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.div-card[b-r7oheu6x5s] {
    border-radius: 1px;
    /*width: 366px;*/
    /*height: 182px;*/
    height: auto;
    box-shadow: 2px 2px 3px #00000040;
}

.card-task:hover[b-r7oheu6x5s] {
    box-shadow: 2px 1px 10px #00000040;
}


.taskCode[b-r7oheu6x5s] {
    /*overflow: visible;
    width: 37px;
    white-space: nowrap;*/
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(131,149,167,1);
    letter-spacing: 0.25px;
}

.percentage-task-progress[b-r7oheu6x5s] {
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.35px;
    color: #808080;
    opacity: 1;
    margin-right: 8px;
    padding-top: 16px;
    position: relative;
    top: 5px;
}

.taskTitle[b-r7oheu6x5s] {
    /*overflow: visible;
    width: 197px;
    white-space: nowrap;*/
    line-height: 20px;
    margin-top: -1.5px;
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.emplacement[b-r7oheu6x5s] {
    /*overflow: visible;*/
    /*width: 55px;*/
    /*white-space: nowrap;*/
    line-height: 16.80000114440918px;
    /*margin-top: -1.4000005722045898px;*/
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(87,101,116,1);
    overflow-wrap: break-word;
}

.userimg[b-r7oheu6x5s] {
    width: 47px;
    object-fit: cover;
    border-radius: 50%;
    border-radius: 23px;
    margin-top: 5px;
}

.city[b-r7oheu6x5s] {
    overflow: visible;
    width: 55px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
    color: #576574;
    color: rgba(87,101,116,1);
}

.cityimg[b-r7oheu6x5s] {
    width: 15px;
    height: 15px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 5px;
    margin-left: 15px;
}

.citynb[b-r7oheu6x5s] {
    overflow: visible;
    width: 58px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(131,149,167,1);
    float: left;
    margin-left: 17px;
}

.b1[b-r7oheu6x5s], .b2[b-r7oheu6x5s], .b3[b-r7oheu6x5s] {
    display: inline-table;
}

.bl1[b-r7oheu6x5s], .bl2[b-r7oheu6x5s] {
    display: inline-table;
}

.datestyle[b-r7oheu6x5s] {
    overflow: visible;
    width: 80px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: rgba(87,101,116,1);
}

.dateimg[b-r7oheu6x5s] {
    width: 14px;
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.labelper[b-r7oheu6x5s] {
    color: #808080;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 10px;
    margin-left: 168px;
}

progress[value][b-r7oheu6x5s] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 62px;
    height: 6px;
    margin-left: 126px;
    margin-top: -9px;
}



    progress[value][b-r7oheu6x5s]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }



    progress[value][b-r7oheu6x5s]::-webkit-progress-value {
        background-color: #8395A7;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.taskTitle:hover[b-r7oheu6x5s] {
    text-decoration: underline;
}

/*.task-card {
    width: 368px;width: 368px;
}*/
.task-card[b-r7oheu6x5s] {
    width: auto;
}

.div-search-filter[b-r7oheu6x5s] {
    display: flex;
    flex-direction: row;
    /*width: 368px*/
}

.div-list-cards[b-r7oheu6x5s] {
    height: calc(100vh);
    overflow: scroll;
    overflow-x: hidden;
    width: 368px;
}

.NbreResource[b-r7oheu6x5s] {
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    text-align: center;
    /* min-width: 23px; */
    opacity: 1;
    float: right;
    font-size: 10.6px;
    width: 23px;
    height: 23px;
    font-family: Franklin Gothic Medium Regular;
    margin-top: -14px;
    line-height: 18px;
}

.TagMap[b-r7oheu6x5s] {
    border-radius: 50%;
    border: 1px solid #ac92ec;
    background: #ac92ec;
    color: white;
    text-align: center;
    /* min-width: 23px; */
    opacity: 1;
    float: right;
    font-size: 10.6px;
    width: 23px;
    height: 23px;
    font-family: Franklin Gothic Medium Regular;
    line-height: 18px;
}

[data-letters][b-r7oheu6x5s]:before {
    content: attr(data-letters);
    display: inline-block;
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%;
    background: plum;
    vertical-align: middle;
    margin-right: 1em;
    color: white;
}

[b-r7oheu6x5s]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}


.card-info[b-r7oheu6x5s] {
    max-width: 100%;
    border-radius: 0px;
    margin-top: -5px;
    margin-left: 2px;
    background: rgba(230,230,230,.2) no-repeat padding-box;
    /*    height: 202px;*/
    border-color: #FFFFFF;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.img-statut[b-r7oheu6x5s] {
    height: 44px;
    width: 44px;
    margin-top: 6px;
    margin-left: -13px;
}

.input-style[b-r7oheu6x5s] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*    max-width:174px;
    min-width:127px;*/
    height: 35px;
    width: 90%;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 15px;
    color: #35414C;
    padding: 14px;
}

.span-number[b-r7oheu6x5s] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-title[b-r7oheu6x5s] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.c1[b-r7oheu6x5s], .c2[b-r7oheu6x5s] {
    display: inline-table;
}

.span-task-number[b-r7oheu6x5s] {
    margin-left: 10px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-task-name[b-r7oheu6x5s] {
    margin-left: 10px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-date-creation[b-r7oheu6x5s] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 13px;
}

.span-source[b-r7oheu6x5s] {
    font-family: 'Franklin Book Regular';
    text-align: left;
    font-size: 11px;
    color: #35414C;
    margin-left: 4px;
}

.label-per[b-r7oheu6x5s] {
    font-family: 'Franklin Gothic Book Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    margin-bottom: 0px;
}

@media(min-width:1220px) {
    .label-per[b-r7oheu6x5s] {
        margin-left: 123px;
    }
}

.prog-style[value][b-r7oheu6x5s] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    margin-top: 1px;
    width: 90%;
    height: 8px;
    margin-left: 15px;
}

    .prog-style[value][b-r7oheu6x5s]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .prog-style[value][b-r7oheu6x5s]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.datestyle[b-r7oheu6x5s] {
    overflow: visible;
    width: 80px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: rgba(87,101,116,1);
}

.dateimg[b-r7oheu6x5s] {
    width: 14px;
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 2px;
}

.div-left-menu[b-r7oheu6x5s] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border: 0.25px solid #E6E6E6;
    opacity: 1;
    display: flex;
    flex-direction: row;
    margin-top: -7px;
    padding: 0px;
}

.div-ressource[b-r7oheu6x5s] {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 187px;
    left: 771px;
}

.show[b-r7oheu6x5s] {
    display: block;
}

.hide[b-r7oheu6x5s] {
    display: none;
}

.btn-assignto[b-r7oheu6x5s] {
    position: absolute;
    top: 150px;
    left: 781px;
    height: 43px;
    width: 149px;
    margin-left: -25px;
    border: none;
    background-color: transparent;
    outline: none !important;
    cursor: pointer;
}
/*   ------------------------------------------------ */

.div-taskdetail-header[b-r7oheu6x5s] {
    display: inline-table;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    width: 100%;
}

.div-container-taskdetail[b-r7oheu6x5s] {
    display: flex;
    flex-direction: row;
}

.div-taskdetail-left[b-r7oheu6x5s] {
    max-width: 986px;
    min-width: 632px;
    padding: 0px;
    margin-top: -3px;
}

.div-scroll-items[b-r7oheu6x5s] {
    overflow-y: scroll;
    height: calc(100vh - 320px);
}

.div-leftmenu-container[b-r7oheu6x5s] {
    min-width: 337px;
    max-width: 393px;
}

.div-dash[b-r7oheu6x5s] {
    padding: 0px;
    display: none;
}

@media only screen and (max-width: 800px) {
    .card-info[b-r7oheu6x5s] {
        width: 760px;
    }
}

@media only screen and (max-width: 1300px) {
    .div-container-taskdetail[b-r7oheu6x5s] {
        overflow: scroll;
    }

    .img-map[b-r7oheu6x5s] {
        width: 335px;
    }
}

@media only screen and (max-width: 1250px) {
    /*    .input-style {
        max-width: 127px;
        min-width: 107px;
        
    }*/
    .label-per[b-r7oheu6x5s] {
        text-align: end;
    }

    .prog-style[b-r7oheu6x5s] {
        width: 85%;
    }
}

@media only screen and (min-width: 1250px) {
    .input-style[b-r7oheu6x5s] {
        /*    max-width: 174px;
        min-width: 123px;*/
    }
}

@media only screen and (max-width: 1290px) {
    .card-info-body[b-r7oheu6x5s] {
        /*        padding-left: 10px;
*/ padding-right: 20px;
    }
}

@media only screen and (max-width: 1320px) {
}

.label-per[b-r7oheu6x5s] {
    margin-left: 93px;
}

.prog-style[b-r7oheu6x5s] {
    width: 85%;
}

}

@media only screen and (min-width: 1250px) {
    .input-style[b-r7oheu6x5s] {
        max-width: 174px;
        min-width: 123px;
    }
}

@media only screen and (max-width: 1290px) {
    .card-info-body[b-r7oheu6x5s] {
        /*        padding-left: 10px;
*/ padding-right: 20px;
    }
}

@media (min-width:960px) {
    .taskdetail-col-sec[b-r7oheu6x5s] {
        /*padding-left: 31px;*/
    }
}

@media only screen and (max-width: 1320px) {

    /* .div-espace-note {
     margin-left:9px !important;
    }*/
    /*   .btnstyle {
        padding: 0px;
    }*/
}

.btnstyle[b-r7oheu6x5s], .btn-competence[b-r7oheu6x5s], .btnstyle-note[b-r7oheu6x5s] {
    width: 100% !important;
    display: grid !important;
    justify-items: center !important;
}

.div-box-action[b-r7oheu6x5s] {
    width: 57px;
    height: 54px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    z-index: 1;
}

.img-action[b-r7oheu6x5s] {
    width: 28px;
    height: 26px;
    margin-left: 15px;
    margin-top: 14px;
}

.ul-action[b-r7oheu6x5s] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #40414240;
    border-radius: 5px;
    opacity: 1;
    width: 164px;
    height: 84px;
    z-index: 1;
}

.li-action[b-r7oheu6x5s] {
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
}

@media (max-width: 1224px) {
    .span-task-name[b-r7oheu6x5s] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 16ch;
        display: block;
        vertical-align: middle;
    }
}

.taskdetail-firstrow[b-r7oheu6x5s] {
    display: flex;
    flex-direction: row;
    margin-left: 20px;
}

.taskdetail-secondrow[b-r7oheu6x5s] {
    display: flex;
    flex-direction: row;
    margin-left: 29px;
    margin-top: 14px;
}

.taskdetail-col[b-r7oheu6x5s] {
    display: flex;
    flex-direction: column;
    height: 85px;
    padding: 0px !important;
}

.taskdetail-col-first[b-r7oheu6x5s] {
    display: flex;
    flex-direction: column;
}

.taskdetail-col-sec[b-r7oheu6x5s] {
    display: flex;
    flex-direction: column;
}
/*@media (min-width:925px) {
    .div-cont-prj {
        top: unset !important;
    }
}
@media (max-width:1182px) {
    .div-cont-prj {
        top: unset !important;
    }
}*/




.card-infos-container[b-r7oheu6x5s] {
    display: flex;
    width: 100%;
}

.div-taskdetail-first[b-r7oheu6x5s] {
    min-width: 201px;
}

.div-taskdetail-col[b-r7oheu6x5s] {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 11px;
    min-width: 201px;
    max-width: 250px;
}

.icon-project-code[b-r7oheu6x5s] {
    width: 39px;
    height: 39px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    background-color: #FD9644;
    padding-top: 7px;
}
/* /Mobiles/Mobile-Components/TaskMobileComponents/TaskModals/AccepterModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-58mrjcuaws]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-58mrjcuaws] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-58mrjcuaws] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-58mrjcuaws] {
    width: 100%;
}

    .switch input[type=checkbox][b-58mrjcuaws] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-58mrjcuaws] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-58mrjcuaws] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-58mrjcuaws]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-58mrjcuaws]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-58mrjcuaws] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-58mrjcuaws] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-58mrjcuaws] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-58mrjcuaws] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-58mrjcuaws] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-58mrjcuaws] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-58mrjcuaws] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-58mrjcuaws] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-58mrjcuaws], .column-3:focus[b-58mrjcuaws] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-58mrjcuaws] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-58mrjcuaws] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-58mrjcuaws] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-58mrjcuaws] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-58mrjcuaws] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-58mrjcuaws] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-58mrjcuaws] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-58mrjcuaws] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-58mrjcuaws] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-58mrjcuaws] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-58mrjcuaws] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-58mrjcuaws] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-58mrjcuaws] {
    margin-right: 0px;
}


select[b-58mrjcuaws] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-58mrjcuaws]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-58mrjcuaws] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-58mrjcuaws] {
    width: unset !important;
    margin: 0;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-delet[b-58mrjcuaws] {
    width: unset !important;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    align-items: center;
}

.modal-body-accepter[b-58mrjcuaws] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-58mrjcuaws] {
    width: unset !important;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-58mrjcuaws] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-58mrjcuaws] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-58mrjcuaws] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-58mrjcuaws] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-58mrjcuaws] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-58mrjcuaws] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-58mrjcuaws]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-58mrjcuaws]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-58mrjcuaws] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-58mrjcuaws] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-58mrjcuaws] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-58mrjcuaws] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-58mrjcuaws] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-58mrjcuaws] {
    width: 18px;
    height: 14px;
}

.div-footer[b-58mrjcuaws] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-58mrjcuaws] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-58mrjcuaws] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-58mrjcuaws] {
    line-height: 15px;
}

.modal-title-entrerheure[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-58mrjcuaws] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-58mrjcuaws] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-58mrjcuaws] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-58mrjcuaws]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-58mrjcuaws]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-58mrjcuaws]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-58mrjcuaws]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-58mrjcuaws] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-58mrjcuaws] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-58mrjcuaws] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-58mrjcuaws] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-58mrjcuaws] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-58mrjcuaws] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-58mrjcuaws] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-58mrjcuaws] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-58mrjcuaws] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-58mrjcuaws] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-58mrjcuaws] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-58mrjcuaws] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-58mrjcuaws] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-58mrjcuaws] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-58mrjcuaws] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-58mrjcuaws] {
    margin-top: 12px;
}

.img-choix[b-58mrjcuaws] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-58mrjcuaws] {
    margin-left: 4px;
}

.body-entry-time1[b-58mrjcuaws] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-58mrjcuaws] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-58mrjcuaws] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-58mrjcuaws] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-58mrjcuaws] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-58mrjcuaws] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-58mrjcuaws] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-58mrjcuaws] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-58mrjcuaws] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-58mrjcuaws] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-58mrjcuaws] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-58mrjcuaws] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-58mrjcuaws] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-58mrjcuaws] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-58mrjcuaws] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-58mrjcuaws] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-58mrjcuaws] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-58mrjcuaws] {
    margin-top: 9px;
}

.span-debut-chrono[b-58mrjcuaws] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-58mrjcuaws] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-58mrjcuaws] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-58mrjcuaws] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-58mrjcuaws] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-58mrjcuaws] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-58mrjcuaws] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-58mrjcuaws] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-58mrjcuaws] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-58mrjcuaws] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-58mrjcuaws] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-58mrjcuaws] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-58mrjcuaws] {
    margin-top: -28px;
}

.div-title-manuel[b-58mrjcuaws] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-58mrjcuaws] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-58mrjcuaws] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-58mrjcuaws] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-58mrjcuaws] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-58mrjcuaws] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-58mrjcuaws] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-58mrjcuaws] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-58mrjcuaws] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-58mrjcuaws] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-58mrjcuaws] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-58mrjcuaws] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-58mrjcuaws] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-58mrjcuaws] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-58mrjcuaws] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-58mrjcuaws] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-58mrjcuaws] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-58mrjcuaws] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-58mrjcuaws] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-58mrjcuaws] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-58mrjcuaws] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-58mrjcuaws] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-58mrjcuaws] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-58mrjcuaws] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-58mrjcuaws] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-58mrjcuaws] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-58mrjcuaws] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-58mrjcuaws] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-58mrjcuaws] {
    margin-left: 114px;
}

.note-livrer-pos[b-58mrjcuaws] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-58mrjcuaws] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-58mrjcuaws] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-58mrjcuaws] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-58mrjcuaws] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-58mrjcuaws] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-58mrjcuaws] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-58mrjcuaws] {
    width: 42px;
    height: 42px;
}

.span-scan[b-58mrjcuaws] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-58mrjcuaws] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-58mrjcuaws] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-58mrjcuaws] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-58mrjcuaws] {
        display: block !important;
    }

    .display-date-sec[b-58mrjcuaws] {
        display: none !important;
    }
}

.display-date[b-58mrjcuaws] {
    display: none;
}

.modal-ts-content[b-58mrjcuaws] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-58mrjcuaws] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-58mrjcuaws] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-58mrjcuaws] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-58mrjcuaws] {
    margin-left: 14px;
}

.modal-ts-footer[b-58mrjcuaws] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-58mrjcuaws] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}

.span-entry-title[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-58mrjcuaws] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-58mrjcuaws] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-58mrjcuaws] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-58mrjcuaws] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-58mrjcuaws] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-58mrjcuaws] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-58mrjcuaws] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
/* /Mobiles/Mobile-Components/TaskMobileComponents/TaskModals/ModalRole.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-y3btmjlcsj]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-y3btmjlcsj] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-y3btmjlcsj] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-y3btmjlcsj] {
    width: 100%;
}

    .switch input[type=checkbox][b-y3btmjlcsj] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-y3btmjlcsj] {
        cursor: pointer;
        text-indent: -99999px;
        width: 56px;
        height: 29px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
    }

    .switch input:checked + label[b-y3btmjlcsj] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-y3btmjlcsj]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-y3btmjlcsj]:after {
        content: '';
        position: absolute;
        top: 3px;
        left: 5px;
        width: 23px;
        height: 23px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-y3btmjlcsj] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-y3btmjlcsj] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-y3btmjlcsj] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-y3btmjlcsj] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    flex:auto;
}

.modal-title-prog[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-y3btmjlcsj] {
    width: 20px;
    height: 29px;
    opacity: 1;
}
.closem[b-y3btmjlcsj] {
    margin-top: -10px !important;
    padding-right: 36px !important;
    font-size: 42px !important;
}
.closepop[b-y3btmjlcsj] {
    background-color: transparent;
    border: none;
    font-size: 30px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-y3btmjlcsj] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-y3btmjlcsj] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-y3btmjlcsj], .column-3:focus[b-y3btmjlcsj] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-y3btmjlcsj] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-y3btmjlcsj] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-y3btmjlcsj] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-y3btmjlcsj] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-y3btmjlcsj] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-y3btmjlcsj] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-y3btmjlcsj] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-y3btmjlcsj] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-y3btmjlcsj] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-y3btmjlcsj] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-y3btmjlcsj] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-y3btmjlcsj] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-y3btmjlcsj] {
    margin-right: 0px;
}


select[b-y3btmjlcsj] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-y3btmjlcsj]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-y3btmjlcsj] {
        background: none\9;
        padding: 5px\9;
    }
}


@media (max-width:950px){
    .modal-Skills-content[b-y3btmjlcsj] {
        width: 300px !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }
    .modal-body-skills[b-y3btmjlcsj] {
        height: 315px;
        overflow-y: scroll;
    }
    .modal-dialog-centered[b-y3btmjlcsj] {
        margin: 1.75rem auto !important;
    }
}
/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-y3btmjlcsj] {
    width: 433px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-y3btmjlcsj] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-y3btmjlcsj] {
    margin-top: 10px;
    text-align: center;
    height: 250px;
    display: flex;
    max-height: 250px;
    overflow: auto;
}

.modal-footer-accepter[b-y3btmjlcsj] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-y3btmjlcsj] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-y3btmjlcsj] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    border: none;
    outline: none !important;
    background: none;
}


/*-------------------------- Skills Modal ------------------*/
.modal-Skills-content[b-y3btmjlcsj] {
    width: 433px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-Skills[b-y3btmjlcsj] {
    width:100%;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-Skills[b-y3btmjlcsj] {
    margin-top: 10px;
    text-align: center;
    height: 250px;
    display: flex;
    max-height: 250px;
    overflow: auto;
}

.modal-footer-Skills[b-y3btmjlcsj] {
    width: 100%;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-Skills-qs[b-y3btmjlcsj] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-y3btmjlcsj] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-y3btmjlcsj] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-y3btmjlcsj] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-y3btmjlcsj] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-y3btmjlcsj] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-y3btmjlcsj]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-y3btmjlcsj]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-y3btmjlcsj] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-y3btmjlcsj] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-y3btmjlcsj] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-y3btmjlcsj] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-y3btmjlcsj] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-y3btmjlcsj] {
    width: 16px;
    height: 12px;
}

.ul-error[b-y3btmjlcsj] {
    text-align: left;
    list-style: none;
}

.icon-error[b-y3btmjlcsj] {
    width: 20px;
    height: 20px;
    margin-top: -3px;
}

.div-footer[b-y3btmjlcsj] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/
.modal-entrerheure-content[b-y3btmjlcsj] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -83px;
}

.modal-header-entrerheure[b-y3btmjlcsj] {
    width: 335px;
    height: 60px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-y3btmjlcsj] {
    line-height: 15px;
}

.modal-title-entrerheure[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 16px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-y3btmjlcsj] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -5px;
    margin-left: 5px;
    outline: none !important;
}

.img-enterheure[b-y3btmjlcsj] {
    margin-left: 16px;
    width: 20px;
    height: 59px;
}

.modal-footer-entrerheure[b-y3btmjlcsj] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

[b-y3btmjlcsj]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-y3btmjlcsj] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-y3btmjlcsj] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-y3btmjlcsj] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-y3btmjlcsj] {
    width: 23px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-y3btmjlcsj] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-y3btmjlcsj] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-y3btmjlcsj] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-y3btmjlcsj] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-y3btmjlcsj] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-y3btmjlcsj] {
    display: flex;
    flex-direction: column;
    padding-left: 46px;
    padding-bottom: 11px;
    padding-top: 18px;
}

}

.img-stat[b-y3btmjlcsj] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-y3btmjlcsj] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-y3btmjlcsj] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-y3btmjlcsj] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-y3btmjlcsj] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-y3btmjlcsj] {
    margin-top: 11px;
}

.img-choix[b-y3btmjlcsj] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-y3btmjlcsj] {
    margin-left: 4px;
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-y3btmjlcsj] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-y3btmjlcsj] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-y3btmjlcsj] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-y3btmjlcsj] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-y3btmjlcsj] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-y3btmjlcsj] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-y3btmjlcsj] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-y3btmjlcsj] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-y3btmjlcsj] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-y3btmjlcsj] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-y3btmjlcsj] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-y3btmjlcsj] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-y3btmjlcsj] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-y3btmjlcsj] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-y3btmjlcsj] {
    margin-top: 9px;
}

.span-debut-chrono[b-y3btmjlcsj] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-y3btmjlcsj] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.modal-entrermanuel-content[b-y3btmjlcsj] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-y3btmjlcsj] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-y3btmjlcsj] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-y3btmjlcsj] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-y3btmjlcsj] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-y3btmjlcsj] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-y3btmjlcsj] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-y3btmjlcsj] {
    margin-left: 32px;
    margin-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none;
}

.div-box-heure[b-y3btmjlcsj] {
    margin-top: -28px;
}

.div-title-manuel[b-y3btmjlcsj] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-y3btmjlcsj] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-y3btmjlcsj] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-y3btmjlcsj] {
    margin-left: 69px;
    width: 368px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-y3btmjlcsj] {
    width: 368px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-y3btmjlcsj] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-y3btmjlcsj] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-y3btmjlcsj] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-y3btmjlcsj] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-y3btmjlcsj] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-y3btmjlcsj] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-y3btmjlcsj] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-y3btmjlcsj] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-y3btmjlcsj] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-y3btmjlcsj] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-y3btmjlcsj] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-y3btmjlcsj] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-y3btmjlcsj] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-y3btmjlcsj] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-y3btmjlcsj] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-y3btmjlcsj] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-y3btmjlcsj] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-y3btmjlcsj] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-y3btmjlcsj] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-y3btmjlcsj] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-y3btmjlcsj] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-y3btmjlcsj] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-y3btmjlcsj] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-y3btmjlcsj] {
    margin-left: 114px;
}

.note-livrer-pos[b-y3btmjlcsj] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-y3btmjlcsj] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-y3btmjlcsj] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-y3btmjlcsj] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-y3btmjlcsj] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-y3btmjlcsj] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-y3btmjlcsj] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-y3btmjlcsj] {
    width: 42px;
    height: 42px;
}

.span-scan[b-y3btmjlcsj] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-y3btmjlcsj] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-y3btmjlcsj] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-y3btmjlcsj] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-y3btmjlcsj] {
        display: block !important;
    }

    .display-date-sec[b-y3btmjlcsj] {
        display: none !important;
    }
}

.display-date[b-y3btmjlcsj] {
    display: none;
}

.modal-ts-content[b-y3btmjlcsj] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-y3btmjlcsj] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-y3btmjlcsj] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-y3btmjlcsj] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-y3btmjlcsj] {
    margin-left: 14px;
}

.modal-ts-footer[b-y3btmjlcsj] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-y3btmjlcsj] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}

.span-entry-title[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-y3btmjlcsj] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-y3btmjlcsj] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-y3btmjlcsj] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-y3btmjlcsj] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-y3btmjlcsj] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-y3btmjlcsj] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-y3btmjlcsj] {
    margin: 0;
}
.span-comp-title[b-y3btmjlcsj] {
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-comp-sub-title[b-y3btmjlcsj] {
    margin-left: 10px;
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}

.span-comp-value[b-y3btmjlcsj] {
    color: #8395A7;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}
/* /Mobiles/Mobile-Components/TaskMobileComponents/TaskModals/ProgressionModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-3puk549f0y]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-3puk549f0y] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-3puk549f0y] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-3puk549f0y] {
    width: 100%;
}

    .switch input[type=checkbox][b-3puk549f0y] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-3puk549f0y] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-3puk549f0y] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-3puk549f0y]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-3puk549f0y]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-3puk549f0y] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-3puk549f0y] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-3puk549f0y] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-3puk549f0y] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-3puk549f0y] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-3puk549f0y] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-3puk549f0y] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-3puk549f0y] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-3puk549f0y], .column-3:focus[b-3puk549f0y] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-3puk549f0y] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-3puk549f0y] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-3puk549f0y] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-3puk549f0y] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-3puk549f0y] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-3puk549f0y] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-3puk549f0y] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-3puk549f0y] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-3puk549f0y] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-3puk549f0y] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-3puk549f0y] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-3puk549f0y] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-3puk549f0y] {
    margin-right: 0px;
}


select[b-3puk549f0y] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-3puk549f0y]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-3puk549f0y] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-3puk549f0y] {
    width: unset !important;
    margin: 0;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-delet[b-3puk549f0y] {
    width: unset !important;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    align-items: center;
}

.modal-body-accepter[b-3puk549f0y] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-3puk549f0y] {
    width: unset !important;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-3puk549f0y] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-3puk549f0y] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-3puk549f0y] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-3puk549f0y] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-3puk549f0y] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-3puk549f0y] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-3puk549f0y]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-3puk549f0y]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-3puk549f0y] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-3puk549f0y] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-3puk549f0y] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-3puk549f0y] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-3puk549f0y] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-3puk549f0y] {
    width: 18px;
    height: 14px;
}

.div-footer[b-3puk549f0y] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-3puk549f0y] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-3puk549f0y] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-3puk549f0y] {
    line-height: 15px;
}

.modal-title-entrerheure[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-3puk549f0y] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-3puk549f0y] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-3puk549f0y] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-3puk549f0y]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-3puk549f0y]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-3puk549f0y]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-3puk549f0y]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-3puk549f0y] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-3puk549f0y] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-3puk549f0y] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-3puk549f0y] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-3puk549f0y] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-3puk549f0y] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-3puk549f0y] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-3puk549f0y] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-3puk549f0y] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-3puk549f0y] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-3puk549f0y] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-3puk549f0y] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-3puk549f0y] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-3puk549f0y] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-3puk549f0y] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-3puk549f0y] {
    margin-top: 12px;
}

.img-choix[b-3puk549f0y] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-3puk549f0y] {
    margin-left: 4px;
}

.body-entry-time1[b-3puk549f0y] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-3puk549f0y] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-3puk549f0y] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-3puk549f0y] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-3puk549f0y] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-3puk549f0y] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-3puk549f0y] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-3puk549f0y] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-3puk549f0y] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-3puk549f0y] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-3puk549f0y] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-3puk549f0y] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-3puk549f0y] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-3puk549f0y] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-3puk549f0y] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-3puk549f0y] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-3puk549f0y] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-3puk549f0y] {
    margin-top: 9px;
}

.span-debut-chrono[b-3puk549f0y] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-3puk549f0y] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-3puk549f0y] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-3puk549f0y] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-3puk549f0y] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-3puk549f0y] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-3puk549f0y] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-3puk549f0y] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-3puk549f0y] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-3puk549f0y] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-3puk549f0y] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-3puk549f0y] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-3puk549f0y] {
    margin-top: -28px;
}

.div-title-manuel[b-3puk549f0y] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-3puk549f0y] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-3puk549f0y] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-3puk549f0y] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-3puk549f0y] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-3puk549f0y] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-3puk549f0y] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-3puk549f0y] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-3puk549f0y] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-3puk549f0y] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-3puk549f0y] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-3puk549f0y] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-3puk549f0y] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-3puk549f0y] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-3puk549f0y] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-3puk549f0y] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-3puk549f0y] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-3puk549f0y] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-3puk549f0y] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-3puk549f0y] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-3puk549f0y] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-3puk549f0y] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-3puk549f0y] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-3puk549f0y] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-3puk549f0y] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-3puk549f0y] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-3puk549f0y] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-3puk549f0y] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-3puk549f0y] {
    margin-left: 114px;
}

.note-livrer-pos[b-3puk549f0y] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-3puk549f0y] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-3puk549f0y] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-3puk549f0y] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-3puk549f0y] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-3puk549f0y] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-3puk549f0y] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-3puk549f0y] {
    width: 42px;
    height: 42px;
}

.span-scan[b-3puk549f0y] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-3puk549f0y] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-3puk549f0y] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-3puk549f0y] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-3puk549f0y] {
        display: block !important;
    }

    .display-date-sec[b-3puk549f0y] {
        display: none !important;
    }
}

.display-date[b-3puk549f0y] {
    display: none;
}

.modal-ts-content[b-3puk549f0y] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-3puk549f0y] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-3puk549f0y] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-3puk549f0y] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-3puk549f0y] {
    margin-left: 14px;
}

.modal-ts-footer[b-3puk549f0y] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-3puk549f0y] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}

.span-entry-title[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-3puk549f0y] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-3puk549f0y] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-3puk549f0y] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-3puk549f0y] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-3puk549f0y] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-3puk549f0y] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-3puk549f0y] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
/* /Mobiles/Mobile-Components/TaskMobileComponents/TaskModals/RevueClientModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-bgchgb9uou]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-bgchgb9uou] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-bgchgb9uou] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-bgchgb9uou] {
    width: 100%;
}

    .switch input[type=checkbox][b-bgchgb9uou] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-bgchgb9uou] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-bgchgb9uou] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-bgchgb9uou]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-bgchgb9uou]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-bgchgb9uou] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-bgchgb9uou] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-bgchgb9uou] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-bgchgb9uou] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-bgchgb9uou] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-bgchgb9uou] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-bgchgb9uou] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-bgchgb9uou] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-bgchgb9uou], .column-3:focus[b-bgchgb9uou] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-bgchgb9uou] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-bgchgb9uou] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-bgchgb9uou] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-bgchgb9uou] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-bgchgb9uou] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-bgchgb9uou] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-bgchgb9uou] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-bgchgb9uou] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-bgchgb9uou] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-bgchgb9uou] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-bgchgb9uou] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-bgchgb9uou] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-bgchgb9uou] {
    margin-right: 0px;
}


select[b-bgchgb9uou] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-bgchgb9uou]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-bgchgb9uou] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-bgchgb9uou] {
    width: unset !important;
    margin: 0;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
}

.modal-header-delet[b-bgchgb9uou] {
    width: unset !important;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    align-items: center;
}

.modal-body-accepter[b-bgchgb9uou] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-bgchgb9uou] {
    width: unset !important;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-bgchgb9uou] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-bgchgb9uou] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-bgchgb9uou] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-bgchgb9uou] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-bgchgb9uou] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-bgchgb9uou] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-bgchgb9uou]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-bgchgb9uou]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-bgchgb9uou] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-bgchgb9uou] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-bgchgb9uou] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-bgchgb9uou] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-bgchgb9uou] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-bgchgb9uou] {
    width: 18px;
    height: 14px;
}

.div-footer[b-bgchgb9uou] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-bgchgb9uou] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-bgchgb9uou] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-bgchgb9uou] {
    line-height: 15px;
}

.modal-title-entrerheure[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-bgchgb9uou] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-bgchgb9uou] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-bgchgb9uou] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-bgchgb9uou]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-bgchgb9uou]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-bgchgb9uou]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-bgchgb9uou]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-bgchgb9uou] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-bgchgb9uou] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-bgchgb9uou] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-bgchgb9uou] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-bgchgb9uou] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-bgchgb9uou] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-bgchgb9uou] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-bgchgb9uou] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-bgchgb9uou] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-bgchgb9uou] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-bgchgb9uou] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-bgchgb9uou] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-bgchgb9uou] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-bgchgb9uou] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-bgchgb9uou] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-bgchgb9uou] {
    margin-top: 12px;
}

.img-choix[b-bgchgb9uou] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-bgchgb9uou] {
    margin-left: 4px;
}

.body-entry-time1[b-bgchgb9uou] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-bgchgb9uou] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-bgchgb9uou] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-bgchgb9uou] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-bgchgb9uou] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-bgchgb9uou] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-bgchgb9uou] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-bgchgb9uou] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-bgchgb9uou] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-bgchgb9uou] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-bgchgb9uou] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-bgchgb9uou] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-bgchgb9uou] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-bgchgb9uou] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-bgchgb9uou] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-bgchgb9uou] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-bgchgb9uou] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-bgchgb9uou] {
    margin-top: 9px;
}

.span-debut-chrono[b-bgchgb9uou] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-bgchgb9uou] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-bgchgb9uou] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-bgchgb9uou] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-bgchgb9uou] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-bgchgb9uou] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-bgchgb9uou] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-bgchgb9uou] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-bgchgb9uou] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-bgchgb9uou] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-bgchgb9uou] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-bgchgb9uou] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-bgchgb9uou] {
    margin-top: -28px;
}

.div-title-manuel[b-bgchgb9uou] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-bgchgb9uou] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-bgchgb9uou] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-bgchgb9uou] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-bgchgb9uou] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-bgchgb9uou] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-bgchgb9uou] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-bgchgb9uou] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-bgchgb9uou] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-bgchgb9uou] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-bgchgb9uou] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-bgchgb9uou] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-bgchgb9uou] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-bgchgb9uou] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-bgchgb9uou] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-bgchgb9uou] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-bgchgb9uou] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-bgchgb9uou] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-bgchgb9uou] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-bgchgb9uou] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-bgchgb9uou] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-bgchgb9uou] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-bgchgb9uou] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-bgchgb9uou] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-bgchgb9uou] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-bgchgb9uou] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-bgchgb9uou] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-bgchgb9uou] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-bgchgb9uou] {
    margin-left: 114px;
}

.note-livrer-pos[b-bgchgb9uou] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-bgchgb9uou] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-bgchgb9uou] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-bgchgb9uou] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-bgchgb9uou] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-bgchgb9uou] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-bgchgb9uou] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-bgchgb9uou] {
    width: 42px;
    height: 42px;
}

.span-scan[b-bgchgb9uou] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-bgchgb9uou] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-bgchgb9uou] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-bgchgb9uou] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-bgchgb9uou] {
        display: block !important;
    }

    .display-date-sec[b-bgchgb9uou] {
        display: none !important;
    }
}

.display-date[b-bgchgb9uou] {
    display: none;
}

.modal-ts-content[b-bgchgb9uou] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-bgchgb9uou] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-bgchgb9uou] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-bgchgb9uou] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-bgchgb9uou] {
    margin-left: 14px;
}

.modal-ts-footer[b-bgchgb9uou] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-bgchgb9uou] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}

.span-entry-title[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-bgchgb9uou] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-bgchgb9uou] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-bgchgb9uou] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-bgchgb9uou] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-bgchgb9uou] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-bgchgb9uou] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-bgchgb9uou] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
/* /Mobiles/Mobile-Components/TimeSheetComponents/CardLinesTimeSheetDetailViewList.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.list-title[b-be1lwkwn1f] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.icon-list-code[b-be1lwkwn1f] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.list-sub-title[b-be1lwkwn1f] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.list-ref[b-be1lwkwn1f] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.list-price[b-be1lwkwn1f] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.list-state[b-be1lwkwn1f] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
    margin-top: 3px;
    margin-left: 3px;
}

.img-round[b-be1lwkwn1f] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.div-col-res[b-be1lwkwn1f] {
    flex-direction: column;
    display: flex;
    padding-left: 12px;
    padding-bottom: 5px;
}

.div-row-res[b-be1lwkwn1f] {
    display: flex;
    margin-left: 8px;
    margin-top: 6px;
}

.div-state[b-be1lwkwn1f] {
    display: flex;
    padding-left: 13px;
}

.list-card[b-be1lwkwn1f] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .list-card:hover[b-be1lwkwn1f] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 500px) {
    .div-content[b-be1lwkwn1f] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-be1lwkwn1f] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}

.list-div[b-be1lwkwn1f] {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}

.is_header[b-be1lwkwn1f] {
    border: none !important;
    box-shadow: none !important;
}
/* /Mobiles/Mobile-Components/ValidateModal/DeletModal.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-p202gbgtp6]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-p202gbgtp6] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-p202gbgtp6] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-p202gbgtp6] {
    width: 100%;
}

    .switch input[type=checkbox][b-p202gbgtp6] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-p202gbgtp6] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-p202gbgtp6] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-p202gbgtp6]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-p202gbgtp6]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-p202gbgtp6] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-p202gbgtp6] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-p202gbgtp6] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-p202gbgtp6] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-p202gbgtp6] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-p202gbgtp6] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-p202gbgtp6] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-p202gbgtp6] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-p202gbgtp6], .column-3:focus[b-p202gbgtp6] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-p202gbgtp6] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-p202gbgtp6] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-p202gbgtp6] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-p202gbgtp6] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-p202gbgtp6] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-p202gbgtp6] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-p202gbgtp6] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-p202gbgtp6] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-p202gbgtp6] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-p202gbgtp6] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-p202gbgtp6] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-p202gbgtp6] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-p202gbgtp6] {
    margin-right: 0px;
}


select[b-p202gbgtp6] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-p202gbgtp6]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-p202gbgtp6] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-p202gbgtp6] {
    width: unset !important;
    margin:0;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;

}

.modal-header-delet[b-p202gbgtp6] {
    width: unset !important;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    align-items: center;
}

.modal-body-accepter[b-p202gbgtp6] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-p202gbgtp6] {
    width: unset !important;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-p202gbgtp6] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-p202gbgtp6] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-p202gbgtp6] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-p202gbgtp6] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-p202gbgtp6] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-p202gbgtp6] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-p202gbgtp6]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-p202gbgtp6]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-p202gbgtp6] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-p202gbgtp6] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-p202gbgtp6] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-p202gbgtp6] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-p202gbgtp6] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-p202gbgtp6] {
    width: 18px;
    height: 14px;
}

.div-footer[b-p202gbgtp6] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-p202gbgtp6] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-p202gbgtp6] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-p202gbgtp6] {
    line-height: 15px;
}

.modal-title-entrerheure[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-p202gbgtp6] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-p202gbgtp6] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-p202gbgtp6] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-p202gbgtp6]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-p202gbgtp6]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-p202gbgtp6]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-p202gbgtp6]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-p202gbgtp6] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-p202gbgtp6] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-p202gbgtp6] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-p202gbgtp6] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-p202gbgtp6] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-p202gbgtp6] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-p202gbgtp6] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-p202gbgtp6] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-p202gbgtp6] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-p202gbgtp6] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-p202gbgtp6] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-p202gbgtp6] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-p202gbgtp6] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-p202gbgtp6] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-p202gbgtp6] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-p202gbgtp6] {
    margin-top: 12px;
}

.img-choix[b-p202gbgtp6] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-p202gbgtp6] {
    margin-left: 4px;
}

.body-entry-time1[b-p202gbgtp6] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-p202gbgtp6] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-p202gbgtp6] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-p202gbgtp6] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-p202gbgtp6] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-p202gbgtp6] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-p202gbgtp6] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-p202gbgtp6] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-p202gbgtp6] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-p202gbgtp6] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-p202gbgtp6] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-p202gbgtp6] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-p202gbgtp6] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-p202gbgtp6] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-p202gbgtp6] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-p202gbgtp6] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-p202gbgtp6] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-p202gbgtp6] {
    margin-top: 9px;
}

.span-debut-chrono[b-p202gbgtp6] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-p202gbgtp6] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-p202gbgtp6] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-p202gbgtp6] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-p202gbgtp6] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-p202gbgtp6] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-p202gbgtp6] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-p202gbgtp6] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-p202gbgtp6] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-p202gbgtp6] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-p202gbgtp6] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-p202gbgtp6] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-p202gbgtp6] {
    margin-top: -28px;
}

.div-title-manuel[b-p202gbgtp6] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-p202gbgtp6] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-p202gbgtp6] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-p202gbgtp6] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-p202gbgtp6] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-p202gbgtp6] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-p202gbgtp6] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-p202gbgtp6] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-p202gbgtp6] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-p202gbgtp6] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-p202gbgtp6] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-p202gbgtp6] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-p202gbgtp6] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-p202gbgtp6] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-p202gbgtp6] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-p202gbgtp6] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-p202gbgtp6] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-p202gbgtp6] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-p202gbgtp6] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-p202gbgtp6] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-p202gbgtp6] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-p202gbgtp6] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-p202gbgtp6] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-p202gbgtp6] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-p202gbgtp6] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-p202gbgtp6] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-p202gbgtp6] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-p202gbgtp6] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-p202gbgtp6] {
    margin-left: 114px;
}

.note-livrer-pos[b-p202gbgtp6] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-p202gbgtp6] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-p202gbgtp6] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-p202gbgtp6] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-p202gbgtp6] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-p202gbgtp6] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-p202gbgtp6] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-p202gbgtp6] {
    width: 42px;
    height: 42px;
}

.span-scan[b-p202gbgtp6] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-p202gbgtp6] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-p202gbgtp6] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-p202gbgtp6] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-p202gbgtp6] {
        display: block !important;
    }

    .display-date-sec[b-p202gbgtp6] {
        display: none !important;
    }
}

.display-date[b-p202gbgtp6] {
    display: none;
}

.modal-ts-content[b-p202gbgtp6] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-p202gbgtp6] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-p202gbgtp6] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-p202gbgtp6] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-p202gbgtp6] {
    margin-left: 14px;
}

.modal-ts-footer[b-p202gbgtp6] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-p202gbgtp6] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}

.span-entry-title[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-p202gbgtp6] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-p202gbgtp6] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-p202gbgtp6] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-p202gbgtp6] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-p202gbgtp6] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-p202gbgtp6] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-p202gbgtp6] {
    margin: 0;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {
   
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}*/
/* /Mobiles/Mobile-Components/ValidateModal/ValidateModalMobile.razor.rz.scp.css */
@font-face {
	font-family: Montserrat-Regular;
	src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
	font-family: franklin-gothic-book;
	src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
	font-family: Franklin Book Regular;
	src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
input[type='time'][b-ud5bv2c5as]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;

}

/*Checkbox Toggle*/
.switch-div[b-ud5bv2c5as] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-ud5bv2c5as] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-ud5bv2c5as] {
  
    width: 100%;
}

    .switch input[type=checkbox][b-ud5bv2c5as] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-ud5bv2c5as] {
        cursor: pointer;
        text-indent: -99999px;
        width: 56px;
        height: 29px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
    }

    .switch input:checked + label[b-ud5bv2c5as] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-ud5bv2c5as]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-ud5bv2c5as]:after {
        content: '';
        position: absolute;
        top: 3px;
        left: 5px;
        width: 23px;
        height: 23px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-ud5bv2c5as] {
    background-color: rgb(34,47,62,.75);
    display: block;
   
}
.modal-content-revue[b-ud5bv2c5as] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;

}
.modal-header-revue[b-ud5bv2c5as] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}
.modal-footer-revue[b-ud5bv2c5as] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}
.modal-title[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
 
}
.modal-title-prog[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}
.img-revue[b-ud5bv2c5as] {
    width: 20px;
    height: 29px;
    opacity: 1;
}
.closepop[b-ud5bv2c5as] {
    background-color: transparent;
    border: none;
    font-size: 30px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    
}
.closepop-prog[b-ud5bv2c5as] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}
    .column-3[b-ud5bv2c5as] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}
 .column-3:hover[b-ud5bv2c5as], .column-3:focus[b-ud5bv2c5as] {
            background: #F9F9F9 0% 0% no-repeat padding-box;
            box-shadow: 1px 3px 9px #0000008C;
            opacity: 1;
  }
.div-col[b-ud5bv2c5as] {
    border-right: 2px solid #E6E6E6;
}
.img-footer-att[b-ud5bv2c5as] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-ud5bv2c5as] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-ud5bv2c5as] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
    
}
.modal-body-revue[b-ud5bv2c5as] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}
.emplacement[b-ud5bv2c5as] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}
.task-number[b-ud5bv2c5as] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}
.span-username[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}
.div-box[b-ud5bv2c5as] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}
.span-box-content[b-ud5bv2c5as] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float:left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}
.img-fleche[b-ud5bv2c5as] {
    margin-left: 46px;
    margin-top: 6px;
}
.span-sign[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}
.div-box-sign[b-ud5bv2c5as] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}
 
.modal-footer > :not(:first-child)[b-ud5bv2c5as] {
      margin-left: 0px;  
}
.modal-footer > :not(:last-child)[b-ud5bv2c5as] {
    margin-right: 0px;
}


select[b-ud5bv2c5as] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-ud5bv2c5as]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-ud5bv2c5as] {
        background: none\9;
        padding: 5px\9;
    }
}

  /*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-ud5bv2c5as] {
    margin: 0 !important;
    width: unset;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;

}

.modal-header-accepter[b-ud5bv2c5as] {
    width: unset;
    margin: 0 !important;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-body-accepter[b-ud5bv2c5as] {
    margin-top: 10px;
    text-align: center;
    height: 250px;
    display: flex;
    max-height: 250px;
    overflow: auto;
}
.modal-footer-accepter[b-ud5bv2c5as] {
    width: unset !important;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;


}
.span-accepter-qs[b-ud5bv2c5as] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
     color:  #576574;
}
.btn-footer[b-ud5bv2c5as] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;

    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-ud5bv2c5as] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-ud5bv2c5as] {
     height: 159px;
    line-height: 15px;
    
}

.img-prog[b-ud5bv2c5as] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}
.progressbar[value][b-ud5bv2c5as] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

.progressbar[value][b-ud5bv2c5as]::-webkit-progress-bar {
    background-color: #F2F2F2;
    border-radius: 7px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

.progressbar[value][b-ud5bv2c5as]::-webkit-progress-value {
    background-color: #EA6852;
    border-radius: 7px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
.label-pers[b-ud5bv2c5as] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}
.span-minutes[b-ud5bv2c5as] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}
.div-prog[b-ud5bv2c5as] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}
.span-prog-title[b-ud5bv2c5as] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left:18px;
}
.img-hour[b-ud5bv2c5as] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}
.img-footer[b-ud5bv2c5as] {
    width: 16px;
    height: 12px;
}
.ul-error[b-ud5bv2c5as] {
    text-align: left;
    list-style: none;
}
.icon-error[b-ud5bv2c5as] {
    width: 20px;
    height: 20px;
    margin-top: -3px;
}
.div-footer[b-ud5bv2c5as] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/
.modal-entrerheure-content[b-ud5bv2c5as] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -83px;
}
.modal-header-entrerheure[b-ud5bv2c5as] {
    width: 335px;
    height: 60px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-ud5bv2c5as] {
     line-height: 15px;
}

.modal-title-entrerheure[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 16px;
    margin-left: 7px;
    font-size: 20.5px;
}
.closepop-entrerheure[b-ud5bv2c5as] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -5px;
    margin-left: 5px;
    outline: none !important;
}
.img-enterheure[b-ud5bv2c5as] {
    margin-left: 16px;
    width: 20px;
    height: 59px;
}
.modal-footer-entrerheure[b-ud5bv2c5as] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
     padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

[b-ud5bv2c5as]::-webkit-scrollbar {
    width: 0.1px;
}
.div-footer-entrerheure[b-ud5bv2c5as] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}
.div-footer-entrerheure-last[b-ud5bv2c5as] {
    width: 50%;
    height: 52px;
     border-bottom-left-radius: 7px;
     cursor:pointer;
}
.div-footer-entrerheure-first[b-ud5bv2c5as] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}
.img-footer-entrerheure[b-ud5bv2c5as]  {
    width: 23px;
    height: 23px;
    margin-top: 13px;
}
.div-footer-entrerheure:hover[b-ud5bv2c5as] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}
.div-footer-entrerheure-last:hover[b-ud5bv2c5as] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}
.div-footer-entrerheure-first:hover[b-ud5bv2c5as] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-ud5bv2c5as] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family:'Franklin Gothic Medium Regular';
    font-size:17px;
    outline:none !important;
}
.img-btn-add-entrerheure[b-ud5bv2c5as] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}
.div-container-entrerheure[b-ud5bv2c5as] {
    display: flex;
    flex-direction: column;
    padding-left: 46px;
    padding-bottom: 11px;
    padding-top: 18px;
}
}
.img-stat[b-ud5bv2c5as] {
    width: 33px;
    height: 33px;
}
.span-statut-name[b-ud5bv2c5as] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}
.span-entrerheure-title[b-ud5bv2c5as] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}
.span-entrerheure-heure[b-ud5bv2c5as] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}
.div-box-entrerheure[b-ud5bv2c5as] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}
.span-title-choix[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}
.div-space[b-ud5bv2c5as] {
    margin-top:11px;
}
.img-choix[b-ud5bv2c5as] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}
.img-stat[b-ud5bv2c5as] {
    margin-left: 4px;
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-ud5bv2c5as] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}
.modal-header-note[b-ud5bv2c5as] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display:flex;
    flex-direction:row;
}
.modal-body-note[b-ud5bv2c5as] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
/*    width: 404px;
*/    height: 423px;
}
.div-comp[b-ud5bv2c5as] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.img-note-modal[b-ud5bv2c5as] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}
.triangle-left[b-ud5bv2c5as] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-ud5bv2c5as] {
    
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-ud5bv2c5as] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-ud5bv2c5as] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
/*    width: 387px;
*/  
}
.img-att-modal[b-ud5bv2c5as] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}
.btn_upload[b-ud5bv2c5as] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-ud5bv2c5as] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor:pointer;
}
.span-title-demarerHorloge[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}
.img-demarage[b-ud5bv2c5as] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}
.span-chrono[b-ud5bv2c5as] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}
 
.div-espace[b-ud5bv2c5as] {
  
    margin-top: 9px;
}
.span-debut-chrono[b-ud5bv2c5as] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}
.div-box-entrermanuel[b-ud5bv2c5as] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    
    cursor: pointer;
}
.modal-entrermanuel-content[b-ud5bv2c5as] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
     margin-left: -83px;
}
.modal-body-entrermanuel[b-ud5bv2c5as] {
 overflow-x:hidden;
    overflow:scroll;
}

.div-box-date-container[b-ud5bv2c5as] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}
.span-title-entrermanuel[b-ud5bv2c5as] {
    text-align: left;
     letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family:'Franklin Gothic Medium Regular';
    font-size:15px;
}
.img-date-entrermanuel[b-ud5bv2c5as] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}
.img-heure-entrermanuel[b-ud5bv2c5as] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}
    .div-box-date[b-ud5bv2c5as] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}
.input-date[b-ud5bv2c5as] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}
.input-date-heure[b-ud5bv2c5as] {
    
    margin-left: 32px;
    margin-top:9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background:none;
    outline: none;
}
.div-box-heure[b-ud5bv2c5as] {
    margin-top: -28px;
}
.div-title-manuel[b-ud5bv2c5as] {
    padding-top: 10px;
    padding-bottom: 5px;
 
}
.div-box-note-container[b-ud5bv2c5as] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}
.textarea-note[b-ud5bv2c5as] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-ud5bv2c5as] {
    margin-left: 69px;
    width: 368px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-ud5bv2c5as] {
    width: 368px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-ud5bv2c5as] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x:hidden;
}
.date-log-style[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family:'Franklin Book Regular';
    font-size:11px;
}

.date-log-img[b-ud5bv2c5as] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}
.span-cumul[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family:'Franklin Gothic Demi Regular';
    font-size:14px;
}
.span-cumul-content[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}
.span-title-note[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}
.span-title-note-content[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}
.poslog-entrerheure[b-ud5bv2c5as] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-ud5bv2c5as] {
    width: 335px;
     background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-ud5bv2c5as] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-ud5bv2c5as] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}
.item-title[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}
.item-number[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-ud5bv2c5as] {
    overflow: scroll;
    overflow-x: hidden;
}
.img-track[b-ud5bv2c5as] {
    width: 31px;
    height: 23px;
    margin-left:13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-ud5bv2c5as] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-ud5bv2c5as] {
    text-align: center;
    height: 80px;
     margin-top: 15px;
}

.modal-footer-req[b-ud5bv2c5as] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content:center;
}

.modal-req-content[b-ud5bv2c5as] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}
.img-req[b-ud5bv2c5as] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor:pointer;
}
.div-scan-cat[b-ud5bv2c5as] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}
.modal-title-req[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}
.btn-hover-confirm:hover[b-ud5bv2c5as] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}
.span-requistionner[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor:pointer;
}
    .span-requistionner:hover[b-ud5bv2c5as] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }
.box-add[b-ud5bv2c5as] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor:pointer;
   
}

.span-count[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-ud5bv2c5as] {
    border-radius: 0px 0px 0px 8px;
}
.col-last:hover[b-ud5bv2c5as] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-ud5bv2c5as] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-ud5bv2c5as] {
    position: absolute;
    top: -496px;
    left: 488px;
}
.note-entrermanuel-pos[b-ud5bv2c5as] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-ud5bv2c5as] {
    margin-left: 70px;
    margin-top: 162px;
}
.att-livrer-pos[b-ud5bv2c5as] {
    margin-left: 114px;
}

.note-livrer-pos[b-ud5bv2c5as] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-ud5bv2c5as] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}
.btn-cancel-livrer[b-ud5bv2c5as] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}
.img-conf[b-ud5bv2c5as] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}
.div-log-container[b-ud5bv2c5as] {
    
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom:5px;
    margin-top:3px;
}
    .div-log-container:hover[b-ud5bv2c5as] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-ud5bv2c5as] {
    width: 100%;
    margin-bottom: 12px;
     background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}
.img-scan[b-ud5bv2c5as] {
    width: 42px;
    height: 42px;
}

.span-scan[b-ud5bv2c5as] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}
.span-catalog[b-ud5bv2c5as] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor:pointer;
}
.div-log[b-ud5bv2c5as] {
    display: flex;
    flex-direction: column;
        flex:auto;
}
.div-dte[b-ud5bv2c5as] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-ud5bv2c5as] {
        display: block !important;
    }
    .display-date-sec[b-ud5bv2c5as] {
        display: none !important;
    }
}
.display-date[b-ud5bv2c5as]{
    display:none;
}

.modal-ts-content[b-ud5bv2c5as] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-ud5bv2c5as] {
     height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-ud5bv2c5as] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}
.modal-body-ts[b-ud5bv2c5as] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}
.note-ts-pos[b-ud5bv2c5as] {
    margin-left: 14px;
 
}

.modal-ts-footer[b-ud5bv2c5as] {
     height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-ud5bv2c5as] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}

.span-entry-title[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}
.span-entry-number[b-ud5bv2c5as] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}
.span-manualEntry[b-ud5bv2c5as] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}
.btn-confirm[b-ud5bv2c5as] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}
.img-footer-note[b-ud5bv2c5as] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}
.img-footer-attchmnt[b-ud5bv2c5as] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}
.att-modal-from-log[b-ud5bv2c5as] {
    margin-left:325px;
    margin-top: 160px;
    
}
.no-margin[b-ud5bv2c5as]{
    margin:0;
}

/* /Mobiles/Project-mobile/ProjectCardComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.list-title[b-dcq2lk2c15] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.icon-list-code[b-dcq2lk2c15] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.list-sub-title[b-dcq2lk2c15] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.list-ref[b-dcq2lk2c15] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.list-price[b-dcq2lk2c15] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.list-state[b-dcq2lk2c15] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
    margin-top: 3px;
    margin-left: 3px;
}
.img-round[b-dcq2lk2c15] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.div-col-res[b-dcq2lk2c15] {
    flex-direction: column;
    display: flex;
    padding-left: 12px;
    padding-bottom: 5px;
}

.div-row-res[b-dcq2lk2c15] {
    display: flex;
    margin-left: 8px;
    margin-top: 6px;
}
.div-state[b-dcq2lk2c15] {
    display: flex;
    padding-left: 13px;
}

.list-card[b-dcq2lk2c15] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .list-card:hover[b-dcq2lk2c15] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 500px) {
 .div-content[b-dcq2lk2c15] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-dcq2lk2c15] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}
.list-div[b-dcq2lk2c15] {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}
/* /Mobiles/Project-mobile/ProjectComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.project-title[b-n58kg9cvfy] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.div-content[b-n58kg9cvfy] {
    overflow: scroll;
    height: calc(100vh - 106px);
    display: grid;
}

.icon-project-code[b-n58kg9cvfy] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.project-sub-title[b-n58kg9cvfy] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.project-ref[b-n58kg9cvfy] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.project-price[b-n58kg9cvfy] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.project-state[b-n58kg9cvfy] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
}

.project-card[b-n58kg9cvfy] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .project-card:hover[b-n58kg9cvfy] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 600px) {
    .div-content[b-n58kg9cvfy] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-n58kg9cvfy] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}
/* /Mobiles/Project-mobile/ProjectResourceAssignMobilePage.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.project-title[b-x1arzcjwfs] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.div-content[b-x1arzcjwfs] {
    overflow: scroll;
    height: calc(100vh - 106px);
    display: grid;
}

.icon-project-code[b-x1arzcjwfs] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.project-sub-title[b-x1arzcjwfs] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.project-ref[b-x1arzcjwfs] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.project-price[b-x1arzcjwfs] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.project-state[b-x1arzcjwfs] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
}

.project-card[b-x1arzcjwfs] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .project-card:hover[b-x1arzcjwfs] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 600px) {
    .div-content[b-x1arzcjwfs] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-x1arzcjwfs] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}
/* /Mobiles/Resource-mobile/ResourceCardComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.list-title[b-01rbg4uuhr] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.icon-list-code[b-01rbg4uuhr] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.list-sub-title[b-01rbg4uuhr] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.list-ref[b-01rbg4uuhr] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.list-price[b-01rbg4uuhr] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.img-round[b-01rbg4uuhr] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}


.div-col-res[b-01rbg4uuhr] {
    flex-direction: column;
    display: flex;
    padding-left: 12px;
    padding-bottom: 5px;
}

.div-row-res[b-01rbg4uuhr] {
    display: flex;
    margin-left: 8px;
    margin-top: 6px;
}

.list-state[b-01rbg4uuhr] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
    margin-top: 3px;
    margin-left: 3px;
}

.div-state[b-01rbg4uuhr] {
    display: flex;
    padding-left: 13px;
}

.list-card[b-01rbg4uuhr] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .list-card:hover[b-01rbg4uuhr] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 500px) {
    .div-content[b-01rbg4uuhr] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-01rbg4uuhr] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}

.list-div[b-01rbg4uuhr] {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}


.icon-list-code[b-01rbg4uuhr] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}
/* /Mobiles/TaskPages-mobile/TaskDetailsMobile/DeliveryPages/TaskDeliveryLogAttachementMobile.razor.rz.scp.css */
body[b-h0gi7pmi73] {
}
/* /Mobiles/TaskPages-mobile/TaskDetailsMobile/DeliveryPages/TaskDelivryLogPage.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-h3c9vknq3t]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-h3c9vknq3t] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-h3c9vknq3t] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-h3c9vknq3t] {
    width: 100%;
}

    .switch input[type=checkbox][b-h3c9vknq3t] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-h3c9vknq3t] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-h3c9vknq3t] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-h3c9vknq3t]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-h3c9vknq3t]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-h3c9vknq3t] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-h3c9vknq3t] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-h3c9vknq3t] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-h3c9vknq3t] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-h3c9vknq3t] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-h3c9vknq3t] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-h3c9vknq3t] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-h3c9vknq3t] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-h3c9vknq3t], .column-3:focus[b-h3c9vknq3t] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-h3c9vknq3t] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-h3c9vknq3t] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-h3c9vknq3t] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-h3c9vknq3t] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-h3c9vknq3t] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-h3c9vknq3t] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-h3c9vknq3t] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-h3c9vknq3t] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-h3c9vknq3t] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-h3c9vknq3t] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-h3c9vknq3t] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-h3c9vknq3t] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-h3c9vknq3t] {
    margin-right: 0px;
}


select[b-h3c9vknq3t] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-h3c9vknq3t]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-h3c9vknq3t] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-h3c9vknq3t] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-h3c9vknq3t] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-h3c9vknq3t] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-h3c9vknq3t] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-h3c9vknq3t] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-h3c9vknq3t] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-h3c9vknq3t] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-h3c9vknq3t] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-h3c9vknq3t] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-h3c9vknq3t] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-h3c9vknq3t]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-h3c9vknq3t]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-h3c9vknq3t] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-h3c9vknq3t] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-h3c9vknq3t] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-h3c9vknq3t] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-h3c9vknq3t] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-h3c9vknq3t] {
    width: 18px;
    height: 14px;
}

.div-footer[b-h3c9vknq3t] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-h3c9vknq3t] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-h3c9vknq3t] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-h3c9vknq3t] {
    line-height: 15px;
}

.modal-title-entrerheure[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-h3c9vknq3t] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-h3c9vknq3t] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-h3c9vknq3t] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-h3c9vknq3t]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-h3c9vknq3t]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-h3c9vknq3t]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-h3c9vknq3t]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-h3c9vknq3t] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-h3c9vknq3t] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-h3c9vknq3t] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-h3c9vknq3t] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-h3c9vknq3t] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-h3c9vknq3t] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-h3c9vknq3t] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-h3c9vknq3t] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-h3c9vknq3t] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-h3c9vknq3t] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-h3c9vknq3t] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-h3c9vknq3t] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-h3c9vknq3t] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-h3c9vknq3t] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-h3c9vknq3t] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-h3c9vknq3t] {
    margin-top: 12px;
}

.img-choix[b-h3c9vknq3t] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-h3c9vknq3t] {
    margin-left: 4px;
}

.body-entry-time1[b-h3c9vknq3t] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-h3c9vknq3t] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-h3c9vknq3t] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-h3c9vknq3t] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-h3c9vknq3t] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-h3c9vknq3t] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-h3c9vknq3t] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-h3c9vknq3t] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-h3c9vknq3t] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-h3c9vknq3t] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-h3c9vknq3t] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-h3c9vknq3t] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-h3c9vknq3t] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-h3c9vknq3t] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-h3c9vknq3t] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-h3c9vknq3t] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-h3c9vknq3t] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-h3c9vknq3t] {
    margin-top: 9px;
}

.span-debut-chrono[b-h3c9vknq3t] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-h3c9vknq3t] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-h3c9vknq3t] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-h3c9vknq3t] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-h3c9vknq3t] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-h3c9vknq3t] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-h3c9vknq3t] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-h3c9vknq3t] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-h3c9vknq3t] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-h3c9vknq3t] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-h3c9vknq3t] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-h3c9vknq3t] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-h3c9vknq3t] {
    margin-top: -28px;
}

.div-title-manuel[b-h3c9vknq3t] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-h3c9vknq3t] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-h3c9vknq3t] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-h3c9vknq3t] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-h3c9vknq3t] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-h3c9vknq3t] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-h3c9vknq3t] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-h3c9vknq3t] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-h3c9vknq3t] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-h3c9vknq3t] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-h3c9vknq3t] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-h3c9vknq3t] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-h3c9vknq3t] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-h3c9vknq3t] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-h3c9vknq3t] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-h3c9vknq3t] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-h3c9vknq3t] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-h3c9vknq3t] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-h3c9vknq3t] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-h3c9vknq3t] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-h3c9vknq3t] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-h3c9vknq3t] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-h3c9vknq3t] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-h3c9vknq3t] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-h3c9vknq3t] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-h3c9vknq3t] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-h3c9vknq3t] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-h3c9vknq3t] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-h3c9vknq3t] {
    margin-left: 114px;
}

.note-livrer-pos[b-h3c9vknq3t] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-h3c9vknq3t] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-h3c9vknq3t] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-h3c9vknq3t] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-h3c9vknq3t] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-h3c9vknq3t] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-h3c9vknq3t] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-h3c9vknq3t] {
    width: 42px;
    height: 42px;
}

.span-scan[b-h3c9vknq3t] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-h3c9vknq3t] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-h3c9vknq3t] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-h3c9vknq3t] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-h3c9vknq3t] {
        display: block !important;
    }

    .display-date-sec[b-h3c9vknq3t] {
        display: none !important;
    }
}

.display-date[b-h3c9vknq3t] {
    display: none;
}

.modal-ts-content[b-h3c9vknq3t] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-h3c9vknq3t] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-h3c9vknq3t] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-h3c9vknq3t] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-h3c9vknq3t] {
    margin-left: 14px;
}

.modal-ts-footer[b-h3c9vknq3t] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-h3c9vknq3t] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}

.span-entry-title[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-h3c9vknq3t] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-h3c9vknq3t] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-h3c9vknq3t] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-h3c9vknq3t] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-h3c9vknq3t] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-h3c9vknq3t] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-h3c9vknq3t] {
    margin: 0;
}

input[type="date"][b-h3c9vknq3t]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.btnstyle[b-h3c9vknq3t], .btn-competence[b-h3c9vknq3t], .btnstyle-note[b-h3c9vknq3t] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}



.btn-leftmenu-active[b-h3c9vknq3t] {
    color: #0898D7;
    height: 59px;
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

.btn-leftmenu-comp-active[b-h3c9vknq3t] {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

.imgstyle[b-h3c9vknq3t] {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

.span-comp-title[b-h3c9vknq3t] {
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-comp-sub-title[b-h3c9vknq3t] {
    margin-left: 10px;
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}

.span-comp-value[b-h3c9vknq3t] {
    color: #8395A7;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}


.btn-new-comp[b-h3c9vknq3t] {
    border: none;
    width: 100%;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #576574;
    height: 53px;
    font-size: 14px;
}

    .btn-new-comp:hover[b-h3c9vknq3t] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

    .btn-new-comp:focus[b-h3c9vknq3t], .btn-new-comp:focus-visible[b-h3c9vknq3t], .btn-new-comp:active[b-h3c9vknq3t] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

.div-new-comp[b-h3c9vknq3t] {
    border: 0.5px solid #E6E6E6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    border: 0.5px solid #E6E6E6;
    opacity: 1;
    width: 100%;
}

.div-comp[b-h3c9vknq3t] {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    max-width: 396px;
    min-width: 330px;
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

.btn_upload[b-h3c9vknq3t] {
    margin-top: 23px;
    text-align: center;
    width: 90% !important;
    height: 38px !important;
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 3px;
    position: static;
    border: 1px dashed #7cbbf9;
    color: #576574;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    background-position: 15% 52% !important;
    margin-left: 21px;
    background: transparent url(/icons/attchement.svg) no-repeat;
    background-position: 24% 50%;
    background-size: 8px 18px;
    width: 46px;
    height: 42px;
    text-decoration: none;
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding-top: 7px;
}

    .btn_upload:hover[b-h3c9vknq3t] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

    .btn_upload:active[b-h3c9vknq3t], .btn_upload:focus[b-h3c9vknq3t] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

input[type="file"][b-h3c9vknq3t] {
    display: none;
}


@media (max-width:360px) {
    .btn_upload[b-h3c9vknq3t]

{
    background-position: 18% 50% !important;
}

}

@media (max-width:850px) {
    .div-log-container[b-h3c9vknq3t] {
        width: 100% !important;
        height: unset !important;
        padding-bottom: 19px;
        padding-top: 13px !important;
    }
}
.modal-body-recept[b-h3c9vknq3t] {
    overflow: scroll;
    overflow-x: hidden;
    height: calc(100vh - 110px);
}
/* /Mobiles/TaskPages-mobile/TaskDetailsMobile/DeliveryPages/TaskDelivryPage.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-arhpdub93h]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-arhpdub93h] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-arhpdub93h] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-arhpdub93h] {
    width: 100%;
}

    .switch input[type=checkbox][b-arhpdub93h] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-arhpdub93h] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-arhpdub93h] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-arhpdub93h]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-arhpdub93h]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-arhpdub93h] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-arhpdub93h] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-arhpdub93h] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-arhpdub93h] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-arhpdub93h] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-arhpdub93h] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-arhpdub93h] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-arhpdub93h] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-arhpdub93h], .column-3:focus[b-arhpdub93h] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-arhpdub93h] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-arhpdub93h] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-arhpdub93h] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-arhpdub93h] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-arhpdub93h] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-arhpdub93h] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-arhpdub93h] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-arhpdub93h] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-arhpdub93h] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-arhpdub93h] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-arhpdub93h] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-arhpdub93h] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-arhpdub93h] {
    margin-right: 0px;
}


select[b-arhpdub93h] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-arhpdub93h]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-arhpdub93h] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-arhpdub93h] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-arhpdub93h] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-arhpdub93h] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-arhpdub93h] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-arhpdub93h] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-arhpdub93h] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-arhpdub93h] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-arhpdub93h] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-arhpdub93h] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-arhpdub93h] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-arhpdub93h]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-arhpdub93h]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-arhpdub93h] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-arhpdub93h] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-arhpdub93h] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-arhpdub93h] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-arhpdub93h] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-arhpdub93h] {
    width: 18px;
    height: 14px;
}

.div-footer[b-arhpdub93h] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-arhpdub93h] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-arhpdub93h] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-arhpdub93h] {
    line-height: 15px;
}

.modal-title-entrerheure[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-arhpdub93h] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-arhpdub93h] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-arhpdub93h] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-arhpdub93h]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-arhpdub93h]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-arhpdub93h]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-arhpdub93h]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-arhpdub93h] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-arhpdub93h] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-arhpdub93h] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-arhpdub93h] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-arhpdub93h] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-arhpdub93h] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-arhpdub93h] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-arhpdub93h] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-arhpdub93h] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-arhpdub93h] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-arhpdub93h] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-arhpdub93h] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-arhpdub93h] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-arhpdub93h] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-arhpdub93h] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-arhpdub93h] {
    margin-top: 12px;
}

.img-choix[b-arhpdub93h] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-arhpdub93h] {
    margin-left: 4px;
}

.body-entry-time1[b-arhpdub93h] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-arhpdub93h] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-arhpdub93h] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-arhpdub93h] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-arhpdub93h] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-arhpdub93h] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-arhpdub93h] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-arhpdub93h] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-arhpdub93h] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-arhpdub93h] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-arhpdub93h] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-arhpdub93h] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-arhpdub93h] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-arhpdub93h] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-arhpdub93h] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-arhpdub93h] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-arhpdub93h] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-arhpdub93h] {
    margin-top: 9px;
}

.span-debut-chrono[b-arhpdub93h] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-arhpdub93h] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-arhpdub93h] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-arhpdub93h] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-arhpdub93h] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-arhpdub93h] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-arhpdub93h] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-arhpdub93h] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-arhpdub93h] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-arhpdub93h] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-arhpdub93h] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-arhpdub93h] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-arhpdub93h] {
    margin-top: -28px;
}

.div-title-manuel[b-arhpdub93h] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-arhpdub93h] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-arhpdub93h] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-arhpdub93h] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-arhpdub93h] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-arhpdub93h] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-arhpdub93h] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-arhpdub93h] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-arhpdub93h] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-arhpdub93h] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-arhpdub93h] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-arhpdub93h] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-arhpdub93h] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-arhpdub93h] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-arhpdub93h] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-arhpdub93h] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-arhpdub93h] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-arhpdub93h] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-arhpdub93h] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-arhpdub93h] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-arhpdub93h] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-arhpdub93h] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-arhpdub93h] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-arhpdub93h] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-arhpdub93h] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-arhpdub93h] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-arhpdub93h] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-arhpdub93h] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-arhpdub93h] {
    margin-left: 114px;
}

.note-livrer-pos[b-arhpdub93h] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-arhpdub93h] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-arhpdub93h] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-arhpdub93h] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-arhpdub93h] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-arhpdub93h] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-arhpdub93h] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-arhpdub93h] {
    width: 42px;
    height: 42px;
}

.span-scan[b-arhpdub93h] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-arhpdub93h] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-arhpdub93h] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-arhpdub93h] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-arhpdub93h] {
        display: block !important;
    }

    .display-date-sec[b-arhpdub93h] {
        display: none !important;
    }
}

.display-date[b-arhpdub93h] {
    display: none;
}

.modal-ts-content[b-arhpdub93h] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-arhpdub93h] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-arhpdub93h] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-arhpdub93h] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 418px;
}

.note-ts-pos[b-arhpdub93h] {
    margin-left: 14px;
}

.modal-ts-footer[b-arhpdub93h] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-arhpdub93h] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}

.span-entry-title[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-arhpdub93h] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-arhpdub93h] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-arhpdub93h] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-arhpdub93h] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-arhpdub93h] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-arhpdub93h] {
    margin: 0;
}

input[type="date"][b-arhpdub93h]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.card-item[b-arhpdub93h] {
    margin-left: 16px;
    margin-top: 14px;
    border: 0.5px solid #e6e6e6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    border-radius: 5px;
    opacity: 1;
    min-width: 338px;
    max-width: 445px;
    height: 148px;
}

.img-statutLivrer-purple[b-arhpdub93h] {
    width: 33px;
    height: 33px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    opacity: 1;
    object-fit: cover;
    border-radius: 50%;
    margin-left: -7px;
    margin-top: 6px;
}

.span-item[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 10px;
    left: 58px;
    position: absolute;
}

.span-item-number[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Demi Regular';
    float: right;
    margin-top: 2px;
}

.span-item-name[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 38px;
    left: 58px;
    position: absolute;
}

.span-item-value-title[b-arhpdub93h] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 5px;
}

.span-item-value[b-arhpdub93h] {
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
}

.img-item-value[b-arhpdub93h] {
    width: 16px;
    height: 16px;
}

.px-4[b-arhpdub93h] {
    padding-right: 0px !important;
}

.content[b-arhpdub93h] {
    padding-left: 1px !important;
    padding-top: 0px !important;
}

html[b-arhpdub93h], body[b-arhpdub93h] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.cards[b-arhpdub93h] {
    max-width: 1200px;
    margin-right: 23px;
    margin-left: 14px;
    display: grid;
}

@media (min-width: 1123px) {
    .cards[b-arhpdub93h] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1123px) and (max-width:1310px) {
    .card-item[b-arhpdub93h] {
        height: unset !important;
    }

    .card-item-content[b-arhpdub93h] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-arhpdub93h] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 1123px) {

    .card-item[b-arhpdub93h] {
        max-width: 100%;
    }
}

@media (max-width: 800px) {
    .div-scroll[b-arhpdub93h] {
        overflow: scroll;
        height: calc(100% - 150px);
    }
}


.card-item-content[b-arhpdub93h] {
    display: flex;
}

.card-item-col-first[b-arhpdub93h] {
    display: flex;
    flex-direction: column;
    margin-top: 29px;
    margin-left: 10%;
    width: 100%
}

.card-item-col-sec[b-arhpdub93h] {
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    margin-top: 28px;
    width: 100%
}

@media(max-width:1310px ) {
    .span-qtep[b-arhpdub93h] {
        margin-left: 20px;
    }

    .span-qtel[b-arhpdub93h] {
        margin-left: 51px;
    }

    .span-u[b-arhpdub93h] {
        margin-left: 95px;
    }

    .span-main[b-arhpdub93h] {
        margin-left: 61px;
    }
}

@media(min-width:1310px ) {
    .span-qtep[b-arhpdub93h] {
        margin-left: 10px;
    }

    .span-qtel[b-arhpdub93h] {
        margin-left: 41px;
    }

    .span-u[b-arhpdub93h] {
        margin-left: 57px;
    }

    .span-main[b-arhpdub93h] {
        margin-left: 24px;
    }
}

@media (max-width: 475px) {
    .span-qtep[b-arhpdub93h] {
        margin-left: 19px;
    }
}

.btnstyle[b-arhpdub93h], .btn-competence[b-arhpdub93h], .btnstyle-note[b-arhpdub93h] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}



.btn-leftmenu-active[b-arhpdub93h] {
    color: #0898D7;
    height: 59px;
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

.btn-leftmenu-comp-active[b-arhpdub93h] {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

.imgstyle[b-arhpdub93h] {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

.span-comp-title[b-arhpdub93h] {
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-comp-sub-title[b-arhpdub93h] {
    margin-left: 10px;
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}

.span-comp-value[b-arhpdub93h] {
    color: #8395A7;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13px;
}


.btn-new-comp[b-arhpdub93h] {
    border: none;
    width: 100%;
    background: none;
    font-family: 'Franklin Gothic Medium Regular';
    letter-spacing: 0.3px;
    color: #576574;
    height: 53px;
    font-size: 14px;
}

    .btn-new-comp:hover[b-arhpdub93h] {
        border: none;
        background: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

    .btn-new-comp:focus[b-arhpdub93h], .btn-new-comp:focus-visible[b-arhpdub93h], .btn-new-comp:active[b-arhpdub93h] {
        border: none;
        background: none;
        outline: none;
        font-family: 'Franklin Gothic Medium Regular';
        letter-spacing: 0.3px;
        color: #576574;
        height: 53px;
        font-size: 14px;
    }

.div-new-comp[b-arhpdub93h] {
    border: 0.5px solid #E6E6E6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 6px #00000029;
    border: 0.5px solid #E6E6E6;
    opacity: 1;
    width: 100%;
}

.div-comp[b-arhpdub93h] {
    overflow: scroll;
    max-height: calc(100vh - 165px);
    max-width: 396px;
    min-width: 330px;
    height: 100vh;
    border: 1px solid #CAD2E5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}

.btn_upload[b-arhpdub93h] {
    margin-top: 23px;
    text-align: center;
    width: 90% !important;
    height: 38px !important;
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 3px;
    position: static;
    border: 1px dashed #7cbbf9;
    color: #576574;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    background-position: 15% 52% !important;
    margin-left: 21px;
    background: transparent url(/icons/attchement.svg) no-repeat;
    background-position: 24% 50%;
    background-size: 8px 18px;
    width: 46px;
    height: 42px;
    text-decoration: none;
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding-top: 7px;
}

    .btn_upload:hover[b-arhpdub93h] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

    .btn_upload:active[b-arhpdub93h], .btn_upload:focus[b-arhpdub93h] {
        box-shadow: 1px 0px 7px #CAD2E5;
        background-color: white;
        border: 1px dashed #1E90FF;
        outline: none;
    }

input[type="file"][b-arhpdub93h] {
    display: none;
}
/*
.textarea-note-style {
	caret-color: #1E90FF ;
	width: 93%;
	height: 58px;
	background: #EFF2F3 0% 0% no-repeat padding-box;
	opacity: 1;
	font-family:'Franklin Book Regular';
	font-size: 12px;
	color: #35414C;
	border: #EFF2F3;
	border-radius: 7px;
	outline: none;
	padding: 8px;
 
	margin-top: 19px;
}
	.textarea-note-style:focus, .textarea-note-style:active, .textarea-note-style:hover {
		border: #EFF2F3;
		outline: none;
		border-radius: 7px;
	}*/




@media (max-width:360px) {
    .btn_upload[b-arhpdub93h]{
    background-position: 18% 50% !important;
}
}

@media (max-width:850px) {
    .div-log-container[b-arhpdub93h] {
        width: 100% !important;
        height: unset !important;
        padding-bottom: 19px;
        padding-top: 13px !important;
    }
}

.div-comp[b-arhpdub93h] {
    max-width: unset !important;
    min-width: unset !important;
    width: 100% !important;
}

.input-style[b-arhpdub93h] {
    width: 95% !important;
    max-width: unset !important;
    min-width: unset !important;
}

@media (min-width:900px) {
    .card-info[b-arhpdub93h] {
        margin-top: -9px !important;
        padding-top: 3px;
    }
}

@media (max-width:900px) {
    .taskdetail-col[b-arhpdub93h] {
        padding-top: 0 !important;
    }
}

@media (max-width:1150px) {
    .div-note-content[b-arhpdub93h] {
        height: unset !important;
    }

    .div-note-content[b-arhpdub93h] {
        flex-direction: column;
    }

    .div-espace-note[b-arhpdub93h] {
        margin-left: 54px !important;
    }

    .div-notee[b-arhpdub93h] {
        margin-top: -34px;
        margin-left: 48px;
    }

    .div-text-note[b-arhpdub93h] {
        margin-top: 0px !important;
    }
}

@media (min-width:650px) {
    .div-cmd[b-arhpdub93h] {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        margin-top: 8px;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:650px) and (min-width:475px) {
    .div-cmd[b-arhpdub93h] {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:475px) {
    .div-cmd[b-arhpdub93h] {
        padding-top: 15px;
        padding-left: 65px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

.text-sty[b-arhpdub93h] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    cursor: pointer;
}

@media (min-width: 1123px) {
    .card-item-content[b-arhpdub93h] {
        width: 100%;
    }

    .card-item-col-first[b-arhpdub93h] {
        width: 50% !important;
        margin-left: 0 !important;
    }

    .card-item-col-sec[b-arhpdub93h] {
        width: 50% !important;
        margin-left: 0 !important;
    }
}

@media (min-width: 1123px) and (max-width: 1310px) {
    .card-item-col-sec[b-arhpdub93h], .card-item-col-first[b-arhpdub93h] {
        width: 100% !important;
    }

    .card-item-content[b-arhpdub93h] {
        padding-left: 32px;
    }
}

.item-div-one[b-arhpdub93h] {
    flex: auto;
}

.span-item-value[b-arhpdub93h] {
    padding-right: 20px;
}

.card-item-col-first[b-arhpdub93h] {
    margin-left: 0 !important;
}
.modal-recept-content[b-arhpdub93h] {
    width: 335px;
    height: 583px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-recept[b-arhpdub93h] {
    width: 335px;
    height: 60px;
    background: #E67E22 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

[b-arhpdub93h]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.modal-footer-recept[b-arhpdub93h] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}


.modal-body-recept[b-arhpdub93h] {
    overflow: scroll;
    overflow-x: hidden;
    height: calc(100vh - 110px);
}
/* /Mobiles/TaskPages-mobile/TaskDetailsMobile/ResourcesPages/TaskAssignUnassignResourcesPage.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-64ghpm0nba]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-64ghpm0nba] {
    width: 8%;
    margin-left: 11px;
    margin-top: -15px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-64ghpm0nba] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-64ghpm0nba] {
    width: 100%;
}

    .switch input[type=checkbox][b-64ghpm0nba] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-64ghpm0nba] {
        cursor: pointer;
        text-indent: -99999px;
        width: 56px;
        height: 29px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
    }

    .switch input:checked + label[b-64ghpm0nba] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-64ghpm0nba]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-64ghpm0nba]:after {
        content: '';
        position: absolute;
        top: 3px;
        left: 5px;
        width: 23px;
        height: 23px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-64ghpm0nba] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-64ghpm0nba] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-64ghpm0nba] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-64ghpm0nba] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-64ghpm0nba] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-64ghpm0nba] {
    background-color: transparent;
    border: none;
    font-size: 45px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 30px;
    outline: none !important;
}

.closepop-prog[b-64ghpm0nba] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-64ghpm0nba] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-64ghpm0nba], .column-3:focus[b-64ghpm0nba] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-64ghpm0nba] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-64ghpm0nba] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-64ghpm0nba] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-64ghpm0nba] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-64ghpm0nba] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-64ghpm0nba] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-64ghpm0nba] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-64ghpm0nba] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-64ghpm0nba] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-64ghpm0nba] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-64ghpm0nba] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-64ghpm0nba] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-64ghpm0nba] {
    margin-right: 0px;
}


select[b-64ghpm0nba] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-64ghpm0nba]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-64ghpm0nba] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-64ghpm0nba] {
    width: 433px;
    height: 490px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 60px;
    margin-left: -83px;
}

.modal-header-accepter[b-64ghpm0nba] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    /*    display: flex;
*/ justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-64ghpm0nba] {
    text-align: center;
    height: 490px;
    display: flex;
    max-height: 600px;
    overflow: auto;
}

.modal-footer-accepter[b-64ghpm0nba] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-64ghpm0nba] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-64ghpm0nba] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-64ghpm0nba] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-64ghpm0nba] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-64ghpm0nba] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-64ghpm0nba] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-64ghpm0nba]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-64ghpm0nba]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-64ghpm0nba] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-64ghpm0nba] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-64ghpm0nba] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-64ghpm0nba] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-64ghpm0nba] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-64ghpm0nba] {
    width: 16px;
    height: 12px;
}

.ul-error[b-64ghpm0nba] {
    text-align: left;
    list-style: none;
}

.icon-error[b-64ghpm0nba] {
    width: 20px;
    height: 20px;
    margin-top: -3px;
}

.div-footer[b-64ghpm0nba] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/
.modal-entrerheure-content[b-64ghpm0nba] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -83px;
}

.modal-header-entrerheure[b-64ghpm0nba] {
    width: 335px;
    height: 60px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-64ghpm0nba] {
    line-height: 15px;
}

.modal-title-entrerheure[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 16px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-64ghpm0nba] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -5px;
    margin-left: 5px;
    outline: none !important;
}

.img-enterheure[b-64ghpm0nba] {
    margin-left: 16px;
    width: 20px;
    height: 59px;
}

.modal-footer-entrerheure[b-64ghpm0nba] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

[b-64ghpm0nba]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-64ghpm0nba] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-64ghpm0nba] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-64ghpm0nba] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-64ghpm0nba] {
    width: 23px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-64ghpm0nba] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-64ghpm0nba] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-64ghpm0nba] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-64ghpm0nba] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-64ghpm0nba] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-64ghpm0nba] {
    display: flex;
    flex-direction: column;
    padding-left: 46px;
    padding-bottom: 11px;
    padding-top: 18px;
}

}

.img-stat[b-64ghpm0nba] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-64ghpm0nba] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-64ghpm0nba] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-64ghpm0nba] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-64ghpm0nba] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-64ghpm0nba] {
    margin-top: 11px;
}

.img-choix[b-64ghpm0nba] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-64ghpm0nba] {
    margin-left: 4px;
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-64ghpm0nba] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-64ghpm0nba] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-64ghpm0nba] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-64ghpm0nba] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-64ghpm0nba] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-64ghpm0nba] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-64ghpm0nba] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-64ghpm0nba] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-64ghpm0nba] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-64ghpm0nba] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-64ghpm0nba] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-64ghpm0nba] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-64ghpm0nba] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-64ghpm0nba] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-64ghpm0nba] {
    margin-top: 9px;
}

.span-debut-chrono[b-64ghpm0nba] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-64ghpm0nba] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.modal-entrermanuel-content[b-64ghpm0nba] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-64ghpm0nba] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-64ghpm0nba] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    /*  width: 200px;*/
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-64ghpm0nba] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-64ghpm0nba] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-64ghpm0nba] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-64ghpm0nba] {
    border: none;
    outline: none;
    height: inherit;
    width: 138px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    position: relative;
    margin-top: 14px;
    margin-left: 12px;
}

.input-date-heure[b-64ghpm0nba] {
    padding: 0;
    margin: 0;
    padding-left: 33px;
    height: 40px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none;
}

.div-box-heure[b-64ghpm0nba] {
    margin-top: -28px;
}

.div-title-manuel[b-64ghpm0nba] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-64ghpm0nba] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-64ghpm0nba] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-64ghpm0nba] {
    margin-left: 69px;
    width: 368px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-64ghpm0nba] {
    width: 368px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-64ghpm0nba] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-64ghpm0nba] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-64ghpm0nba] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-64ghpm0nba] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-64ghpm0nba] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-64ghpm0nba] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

.modal-body-livrer[b-64ghpm0nba] {
    overflow: scroll;
    overflow-x: hidden;
}

.img-track[b-64ghpm0nba] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-64ghpm0nba] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-64ghpm0nba] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-64ghpm0nba] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-64ghpm0nba] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-64ghpm0nba] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-64ghpm0nba] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-64ghpm0nba] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-64ghpm0nba] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-64ghpm0nba] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-64ghpm0nba] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-64ghpm0nba] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-64ghpm0nba] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-64ghpm0nba] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-64ghpm0nba] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-64ghpm0nba] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-64ghpm0nba] {
    margin-left: 114px;
}

.note-livrer-pos[b-64ghpm0nba] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-64ghpm0nba] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-64ghpm0nba] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-64ghpm0nba] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-64ghpm0nba] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-64ghpm0nba] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-64ghpm0nba] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-64ghpm0nba] {
    width: 42px;
    height: 42px;
}

.span-scan[b-64ghpm0nba] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-64ghpm0nba] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-64ghpm0nba] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-64ghpm0nba] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-64ghpm0nba] {
        display: block !important;
    }

    .display-date-sec[b-64ghpm0nba] {
        display: none !important;
    }
}

.display-date[b-64ghpm0nba] {
    display: none;
}

.modal-ts-content[b-64ghpm0nba] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-64ghpm0nba] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-64ghpm0nba] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-64ghpm0nba] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 387px;
}

.note-ts-pos[b-64ghpm0nba] {
    margin-left: 14px;
}

.modal-ts-footer[b-64ghpm0nba] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-64ghpm0nba] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}

.span-entry-title[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-64ghpm0nba] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-64ghpm0nba] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-64ghpm0nba] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-64ghpm0nba] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-64ghpm0nba] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-64ghpm0nba] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-64ghpm0nba] {
    margin: 0;
}
/*//assign ressources*/
.modal-header-assignRessource[b-64ghpm0nba] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    align-items: center;
    background-color: #268BFD;
}

.userimgHeader[b-64ghpm0nba] {
    width: 47px;
    object-fit: cover;
    border-radius: 50%;
    border-radius: 23px;
    margin-top: 3px;
}

.main-div-assign[b-64ghpm0nba] {
    min-width: 201px;
    text-align: left;
}

.div-entry-dateTime[b-64ghpm0nba] {
    height: 80px;
    margin-top: 8px;
}

.div-time-assign[b-64ghpm0nba] {
    width: 100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171e33;
    border-radius: 17px;
}

.date-inp[b-64ghpm0nba] {
    margin-top: 10px !important;
    margin-left: 15px !important;
    background-color: transparent !important;
}
.margTop-20[b-64ghpm0nba]{
    margin-top:20px
}
.spanUsername[b-64ghpm0nba] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    color: #222F3E;
}
@media (max-width:380px) {
    .grid-res[b-64ghpm0nba] 
    {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin-left:15px;
    }
    .div-time1[b-64ghpm0nba] {

        margin-top: 10px;
    }

}
@media (min-width:381px) {

    .grid-res[b-64ghpm0nba] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-left: 15px;
    }
    .div-box-date[b-64ghpm0nba] {
        margin-left: 10px;
    }

    .div-time1[b-64ghpm0nba] {
        margin: 0;
    }
}
/* /Mobiles/TaskPages-mobile/TaskDetailsMobile/ResourcesPages/TaskresourceInfoPage.razor.rz.scp.css */
body[b-nr4e4pduya] {
}
/* /Mobiles/TaskPages-mobile/TaskDetailsMobile/ResourcesPages/TaskResourcesAssignPage.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.card-res[b-irknxetoy9] {
    /*height: 95px;*/
    border-radius: 0px !important;
    padding: 13px;
}

.span-username-res[b-irknxetoy9] {
    margin-top: -10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    color: #222F3E;
}

.span-pers[b-irknxetoy9] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    color: #8395A7;
    text-align: left;
    letter-spacing: 0.33px;
}

.span-distance[b-irknxetoy9] {
    font-family: left;
    letter-spacing: 0.33px;
    color: #8395A7;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
}

.span-duration[b-irknxetoy9] {
    color: #F36C3A;
    text-align: left;
    letter-spacing: 0.3px;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 11px;
}

.div-hover-call[b-irknxetoy9] {
    /*display:none;*/
    position: absolute;
    /*top: 30px;*/
    top: 12px;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity linear 0.3s;
}

.card-body:hover .div-hover-call[b-irknxetoy9] {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
}

.card-body:hover[b-irknxetoy9] {
    box-shadow: 2px 2px 9px #00000040;
}

.ressource-list-cards[b-irknxetoy9] {
    overflow: scroll;
    max-height: 81vh;
    overflow-x: hidden;
    box-shadow: 9px 9px 9px #00000040;
}

.card-button[b-irknxetoy9] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}


.div-header-ressource[b-irknxetoy9] {
    height: 46px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: flex;
}

.div-child-header-ressource[b-irknxetoy9] {
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #222F3E;
    opacity: 1;
    font-size: 13.5px;
    margin-top: 13.5px;
}

.active-res[b-irknxetoy9] {
    opacity: 1;
    border-bottom: solid 6px #268BFD;
    letter-spacing: 0.3px;
    color: #222F3E;
    font-weight: bold;
}

.svg-img[b-irknxetoy9] {
    margin-top: -3px;
    margin-right: 10px;
}


.ressourceModal[b-irknxetoy9] {
    display: flex;
    flex-direction: column;
    width: 366px;
    height: 858px !important;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000059;
    opacity: 1;
    border-radius: 1px;
    margin-left: -4px;
}

.imgRessource[b-irknxetoy9] {
    width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.imgAssignRessource[b-irknxetoy9] {
    float: right;
    width: 40px;
    height: 41px;
    border-radius: 50%;
    opacity: 1;
}

.ressourceContent[b-irknxetoy9] {
    top: 157px;
    left: 745px;
    width: 366px;
    height: 779px;
    opacity: 1;
    overflow-y: scroll !important;
}

.email[b-irknxetoy9] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}

.text[b-irknxetoy9] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.smallText[b-irknxetoy9] {
    color: #576574;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}


.div-contact-card[b-irknxetoy9] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
}

.row-flex[b-irknxetoy9] {
    display: flex;
    flex-direction: row;
}

.column-flex[b-irknxetoy9] {
    display: flex;
    flex-direction: column;
}

.span-style[b-irknxetoy9] {
    color: #222F3E;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
}

.span-phone[b-irknxetoy9] {
    font-family: 'Franklin Gothic Book Regular';
    letter-spacing: 0.07px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
}

.title[b-irknxetoy9] {
    font-size: 18px;
}

.sub-title[b-irknxetoy9] {
    font-size: 15px;
}

.icon-img[b-irknxetoy9] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
}

.user-icon[b-irknxetoy9] {
    padding-top: 2px;
}

.call-icon[b-irknxetoy9] {
    padding-top: 8px;
}

.div-contact[b-irknxetoy9] {
    padding-left: 10px;
}

.email[b-irknxetoy9] {
    color: #2196F3 !important;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium';
    font-size: 14px;
    text-align: left;
    text-decoration: underline !important;
    letter-spacing: 0.28px;
    color: #2196F3;
    opacity: 1;
}


.div-compentance-card[b-irknxetoy9] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaea;
    padding: 0.5rem;
    padding-left: 1.5rem;
}

.row-flex[b-irknxetoy9] {
    display: flex;
    flex-direction: row
}

.column-flex[b-irknxetoy9] {
    display: flex;
    flex-direction: column
}

.projectManagement-icon[b-irknxetoy9] {
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: 5px
}

.span-title[b-irknxetoy9] {
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.span-sub-title[b-irknxetoy9] {
    margin-left: 3px;
    font-size: 15px;
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Demi Regular';
    color: #576574;
}

.span-sub-sub-title[b-irknxetoy9] {
    opacity: 1;
    overflow: visible;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    padding-left: 5px;
}

.timeSheet-icon[b-irknxetoy9] {
    object-fit: cover;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.level-icon[b-irknxetoy9] {
    object-fit: cover;
    opacity: 1;
}

.competance-icon[b-irknxetoy9] {
    width: 21px;
    height: 16px;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    padding-top: 2px;
}

.card-listTAsks[b-irknxetoy9] {
    position: absolute !important;
    top: 85px;
}
/* /Mobiles/TaskPages-mobile/TaskDetailsMobile/TaskDetailPage.razor.rz.scp.css */
@font-face {
    font-family: Franklin Book Regular;
    src: url('../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

.modal-menu-content[b-yppdpgdmpq] {
    width: 100%;
    height: 342px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border-radius: 3px;
    opacity: 1;
    position: fixed;
    bottom: 0;
}

.modal-body-menu[b-yppdpgdmpq] {
}

.modal-div[b-yppdpgdmpq] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.span-menu-modal[b-yppdpgdmpq] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.3px;
    color: #576574;
    text-transform: capitalize;
    opacity: 1;
    padding-left: 15px;
}

.list-group-item[b-yppdpgdmpq] {
    padding-left: 1.5rem;
}

.span-menu-modal:hover[b-yppdpgdmpq] {
    letter-spacing: 0.3px;
    text-align: left;
    text-decoration: underline;
}

.span-blue:hover[b-yppdpgdmpq] {
    color: #4B7BEC;
}

.span-blueciel:hover[b-yppdpgdmpq] {
    color: #00A7E2;
}

.span-green:hover[b-yppdpgdmpq] {
    color: #10AC84;
}

.span-purple:hover[b-yppdpgdmpq] {
    color: #AC92EC;
}

.span-orange:hover[b-yppdpgdmpq] {
    color: #EF7911;
}

@media (max-width:850px) {
    [b-yppdpgdmpq] .modal-accepter-content, .modal-accepter-content[b-yppdpgdmpq] {
        width: 284px !important;
        height: 215px !important;
        margin-left: 0 !important;
    }

    [b-yppdpgdmpq] .modal-body-accepter {
        text-align: center;
        height: 119px !important;
    }

    [b-yppdpgdmpq] .modal-body-prog {
        height: 130px !important;
    }

    [b-yppdpgdmpq] .span-accepter-qs {
        font-size: 17px !important;
    }

    [b-yppdpgdmpq] .modal-center {
        text-align: center;
        padding: 0 !important;
    }

    [b-yppdpgdmpq] .label-pers {
        font-size: 17px !important;
    }

    [b-yppdpgdmpq] .span-prog-title {
        font-size: 11px !important;
    }

    [b-yppdpgdmpq] .modal-center:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    [b-yppdpgdmpq] .modal-center-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    [b-yppdpgdmpq] .modal-header-accepter, .modal-header-prog[b-yppdpgdmpq] {
        width: 284px !important;
        height: 51px !important;
    }

    [b-yppdpgdmpq] .modal-footer-accepter {
        width: 284px !important;
        height: 45px !important;
    }

    [b-yppdpgdmpq] .modal-center-dialog {
        width: unset;
    }

    [b-yppdpgdmpq] .img-footer {
        margin-left: 2px !important;
    }

    [b-yppdpgdmpq] .modal-title {
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
        margin-left: 5px !important;
    }

    [b-yppdpgdmpq] .closem {
        margin-left: 0 !important;
        margin-top: -4px !important;
        font-size: 39px !important;
        font-family: emoji !important;
    }

    [b-yppdpgdmpq] .img-revue {
        width: 16px !important;
        margin-left: 3px !important;
    }

    [b-yppdpgdmpq] .img-hour {
        margin-left: 25% !important;
    }

    .progressbar[value][b-yppdpgdmpq] {
        width: 90% !important;
    }

    .img-prog[b-yppdpgdmpq] {
        margin-left: 5px !important;
        margin-top: 7px !important;
        width: 26px !important;
    }

    .modal-title-prog[b-yppdpgdmpq] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 20ch;
        display: block;
        vertical-align: middle;
        margin-left: 6px !important;
        margin-top: 11px !important;
        font-family: 'Franklin Book Regular' !important;
        font-size: 15px !important;
    }

    .closepop-prog[b-yppdpgdmpq] {
        margin-top: -9px !important;
        right: 9px !important;
        font-family: emoji !important;
    }

    .modal-content-revue[b-yppdpgdmpq] {
        width: 289px !important;
        height: 434px !important;
    }

    .modal-body-revue[b-yppdpgdmpq] {
        overflow-y: scroll;
    }

    .modal-footer-revue[b-yppdpgdmpq] {
        width: 289px !important;
    }

    .div-box-sign[b-yppdpgdmpq] {
        margin-left: -14px !important;
        width: 242px !important;
    }

    .select-revue[b-yppdpgdmpq] {
        margin-left: -18px;
        width: 238px !important;
    }

    .col-sec-av[b-yppdpgdmpq] {
        padding-left: 57px;
    }
}

@media (min-width:468px) and (max-width:850px) {
    .modal-header-entrerheure[b-yppdpgdmpq] {
        width: 279px !important;
    }

    .div-box-entrermanuel[b-yppdpgdmpq] {
        width: 247px !important;
        margin: auto;
    }

    .btn-add-new-entrerheure[b-yppdpgdmpq] {
        width: 100% !important;
    }

    .modal-title-entrerheure[b-yppdpgdmpq] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 18ch;
        display: block;
        vertical-align: middle;
        font-size: 16px !important;
        font-family: 'Franklin Book Regular' !important;
        margin-top: 19px !important;
    }

    .closepop-entrerheure[b-yppdpgdmpq] {
        font-family: emoji !important;
        margin-top: -1px !important;
    }

    .modal-content-entrer[b-yppdpgdmpq] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .img-stat[b-yppdpgdmpq] {
        margin-left: 13px !important;
    }

    .div-container-entrerheure[b-yppdpgdmpq] {
        padding-left: 7px !important;
    }

    .div-heures[b-yppdpgdmpq] {
        display: flex;
        width: 100%;
        padding-right: 14px;
    }

    .div-space[b-yppdpgdmpq], .div-espace[b-yppdpgdmpq] {
        margin-top: 11px !important;
        width: 50%;
        margin-left: 9px;
    }

    .div-btns[b-yppdpgdmpq] {
        display: flex;
        padding-bottom: 24px;
        padding-right: 11px;
        width: 100%;
        padding-top: 7px;
    }

    .div-box-entrerheure[b-yppdpgdmpq] {
        width: 100% !important;
    }

    .modal-body-entrerheure[b-yppdpgdmpq] {
        height: unset !important;
    }

    .div-demarer-heures[b-yppdpgdmpq] {
        align-items: center;
    }

    .div-box-demarerHorloge[b-yppdpgdmpq] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-yppdpgdmpq] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-demarer-heures[b-yppdpgdmpq] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-yppdpgdmpq] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-yppdpgdmpq] {
        width: 100% !important;
    }

    .div-entrermanuel-info[b-yppdpgdmpq] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-left: 15px;
    }
}

@media (max-width:600px) {
    .div-entrermanuel-info[b-yppdpgdmpq] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width:468px) {

    .modal-body-entrerheure[b-yppdpgdmpq] {
        height: unset !important;
    }

    .div-box-entrermanuel[b-yppdpgdmpq] {
        width: 88% !important;
    }

    .modal-content-entrer[b-yppdpgdmpq] {
        box-shadow: 0px 3px 6px #00000029;
        border: 0.5px solid #E6E6E6;
    }

    .btn-add-new-entrerheure[b-yppdpgdmpq] {
        width: 100% !important;
    }

    .div-box-entrerheure[b-yppdpgdmpq] {
        width: 85% !important;
    }

    .div-btns[b-yppdpgdmpq] {
        padding-bottom: 24px;
    }

    .div-container-entrerheure[b-yppdpgdmpq] {
        padding-left: 37px !important;
    }

    .span-title-demarerHorloge[b-yppdpgdmpq] {
        margin-left: 9% !important;
    }

    .div-box-demarerHorloge[b-yppdpgdmpq] {
        margin: auto;
    }

    .div-box-demarerHorloge[b-yppdpgdmpq] {
        margin-left: 32px;
        margin-top: 0px !important;
    }

    .div-box-entrermanuel[b-yppdpgdmpq] {
        width: 247px !important;
    }

    .div-demarer-heures[b-yppdpgdmpq] {
        align-items: center;
        padding-bottom: 21px;
        margin-left: -23px;
    }

    .div-hr[b-yppdpgdmpq] {
        padding-left: 28px !important;
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .btn-add-new-entrerheure[b-yppdpgdmpq] {
        width: 100% !important;
    }
}

.div-demarer-heures[b-yppdpgdmpq] {
    display: flex;
    flex-direction: column;
}

.div-box-date[b-yppdpgdmpq] {
    margin-left: auto;
}

.div-manuel[b-yppdpgdmpq] {
    padding-left: 37px !important;
}

.div-box-date-container[b-yppdpgdmpq] {
    width: 90% !important;
}

.div-box-note-container[b-yppdpgdmpq] {
    width: 88% !important;
}

@media (max-width:470px) {
    .card-item[b-yppdpgdmpq] {
        height: unset !important;
    }

    .card-item-content[b-yppdpgdmpq] {
        display: flex;
        flex-direction: column;
    }


    .card-item-col-sec[b-yppdpgdmpq] {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }
}

.img-item-value[b-yppdpgdmpq] {
    width: 20px !important;
}

.col-first-item[b-yppdpgdmpq], .col-sec-item[b-yppdpgdmpq] {
    margin-left: 0 !important;
}

.col-first-item[b-yppdpgdmpq] {
    padding-left: 57px;
}

.btn-add-new[b-yppdpgdmpq] {
    width: 100% !important;
}

.list-card-livrer[b-yppdpgdmpq] {
    overflow: scroll;
    height: calc(100vh - 169px);
}

.list-demarer-horloge[b-yppdpgdmpq] {
    overflow: scroll;
    height: calc(100vh - 163px) !important;
}

.img-req[b-yppdpgdmpq] {
    float: right !important;
    margin-right: 15px;
}


@media (max-width:850px) {
    .modal-req-content[b-yppdpgdmpq] {
        width: 285px !important;
    }

    .modal-header-req[b-yppdpgdmpq] {
        width: 285px !important;
    }

    .modal-footer-req[b-yppdpgdmpq] {
        width: 100% !important;
    }

    .triangle-left[b-yppdpgdmpq] {
        display: none;
    }

    .closereq[b-yppdpgdmpq] {
        margin-top: -4px !important;
        font-family: emoji !important;
        font-size: 38px !important;
        margin-left: 0 !important;
    }

    .modal-title-req[b-yppdpgdmpq] {
        font-family: 'Franklin Book Regular' !important;
        font-size: 14px !important;
    }

    .mod-req[b-yppdpgdmpq] {
        background-color: rgb(34,47,62,.75) !important;
    }

    .modal-req-content[b-yppdpgdmpq] {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

.modal-header-revue[b-yppdpgdmpq] {
    align-items: center;
}

.closerev[b-yppdpgdmpq] {
    font-family: emoji !important;
    margin-top: -48px !important;
}


.modalfooter-style[b-yppdpgdmpq] {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    box-shadow: 3px 3px 6px #00000040;
}
/* /Mobiles/TaskPages-mobile/TaskDetailsMobile/TimeEntryPages/TaskTimeEntryDemarrerHorlgePage.razor.rz.scp.css */
.div-demarerHorloge[b-avgmfg0rj4] {
    margin: auto;
    margin-top: 25px;
    width: 75%;
    border-radius: 8px;
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171e33;
    opacity: 1;
    height: 35px;

}

.div-demarerheures[b-avgmfg0rj4] {
    margin: auto;
    width: 240px;
    margin-top: 15px;
}
/* /Mobiles/TaskPages-mobile/TaskDetailsMobile/TimeEntryPages/TaskTimeEntryLogEditPage.razor.rz.scp.css */
body[b-rh1v8qq8np] {
}
/* /Mobiles/TaskPages-mobile/TaskDetailsMobile/TimeEntryPages/TaskTimeEntryLogPage.razor.rz.scp.css */
.modal-body-recept[b-fjfvix311l] {
    overflow: scroll;
    overflow-x: hidden;
    height: calc(100vh - 170px);
}
/* /Mobiles/TaskPages-mobile/TaskDetailsMobile/TimeEntryPages/TaskTimeEntryManuellementPage.razor.rz.scp.css */
.div-demarerHorloge[b-gisusvo27b] {
    margin: auto;
    margin-top: 25px;
    width: 75%;
    border-radius: 8px;
    background: #9a61a8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171e33;
    opacity: 1;
    height: 35px;
}
.span-title1[b-gisusvo27b] {
    text-align: left;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}
.div-demarerheures[b-gisusvo27b] {
    margin: auto;
    width: 240px;
    margin-top: 15px;
}
/* /Mobiles/TaskPages-mobile/TaskDetailsMobile/TimeEntryPages/TaskTimeEntryPage.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

input[type='time'][b-svceqax24u]::-webkit-calendar-picker-indicator {
    margin-left: -70px;
    background: transparent;
    cursor: pointer !important;
}

/*Checkbox Toggle*/
.switch-div[b-svceqax24u] {
    width: 8%;
    margin-left: 13px;
    margin-top: -21px;
}

/*.dflex
{
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.text[b-svceqax24u] {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    width: 4%;
    height: 12px;
}

}

.switch[b-svceqax24u] {
    width: 100%;
}

    .switch input[type=checkbox][b-svceqax24u] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .switch label[b-svceqax24u] {
        cursor: pointer;
        text-indent: -99999px;
        width: 40px;
        height: 19px;
        background-color: gray;
        display: block;
        border-radius: 100px;
        position: relative;
        padding-top: 2px;
    }

    .switch input:checked + label[b-svceqax24u] {
        background-color: #4b7bec;
    }

        .switch input:checked + label[b-svceqax24u]:after {
            left: calc(100% - 5px);
            transform: translateX(-100%);
        }

    .switch label[b-svceqax24u]:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 90px;
        transition: 0.3s;
        left: 5px;
    }

/*Checkbox Toggle*/
/* ------------------- Accepter Modal -------------------------*/
.modal-div[b-svceqax24u] {
    background-color: rgb(34,47,62,.75);
    display: block;
}

.modal-content-revue[b-svceqax24u] {
    width: 334px;
    height: 570px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
}

.modal-header-revue[b-svceqax24u] {
    width: 100%;
    height: 60px;
    background: #EF7911 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.modal-footer-revue[b-svceqax24u] {
    width: 334px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-title[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
}

.modal-title-prog[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.5px;
    margin-left: 10px;
    margin-top: 16px;
    margin-left: 15px;
}

.img-revue[b-svceqax24u] {
    width: 20px;
    height: 29px;
    opacity: 1;
}

.closepop[b-svceqax24u] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
}

.closepop-prog[b-svceqax24u] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    width: 16px;
    margin-top: -21px;
    /* margin-left: 12px; */
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-right: 7px;
    outline: none !important;
    margin-top: -4px;
    position: absolute;
    right: 19px;
}

.column-3[b-svceqax24u] {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 49px;
    cursor: pointer;
}

    .column-3:hover[b-svceqax24u], .column-3:focus[b-svceqax24u] {
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 1px 3px 9px #0000008C;
        opacity: 1;
    }

.div-col[b-svceqax24u] {
    border-right: 2px solid #E6E6E6;
}

.img-footer-att[b-svceqax24u] {
    width: 13px;
    height: 25px;
    margin-top: 14px;
    margin-left: -7px;
}

.tasknumber[b-svceqax24u] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #8395A7;
    letter-spacing: 0.25px;
}

.taskname[b-svceqax24u] {
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 3.5px;
    text-align: left;
    font-family: franklin-gothic-book;
    font-style: normal;
    font-weight: normal;
    font-size: 18.31px;
    color: rgba(34,47,62,1);
}

.modal-body-revue[b-svceqax24u] {
    padding-left: 39px !important;
    padding-top: 24px !important;
}

.emplacement[b-svceqax24u] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 13px;
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
}

.task-number[b-svceqax24u] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
}

.span-username[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 18.31px;
}

.div-box[b-svceqax24u] {
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
}

.span-box-content[b-svceqax24u] {
    text-align: left;
    margin-top: 3px;
    margin-left: 12px;
    float: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-family: franklin-gothic-book;
    font-size: 17px;
}

.img-fleche[b-svceqax24u] {
    margin-left: 46px;
    margin-top: 6px;
}

.span-sign[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-top: 41px;
    margin-bottom: 15px;
    opacity: 1;
}

.div-box-sign[b-svceqax24u] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 2px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    opacity: 1;
    width: 274px;
    height: 131px;
    margin-left: -10px;
}

.modal-footer > :not(:first-child)[b-svceqax24u] {
    margin-left: 0px;
}

.modal-footer > :not(:last-child)[b-svceqax24u] {
    margin-right: 0px;
}


select[b-svceqax24u] {
    font-family: franklin-gothic-book;
    font-size: 17px;
    padding: 5px 35px 5px 10px;
    box-shadow: 1px 1px 3px #00000040;
    border: 1px solid #E6E6E6;
    border-radius: 17px;
    opacity: 1;
    width: 256px;
    height: 35px;
    margin-top: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/icons/TaskDetail/TaskDetailModal/fleche.svg) 100% / 5% no-repeat white;
}

    /* CAUTION: IE hackery ahead */
    select[b-svceqax24u]::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select[b-svceqax24u] {
        background: none\9;
        padding: 5px\9;
    }
}

/*-------------------------- Accepter Modal ------------------*/
.modal-accepter-content[b-svceqax24u] {
    width: 433px;
    height: 269px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 130px;
    margin-left: -83px;
}

.modal-header-accepter[b-svceqax24u] {
    width: 433px;
    height: 60px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-accepter[b-svceqax24u] {
    text-align: center;
    height: 159px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-footer-accepter[b-svceqax24u] {
    width: 433px;
    height: 50px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.span-accepter-qs[b-svceqax24u] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 19px;
    color: #576574;
}

.btn-footer[b-svceqax24u] {
    text-align: center;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14px;
    appearance: none;
    border: none;
    outline: none !important;
    background: none;
}
/* ------------------- Progression  Modal -------------------------*/


.modal-header-prog[b-svceqax24u] {
    width: 433px;
    height: 60px;
    background: #00A7E2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-prog[b-svceqax24u] {
    height: 159px;
    line-height: 15px;
}

.img-prog[b-svceqax24u] {
    width: 29px;
    height: 29px;
    opacity: 1;
    margin-left: 14px;
    margin-top: 16px;
}

.progressbar[value][b-svceqax24u] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 385px;
    height: 11px;
    margin-left: 15px;
    margin-top: 3px;
}

    .progressbar[value][b-svceqax24u]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .progressbar[value][b-svceqax24u]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.label-pers[b-svceqax24u] {
    letter-spacing: 0px;
    color: #EA6852;
    opacity: 1;
    font-family: 'Franklin Gothic Demi Regular';
    margin-left: 17px;
    font-size: 20px;
}

.span-minutes[b-svceqax24u] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 0.72;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
}

.div-prog[b-svceqax24u] {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
}

.span-prog-title[b-svceqax24u] {
    letter-spacing: 0.24px;
    color: #778CA3;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 12px;
    margin-left: 18px;
}

.img-hour[b-svceqax24u] {
    margin-left: 180px;
    margin-top: 2px;
    margin-right: 4px;
    width: 12px;
    height: 11px;
}

.img-footer[b-svceqax24u] {
    width: 18px;
    height: 14px;
}

.div-footer[b-svceqax24u] {
    width: 50%;
    text-align: center;
}

/*---------------------------------------------------- Entrer Heure -------------------------------------------------*/


.modal-entrerheure-content[b-svceqax24u] {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 73px;
    margin-left: -110px;
}

.modal-header-entrerheure[b-svceqax24u] {
    width: 400px;
    height: 55px;
    background: #4B7BEC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-entrerheure[b-svceqax24u] {
    line-height: 15px;
}

.modal-title-entrerheure[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    margin-top: 10px;
    margin-left: 7px;
    font-size: 20.5px;
}

.closepop-entrerheure[b-svceqax24u] {
    background-color: transparent;
    border: none;
    font-size: 41px;
    padding: 0;
    height: 16px;
    font-family: -webkit-pictograph;
    color: white;
    margin-top: -10px;
    margin-left: 13px;
    outline: none !important;
}

.img-enterheure[b-svceqax24u] {
    margin-left: 16px;
    width: 20px;
    height: 50px;
}

.modal-footer-entrerheure[b-svceqax24u] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #eaeaea;
    padding: 0;
    margin: 0;
    opacity: 1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.modal-body-log[b-svceqax24u]::-webkit-scrollbar {
    width: 1em;
}

.modal-body-log[b-svceqax24u]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-body-log[b-svceqax24u]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}

[b-svceqax24u]::-webkit-scrollbar {
    width: 0.1px;
}

.div-footer-entrerheure[b-svceqax24u] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-last[b-svceqax24u] {
    width: 50%;
    height: 52px;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.div-footer-entrerheure-first[b-svceqax24u] {
    width: 50%;
    height: 52px;
    border-right: 1px solid #eaeaea;
    border-bottom-left-radius: 7px;
    cursor: pointer;
}

.img-footer-entrerheure[b-svceqax24u] {
    width: 18px;
    height: 23px;
    margin-top: 13px;
}

.div-footer-entrerheure:hover[b-svceqax24u] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
}

.div-footer-entrerheure-last:hover[b-svceqax24u] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 7px;
}

.div-footer-entrerheure-first:hover[b-svceqax24u] {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 9px #0000008c;
    opacity: 1;
}

.btn-add-new-entrerheure[b-svceqax24u] {
    width: 335px;
    height: 53px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    outline: none !important;
}

.img-btn-add-entrerheure[b-svceqax24u] {
    width: 13px;
    margin-right: 6px;
    height: 13px;
}

.div-container-entrerheure[b-svceqax24u] {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    padding-bottom: 15px;
    padding-top: 15px;
}

}

.img-stat[b-svceqax24u] {
    width: 33px;
    height: 33px;
}

.span-statut-name[b-svceqax24u] {
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 22.3px;
    margin-left: 10px;
    padding-bottom: 8px;
}

.span-entrerheure-title[b-svceqax24u] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'Franklin Gothic Medium Regular';
}

.span-entrerheure-heure[b-svceqax24u] {
    letter-spacing: 0px;
    color: #778CA3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 77px;
}

.div-box-entrerheure[b-svceqax24u] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    cursor: pointer;
}

.span-title-choix[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'Franklin Gothic Medium Regular';
}

.div-space[b-svceqax24u] {
    margin-top: 12px;
}

.img-choix[b-svceqax24u] {
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 4px;
    width: 28px;
    height: 28px;
}

.img-stat[b-svceqax24u] {
    margin-left: 4px;
}

.body-entry-time1[b-svceqax24u] {
    overflow-y: scroll;
    max-height: 675px;
    overflow-x: hidden;
}

.spancountLog[b-svceqax24u] {
    font-family: Franklin Gothic Medium Regular;
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    margin-left: -15px;
    font-size: 12px;
    width: 27px;
    height: 27px;
    line-height: 25px;
}

@media(max-height:657px) {
    .body-entry-time1[b-svceqax24u] {
        overflow-y: scroll;
        max-height: 520px;
        overflow-x: hidden;
    }
}
/*---------------------Note Modal----------------------------*/
.modal-note-content[b-svceqax24u] {
    margin-left: 155px;
    width: 387px;
    margin-top: 72px;
    background: white;
    height: 488px;
    box-shadow: 4px 4px 7px #0000008c;
    border-radius: 8px;
}

.modal-header-note[b-svceqax24u] {
    width: 387px;
    height: 60px;
    background: #8395A7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-note[b-svceqax24u] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 404px;
*/ height: 423px;
}

.div-comp[b-svceqax24u] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.img-note-modal[b-svceqax24u] {
    margin-top: 17px;
    margin-left: 15px;
    width: 21px;
    height: 29px;
    opacity: 1;
}

.triangle-left[b-svceqax24u] {
    border-bottom: solid 13px transparent;
    border-right: solid 13px white;
    border-top: solid 13px transparent;
    filter: drop-shadow(-4px 2px 2px #02171E33);
    height: 0;
    width: 0;
}

/*--------------------------Attachment Modal -------------------------------*/
.modal-att-content[b-svceqax24u] {
    width: 370px;
    margin-top: 72px;
    background: white;
    height: 465px;
    border-radius: 8px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-att[b-svceqax24u] {
    width: 370px;
    height: 60px;
    background: #0898D7 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-att[b-svceqax24u] {
    border-radius: 8px 8px 0px 0px;
    overflow-y: scroll;
    /*    width: 387px;
*/
}

.img-att-modal[b-svceqax24u] {
    margin-top: 17px;
    margin-left: 14px;
    width: 21px;
    height: 25px;
    opacity: 1;
}

.btn_upload[b-svceqax24u] {
    background-position: 23% 50%;
}

.div-box-demarerHorloge[b-svceqax24u] {
    background: #0FB9B1 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 17px;
    cursor: pointer;
}

.span-title-demarerHorloge[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 9px;
}

.img-demarage[b-svceqax24u] {
    margin-left: 6px;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
}

.span-chrono[b-svceqax24u] {
    text-align: left;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 29.47px;
    letter-spacing: -1.18px;
    color: #778CA3;
    opacity: 1;
    margin-top: 15px;
    margin-left: 16px;
}

.div-espace[b-svceqax24u] {
    margin-top: 9px;
}

.span-debut-chrono[b-svceqax24u] {
    letter-spacing: 0px;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.45px;
    color: #4B6584;
    margin-top: 18px;
    margin-left: 4px;
}

.div-box-entrermanuel[b-svceqax24u] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: pointer;
}

.div-box-entrermanuel1[b-svceqax24u] {
    background: #9A61A8 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 228px;
    height: 34px;
    margin-top: 11px;
    cursor: context-menu;
}

.modal-entrermanuel-content[b-svceqax24u] {
    width: 335px;
    height: 600px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-left: -83px;
}

.modal-body-entrermanuel[b-svceqax24u] {
    overflow-x: hidden;
    overflow: scroll;
}

.div-box-date-container[b-svceqax24u] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #02171E33;
    border-radius: 17px;
    opacity: 1;
    width: 262px;
    height: 38px;
    display: flex;
    flex-direction: row;
    margin-left: -7px;
}

.span-title-entrermanuel[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

.img-date-entrermanuel[b-svceqax24u] {
    width: 16px;
    height: 14px;
    margin-top: 12px;
    margin-left: 20px;
}

.img-heure-entrermanuel[b-svceqax24u] {
    margin-left: 10px;
    margin-top: 9px;
    width: 18px;
    height: 17px;
}

.div-box-date[b-svceqax24u] {
    width: 105px;
    height: 37px;
    background: #F1F3F6 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
}

.input-date[b-svceqax24u] {
    border: none;
    outline: none;
    height: inherit;
    width: 185px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    margin-top: 8px;
    margin-left: 7px;
    position: relative;
    margin-top: 10px;
    margin-left: 12px;
}

.input-date-heure[b-svceqax24u] {
    padding-left: 32px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
}

.input-timeOnly[b-svceqax24u] {
    padding-left: 13px;
    padding-top: 9px;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border: none;
    background: none;
    outline: none !important;
    width: 125%;
}

.div-box-heure[b-svceqax24u] {
    margin-top: -28px;
}

.div-title-manuel[b-svceqax24u] {
    padding-top: 10px;
    padding-bottom: 5px;
}

.div-box-note-container[b-svceqax24u] {
    width: 255px;
    height: 69px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border-radius: 20px;
    opacity: 1;
}

.textarea-note[b-svceqax24u] {
    height: inherit;
    width: inherit;
    border: none;
    background: none;
    resize: none;
    margin-top: 9px;
    outline: none;
    color: #35414C;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
}

/*------------------------------------Log Modal ----------------------------*/
.modal-log-content[b-svceqax24u] {
    margin-left: 69px;
    width: 385px;
    margin-top: 110px;
    background: white;
    height: 375px;
    border-radius: 8px;
    margin-left: 240px;
    box-shadow: 4px 4px 7px #0000008c;
}

.modal-header-log[b-svceqax24u] {
    width: 385px;
    height: 60px;
    background: #4B6584 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-body-log[b-svceqax24u] {
    border-radius: 8px;
    overflow: scroll;
    overflow-x: hidden;
}

.date-log-style[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 11px;
}

.date-log-img[b-svceqax24u] {
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.span-cumul[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 14px;
}

.span-cumul-content[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Book Regular';
    font-size: 10.5px;
}

.span-title-note[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 15px;
}

.span-title-note-content[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0.41px;
    color: #575E62;
    font-family: 'Franklin Book Regular';
    font-size: 12.5px;
}

.poslog-entrerheure[b-svceqax24u] {
    margin-top: -100px;
    margin-left: 228px;
}

/*---------------------------------------------------------Livrer Modal------------------------------------------------------*/
.modal-livrer-content[b-svceqax24u] {
    width: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
    margin-top: -18px;
}

.modal-header-livrer[b-svceqax24u] {
    width: 335px;
    height: 60px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-footer-livrer[b-svceqax24u] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.item-title[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20px;
}

.item-number[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0.4px;
    color: #8395A7;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
}

/*.modal-body-livrer {
    overflow: scroll;
    overflow-x: hidden;
}*/
.img-track[b-svceqax24u] {
    width: 31px;
    height: 23px;
    margin-left: 13px;
}

/*------------------------Requisition -------------------*/
.modal-header-req[b-svceqax24u] {
    width: 351px;
    height: 49px;
    background: #10AC84 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body-req[b-svceqax24u] {
    text-align: center;
    height: 80px;
    margin-top: 15px;
}

.modal-footer-req[b-svceqax24u] {
    width: 351px;
    height: 45px;
    background: #F4F7FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 7px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-req-content[b-svceqax24u] {
    width: 351px;
    height: 173px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000026;
    border-radius: 9px 9px 9px 9px;
    margin-top: 185px;
    margin-left: 245px;
    box-shadow: 2px 3px 4px #00000040;
}

.img-req[b-svceqax24u] {
    width: 33px;
    height: 33px;
    margin-top: -35px;
    margin-left: 208px;
    cursor: pointer;
}

.div-scan-cat[b-svceqax24u] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #E6E6E6;
    box-shadow: 3px 3px 6px #02171e33;
    padding-bottom: 9px;
}

.modal-title-req[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 18px;
    margin-left: 10px;
}

.btn-hover-confirm:hover[b-svceqax24u] {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #10AC84;
    opacity: 1;
}

.span-requistionner[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0px;
    color: #00AD6F;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 17px;
    margin-left: 8px;
    cursor: pointer;
}

    .span-requistionner:hover[b-svceqax24u] {
        text-align: left;
        text-decoration: underline;
        letter-spacing: 0px;
        color: #00AD6F;
        opacity: 1;
    }

.box-add[b-svceqax24u] {
    width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 2px #00000040;
    opacity: 1;
    cursor: pointer;
}

.span-count[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 20.77px;
}

.col-first:hover[b-svceqax24u] {
    border-radius: 0px 0px 0px 8px;
}

.col-last:hover[b-svceqax24u] {
    border-radius: 0px 0px 8px 0px;
}


.note-revue-pos[b-svceqax24u] {
    margin-left: 305px;
    margin-top: 142px;
}

.att-revue-pos[b-svceqax24u] {
    position: absolute;
    top: -496px;
    left: 488px;
}

.note-entrermanuel-pos[b-svceqax24u] {
    margin-left: 153px;
    margin-top: 157px;
}



.att-entrermanuel-pos[b-svceqax24u] {
    margin-left: 70px;
    margin-top: 162px;
}

.att-livrer-pos[b-svceqax24u] {
    margin-left: 114px;
}

.note-livrer-pos[b-svceqax24u] {
    margin-left: 233px;
}

.btn-confirm-livrer[b-svceqax24u] {
    background-color: #1DD1A1;
    color: white;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    border-radius: 16px;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.btn-cancel-livrer[b-svceqax24u] {
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 15px;
    background-color: white;
    color: #ED1C24;
    border-radius: 16px;
    box-shadow: 2px 2px 2px #00000040;
    width: 100px;
    height: 33px;
    outline: none !important;
    border: none;
}

.img-conf[b-svceqax24u] {
    width: 11px;
    height: 11px;
    margin-right: 7px;
}

.div-log-container[b-svceqax24u] {
    display: flex;
    flex-direction: column;
    width: 368px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    margin-bottom: 5px;
    margin-top: 3px;
}

    .div-log-container:hover[b-svceqax24u] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

.btn-add-new[b-svceqax24u] {
    width: 100%;
    margin-bottom: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    text-align: center;
    letter-spacing: 0.34px;
    color: #576574;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16px;
    outline: none !important;
}

.img-scan[b-svceqax24u] {
    width: 42px;
    height: 42px;
}

.span-scan[b-svceqax24u] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #1289A7;
    text-decoration: underline;
    cursor: pointer;
}

.span-catalog[b-svceqax24u] {
    font-family: Gravity-Bold;
    font-size: 14px;
    color: #CD84F1;
    text-decoration: underline;
    cursor: pointer;
}

.div-log[b-svceqax24u] {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.div-dte[b-svceqax24u] {
    padding-right: 14px;
}

@media (max-width:400px) {
    .display-date[b-svceqax24u] {
        display: block !important;
    }

    .display-date-sec[b-svceqax24u] {
        display: none !important;
    }
}

.display-date[b-svceqax24u] {
    display: none;
}

.modal-ts-content[b-svceqax24u] {
    margin-left: 155px;
    width: 333px;
    margin-top: 72px;
    background: white;
    height: 518px;
    box-shadow: 4px 4px 7px #00000042;
    border-radius: 8px;
}

.modal-header-ts[b-svceqax24u] {
    height: 60px;
    background: #268BFD;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
    flex-direction: row;
}

.modal-ts-note[b-svceqax24u] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    height: 445px;
}

.modal-body-ts[b-svceqax24u] {
    border-radius: 8px 8px 0px 0px;
    overflow: scroll;
    overflow-x: hidden;
    height: 435px;
}

.note-ts-pos[b-svceqax24u] {
    margin-left: 14px;
}

.modal-ts-footer[b-svceqax24u] {
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

/*supp style*/
.select-entry-style[b-svceqax24u] {
    font-family: 'Franklin Gothic Medium Regular';
    height: 35px;
    border: 1px solid #E6E6E6;
    box-shadow: none !important;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    width: 85%;
    outline: none !important;
}

.span-entry-title[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 14.5px;
    margin-left: 15px;
}

.span-entry-number[b-svceqax24u] {
    font-family: 'Franklin Gothic Book Regular';
    text-align: left;
    letter-spacing: 0.3px;
    color: #8395A7;
    font-size: 12px;
    margin-left: 15px;
}

.span-manualEntry[b-svceqax24u] {
    text-align: left;
    letter-spacing: 0px;
    color: #36485B;
    opacity: 1;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 16.5px;
}

.btn-confirm[b-svceqax24u] {
    width: 123px;
    height: 50px;
    background: none;
    border: none;
    outline: none !important;
}

.img-footer-note[b-svceqax24u] {
    width: 20px;
    height: 30px;
    margin-top: 10px;
    margin-left: -7px;
}

.img-footer-attchmnt[b-svceqax24u] {
    width: 12px;
    height: 22px;
    margin-top: 13px;
    margin-left: -7px;
}

.att-modal-from-log[b-svceqax24u] {
    margin-left: 325px;
    margin-top: 160px;
}

.no-margin[b-svceqax24u] {
    margin: 0;
}

input[type="date"][b-svceqax24u]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.input-entry-style[b-svceqax24u] {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 85%;
    outline: none !important;
}
/* /Mobiles/TimeSheet-mobile/TimeSheetCardMobileComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.list-title[b-yji8a939w5] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.icon-list-code[b-yji8a939w5] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.list-sub-title[b-yji8a939w5] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.list-ref[b-yji8a939w5] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.list-price[b-yji8a939w5] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.list-state[b-yji8a939w5] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
    margin-top: 3px;
    margin-left: 3px;
}
.img-round[b-yji8a939w5] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.div-col-res[b-yji8a939w5] {
    flex-direction: column;
    display: flex;
    padding-left: 12px;
    padding-bottom: 5px;
}

.div-row-res[b-yji8a939w5] {
    display: flex;
    margin-left: 8px;
    margin-top: 6px;
}
.div-state[b-yji8a939w5] {
    display: flex;
    padding-left: 13px;
}

.list-card[b-yji8a939w5] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .list-card:hover[b-yji8a939w5] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 500px) {
 .div-content[b-yji8a939w5] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-yji8a939w5] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}
.list-div[b-yji8a939w5] {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}
.is_header[b-yji8a939w5] {
    border: none !important;
    box-shadow: none !important;
}
/* /Mobiles/TimeSheet-mobile/TimeSheetComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.project-title[b-twls3xiub4] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.div-content[b-twls3xiub4] {
    overflow: scroll;
    height: calc(100vh - 156px);
    display: grid;
}

.icon-project-code[b-twls3xiub4] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.project-sub-title[b-twls3xiub4] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.project-ref[b-twls3xiub4] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.project-price[b-twls3xiub4] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.project-state[b-twls3xiub4] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
}

.project-card[b-twls3xiub4] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .project-card:hover[b-twls3xiub4] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 600px) {
    .div-content[b-twls3xiub4] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-twls3xiub4] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}
/* /Mobiles/TimeSheet-mobile/TimeSheetDetailMobileViewList.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.project-title[b-18cvhyh7bt] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.div-content[b-18cvhyh7bt] {
    overflow: scroll;
    height: calc(100vh - 400px);
    display: grid;
}

.icon-project-code[b-18cvhyh7bt] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.project-sub-title[b-18cvhyh7bt] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.project-ref[b-18cvhyh7bt] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.project-price[b-18cvhyh7bt] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.project-state[b-18cvhyh7bt] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
}

.project-card[b-18cvhyh7bt] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .project-card:hover[b-18cvhyh7bt] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 600px) {
    .div-content[b-18cvhyh7bt] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-18cvhyh7bt] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}
/* /Mobiles/TimeSheet-mobile/TimeSheetNewEntryMobile.razor.rz.scp.css */

[b-h9mov610z4] .iconcal {
    width: 95% !important;
}

[b-h9mov610z4] .input-entry-style {
    background-color: white;
    font-family: 'Franklin Gothic Medium Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 35px;
    border: 1px solid #E6E6E6;
    border-radius: 18px;
    font-size: 14px;
    color: #35414C;
    padding: 14px;
    width: 95%;
    outline: none !important;
}
[b-h9mov610z4] .select-entry-style {
    width: 95% !important;
}
/* /Mobiles/TimeSheet-mobile/TimeSheetNewMobile.razor.rz.scp.css */

.iconcal[b-3swgbzkuq1]{
    width:95% !important; 
}

/* /Mobiles/UserManagement-mobile/ManageRoleFeatureCard.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.list-title[b-o9y0u5yk6e] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.icon-list-code[b-o9y0u5yk6e] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.list-sub-title[b-o9y0u5yk6e] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.list-ref[b-o9y0u5yk6e] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.list-price[b-o9y0u5yk6e] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.img-round[b-o9y0u5yk6e] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}


.div-col-res[b-o9y0u5yk6e] {
    flex-direction: column;
    display: flex;
    padding-left: 12px;
    padding-bottom: 5px;
}

.div-row-res[b-o9y0u5yk6e] {
    display: flex;
    margin-left: 8px;
    margin-top: 6px;
}

.list-state[b-o9y0u5yk6e] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
    margin-top: 3px;
    margin-left: 3px;
}

.div-state[b-o9y0u5yk6e] {
    display: flex;
    padding-left: 13px;
}

.list-card[b-o9y0u5yk6e] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .list-card:hover[b-o9y0u5yk6e] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 500px) {
    .div-content[b-o9y0u5yk6e] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-o9y0u5yk6e] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}

.list-div[b-o9y0u5yk6e] {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}


.icon-list-code[b-o9y0u5yk6e] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}
.div-content[b-o9y0u5yk6e] {
    overflow: scroll;
    height: calc(100vh - 106px);
    display: grid;
}
/* /Mobiles/UserManagement-mobile/RoleCardComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.list-title[b-fouyfljli7] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.icon-list-code[b-fouyfljli7] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.list-sub-title[b-fouyfljli7] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.list-ref[b-fouyfljli7] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.list-price[b-fouyfljli7] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.img-round[b-fouyfljli7] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}


.div-col-res[b-fouyfljli7] {
    flex-direction: column;
    display: flex;
    padding-left: 12px;
    padding-bottom: 5px;
}

.div-row-res[b-fouyfljli7] {
    display: flex;
    margin-left: 8px;
    margin-top: 6px;
}

.list-state[b-fouyfljli7] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
    margin-top: 3px;
    margin-left: 3px;
}

.div-state[b-fouyfljli7] {
    display: flex;
    padding-left: 13px;
}

.list-card[b-fouyfljli7] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .list-card:hover[b-fouyfljli7] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 500px) {
    .div-content[b-fouyfljli7] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-fouyfljli7] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}

.list-div[b-fouyfljli7] {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}


.icon-list-code[b-fouyfljli7] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}
/* /Mobiles/UserManagement-mobile/UserCardComponent.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.list-title[b-cuy7oi3yj0] {
    text-align: left;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 17px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.icon-list-code[b-cuy7oi3yj0] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}

.list-sub-title[b-cuy7oi3yj0] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 14.08px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-right: 15px;
}

.list-ref[b-cuy7oi3yj0] {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Book Regular';
    margin-right: 15px;
}

.list-price[b-cuy7oi3yj0] {
    text-align: right;
    letter-spacing: 0px;
    color: #404A54;
    opacity: 1;
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
}

.img-round[b-cuy7oi3yj0] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}


.div-col-res[b-cuy7oi3yj0] {
    flex-direction: column;
    display: flex;
    padding-left: 12px;
    padding-bottom: 5px;
}

.div-row-res[b-cuy7oi3yj0] {
    display: flex;
    margin-left: 8px;
    margin-top: 6px;
}

.list-state[b-cuy7oi3yj0] {
    text-align: right;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 11.57px;
    font-family: 'Franklin Gothic Book Regular';
    margin-top: 3px;
    margin-left: 3px;
}

.div-state[b-cuy7oi3yj0] {
    display: flex;
    padding-left: 13px;
}

.list-card[b-cuy7oi3yj0] {
    padding: 1.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 2px 2px 6px #00000040;
    padding-top: 0.5rem;
    margin: 0.2rem;
}

    .list-card:hover[b-cuy7oi3yj0] {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        box-shadow: 2px 2px 9px #00000040;
    }

@media (min-width: 500px) {
    .div-content[b-cuy7oi3yj0] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.small-span[b-cuy7oi3yj0] {
    text-align: left;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    font-size: 13.85px;
    font-family: 'Franklin Gothic Book Regular';
}

.list-div[b-cuy7oi3yj0] {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}


.icon-list-code[b-cuy7oi3yj0] {
    width: 30px;
    height: 30px;
    font-family: 'Franklin Gothic Medium Regular';
    font-size: 11px;
    text-align: left;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
    position: relative;
    top: 5px;
    margin-left: 7px;
    background-color: rebeccapurple;
}
/* /Pages/BAN/BANBankPages/TransactionsPage.razor.rz.scp.css */
/* /Pages/BAN/BANRapprochementPages/ListRapprochementPage.razor.rz.scp.css */
.rapp-btn[b-rbnh44qacf] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 3px #00000059;
    opacity: 1;
    height: 45px;
    width: 45px;
    z-index: 20;
    position: relative;
    border: none;
    border-radius: 50%;
    right: 5px;
    margin-top: 8px;
}

    .rapp-btn:focus[b-rbnh44qacf] {
        outline: none;
    }
/* /Pages/CalendarTemplate/CalendarTemplateDetailsPage.razor.rz.scp.css */
.div-content-temp[b-t85ezqy0ji] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171e33;
    border: 1px solid #CAD2E5;
    opacity: 1;
    height: calc(100vh - 98px);
    overflow: scroll;
}
.div-header-temp[b-t85ezqy0ji] {
    display:flex;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171e33;
    border: 1px solid #CAD2E5;
    opacity: 1;
}
[b-t85ezqy0ji] .prj-btn-style{
    display:block;
}
.container-list[b-t85ezqy0ji] {
    padding-left: 0;
    padding-right: 0;
}
[b-t85ezqy0ji] .btnstyle {
    font-family: 'GravityBold';
    font-size: 15px;
}
/* /Pages/CommandePages/CommandeDetailPage.razor.rz.scp.css */
 
/* /Pages/Component.razor.rz.scp.css */
 
.div-card-content[b-fa9sv4dp0e] {
    display: flex;
    flex-direction: row;
    position: relative;
    margin-top: 4px;
    padding-left: 2px;
}

    .div-card-content[b-fa9sv4dp0e]::-webkit-scrollbar {
        display: none;
    }

.arrow-left[b-fa9sv4dp0e] {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #ffffff;
    position: absolute;
    right: -2px;
    top: 20px;
}
.taskTitle[b-fa9sv4dp0e] {
    line-height: 20px;
    margin-top: -1.5px;
    text-align: left;
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}
[b-fa9sv4dp0e]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

@media screen and (max-width: 1024px) {
    .div-card[b-fa9sv4dp0e] {
        width: 85%;
        height: 220px !important;
    }

    .div-card-calendar[b-fa9sv4dp0e] {
        width: 100% !important;
    }
}

.div-card[b-fa9sv4dp0e] {
    border-radius: 1px;
    background: rgba(230,234,237,.2);
    height: 220px;
}

.card-task:hover[b-fa9sv4dp0e] {
    box-shadow: 2px 1px 10px #00000040;
}


.taskCode[b-fa9sv4dp0e] {
    overflow: visible;
    width: 37px;
    white-space: nowrap;
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: rgba(131,149,167,1);
    letter-spacing: 0.25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
}

.percentage-task-progress[b-fa9sv4dp0e] {
    text-align: left;
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 9px;
    letter-spacing: 0.35px;
    color: #808080;
    opacity: 1;
    margin-right: 5px;
    padding-top: 2px;
    position: relative;
    top: 0px;
}

.taskTitle[b-fa9sv4dp0e] {
    /* overflow: visible; */
    /* white-space: nowrap; */
    line-height: 20px;
    margin-top: -1.5px;
    text-align: left;
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* width: 205px; */
}

.emplacement[b-fa9sv4dp0e] {
    overflow: visible;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'GravityRegular';
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: rgba(87,101,116,1);
}

.userimg[b-fa9sv4dp0e] {
    width: 31px;
    /*height: 47px;*/
    object-fit: cover;
    /*border-radius: 50%;*/
}

.city[b-fa9sv4dp0e] {
    overflow: visible;
    width: 55px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'GravityRegular';
    font-size: 14px;
    color: #576574;
    color: rgba(87,101,116,1);
}

.cityimg[b-fa9sv4dp0e] {
    width: 15px;
    height: 15px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 5px;
    margin-left: 15px;
}

.citynb[b-fa9sv4dp0e] {
    overflow: visible;
    width: 58px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'GravityRegular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(131,149,167,1);
    float: left;
    margin-left: 17px;
}

.b1[b-fa9sv4dp0e], .b2[b-fa9sv4dp0e], .b3[b-fa9sv4dp0e] {
    display: inline-table;
}

.bl1[b-fa9sv4dp0e], .bl2[b-fa9sv4dp0e] {
    display: inline-table;
}

.datestyle[b-fa9sv4dp0e] {
    overflow: visible;
    width: 80px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'GravityRegular';
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    color: #576574;
}

.dateimg[b-fa9sv4dp0e] {
    width: 14px;
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.labelper[b-fa9sv4dp0e] {
    color: #808080;
    font-family: 'GravityRegular';
    font-size: 10px;
    margin-left: 168px;
}

progress[value][b-fa9sv4dp0e] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 62px;
    height: 6px;
    margin-left: 126px;
    margin-top: -9px;
}



    progress[value][b-fa9sv4dp0e]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }



    progress[value][b-fa9sv4dp0e]::-webkit-progress-value {
        background-color: #8395A7;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.taskTitle:hover[b-fa9sv4dp0e] {
    text-decoration: underline;
}

.task-card[b-fa9sv4dp0e] {
    width: 368px;
    width: 368px;
}

.div-search-filter[b-fa9sv4dp0e] {
    display: flex;
    flex-direction: row;
    width: 368px
}

.div-list-cards[b-fa9sv4dp0e] {
    overflow: scroll;
    max-height: 760px;
    overflow-x: hidden;
    width: 368px;
}

.NbreResource[b-fa9sv4dp0e] {
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    text-align: center;
    min-width: 30px;
    padding: -10px;
    opacity: 1;
    float: right;
    font-size: 10.6px;
    width: 30px;
    height: 30px;
    padding-right: 2px;
    padding-top: 5px !important;
    font-family: Franklin Gothic Medium Regular;
    margin-bottom: 0px !important;
    margin-top: -7px;
    margin-left: -2px;
}

.div-hover-call[b-fa9sv4dp0e] {
    cursor: pointer !important;
    /*display:none;*/
    position: absolute;
    /*top: 30px;*/
    top: 12px;
    right: 15px;
    visibility: visible !important;
    opacity: 1 !important;
    transition: visibility, opacity linear 0.3s;
}
/*.div-hover-call:hover {
    visibility: visible !important;
    opacity: 1 !important;
}*/
.card-button[b-fa9sv4dp0e] {
    width: 40px;
    padding-left: 5px;
    padding-right: 5px;
}

[b-fa9sv4dp0e] .img-rnd {
    width: 11px;
    height: 21px;
    margin-top: -3px;
}

.personalcard:hover[b-fa9sv4dp0e] {
    background-color: #f2f1f7
}
/* /Pages/CRM/Client/NewClientPage.razor.rz.scp.css */
/* /Pages/CRM/Contact/NewContactPage.razor.rz.scp.css */
/* /Pages/CRM/Rapport/CardStatementAccount.razor.rz.scp.css */
.round[b-k3aksfsin2] {
    margin-top: 25px;
    width: 50px;
    height: 50px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 50%;
    float: right;
    text-align: center;
    margin-right: 20px;
}

.span-round[b-k3aksfsin2] {
    font-size: 34px;
    font-weight: bold;
    font-family: 'GravityBold';
    margin-top: -6px;
}

.span-round-title[b-k3aksfsin2] {
    font-family: 'GravityBold';
    font-size: 15px;
    margin-bottom: 5px;
    color: #576574;
}

.card-styles[b-k3aksfsin2] {
   
    display: flex;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
   
    border-radius: 6px;
    margin-left: 10px;
    height: 160px;
    padding: 5px 0px;
    font-family: 'GravityRegular';
}

.round-img[b-k3aksfsin2] {
    margin-top: 9px;
}

.box[b-k3aksfsin2] {
    background-size: 21px !important;
    background-position: 10% 32% !important;
    padding-left: 55px;
    height: 56px;
    color: #35414C;
    font-size: 20px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);

}
.facture:hover[b-k3aksfsin2], .factureactive[b-k3aksfsin2] 
{
    border-top: 5px solid #54a6bf;
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.commande:hover[b-k3aksfsin2], .commandeactive[b-k3aksfsin2] {
    border-top: 5px solid #0984e3;
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
/* /Pages/CRM/Rapport/ChartStatementAccount.razor.rz.scp.css */
.round[b-c2vqsgmnog] {
    margin-top: 25px;
    width: 50px;
    height: 50px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 50%;
    float: right;
    text-align: center;
    margin-right: 20px;
}

.span-round[b-c2vqsgmnog] {
    font-size: 34px;
    font-weight: bold;
    font-family: 'GravityBold';
    margin-top: -6px;
}

.span-round-title[b-c2vqsgmnog] {
    font-family: 'GravityBold';
    font-size: 15px;
    margin-bottom: 5px;
    color: #576574;
}

.card-styles[b-c2vqsgmnog] {
   
    display: flex;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
   
    border-radius: 6px;
    margin-left: 10px;
    height: 160px;
    padding: 5px 0px;
    font-family: 'GravityRegular';
}

.round-img[b-c2vqsgmnog] {
    margin-top: 9px;
}
.box[b-c2vqsgmnog] {
    background-size: 21px !important;
    background-position: 10% 32% !important;
    padding-left: 55px;
    height: 56px;
    color: #35414C;
    font-size: 20px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);

}
/* /Pages/CRM/Rapport/FiltreModalFactureReleveCompte.razor.rz.scp.css */
.label-style[b-26ilx2gncx] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}

.liselect:last-child[b-26ilx2gncx] {
    border-bottom: unset;
}

.liselect[b-26ilx2gncx] {
    border-bottom: 2px solid #eaeaea;
}

    .liselect:hover[b-26ilx2gncx] {
        box-shadow: 2px 2px 9px #00000040;
    }

.selectlist[b-26ilx2gncx] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000042;
    border-radius: 9px;
}

.selectedvalue:hover[b-26ilx2gncx] {
    cursor: pointer;
}


.modal-dialog-filter[b-26ilx2gncx] {
    max-width: 580px;
    width: 580px;
    position: fixed;
    top: 25%;
    left: 29%;
}

.modal-filter-content[b-26ilx2gncx] {
    width: 580px;
    height: auto;
}

.modal-header-filter[b-26ilx2gncx] {
    width: 580px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-26ilx2gncx] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-26ilx2gncx] {
    margin-top: 17px;
}

.closepop-entrerheure[b-26ilx2gncx] {
    float: right;
}

.modal-body-filter[b-26ilx2gncx] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-26ilx2gncx] {
    font-family: 'Franklin Gothic Medium Regular';
}

.modal-footer-filter[b-26ilx2gncx] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-26ilx2gncx] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-26ilx2gncx] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-26ilx2gncx] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}

.nrnInput[b-26ilx2gncx] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.border-input:hover[b-26ilx2gncx] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.nrnInput:disabled[b-26ilx2gncx], .nrnInput[readonly][b-26ilx2gncx] {
    background-color: transparent;
    opacity: 1;
}

.input-filter[b-26ilx2gncx]::-webkit-inner-spin-button,
.input-filter[b-26ilx2gncx]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}



.inputSelectSimple[b-26ilx2gncx] {
    margin-left: -14px;
    width: 100%;
}

.datecss[b-26ilx2gncx] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    color: #35414C;
    height: 32px !important;
    margin-left: 0px;
}
/* /Pages/CRM/Rapport/FiltreModalOrderReleveCompte.razor.rz.scp.css */
.label-style[b-obg2lc3o2j] {
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
}

.liselect:last-child[b-obg2lc3o2j] {
    border-bottom: unset;
}

.liselect[b-obg2lc3o2j] {
    border-bottom: 2px solid #eaeaea;
}

    .liselect:hover[b-obg2lc3o2j] {
        box-shadow: 2px 2px 9px #00000040;
    }

.selectlist[b-obg2lc3o2j] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000042;
    border-radius: 9px;
}

.selectedvalue:hover[b-obg2lc3o2j] {
    cursor: pointer;
}


.modal-dialog-filter[b-obg2lc3o2j] {
    max-width: 580px;
    width: 580px;
    position: fixed;
    top: 25%;
    left: 29%;
}

.modal-filter-content[b-obg2lc3o2j] {
    width: 580px;
    height: auto;
}

.modal-header-filter[b-obg2lc3o2j] {
    width: 580px;
    margin-left: 0px;
    background: #007bff 0% 0% no-repeat padding-box;
}

.icon-filter[b-obg2lc3o2j] {
    margin-top: 20px;
    margin-bottom: 34px;
}

.col-filter[b-obg2lc3o2j] {
    margin-top: 17px;
}

.closepop-entrerheure[b-obg2lc3o2j] {
    float: right;
}

.modal-body-filter[b-obg2lc3o2j] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.labelStyle[b-obg2lc3o2j] {
    font-family: 'Franklin Gothic Medium Regular';
}

.modal-footer-filter[b-obg2lc3o2j] {
    width: 335px;
    height: 52px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    padding: 0;
}

.modal-header-filter[b-obg2lc3o2j] {
    height: 60px;
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    display: flex;
}

.modal-body-filter[b-obg2lc3o2j] {
    overflow: scroll;
    overflow-x: hidden;
}

.modal-filter-content[b-obg2lc3o2j] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 10px #00000040;
    border-radius: 9px;
    opacity: 1;
    margin-left: -78px;
}

.nrnInput[b-obg2lc3o2j] {
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    padding-left: 15px;
    color: #35414C;
    width: 193px;
    height: 32px !important;
}

.border-input:hover[b-obg2lc3o2j] {
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    opacity: 1;
}

.nrnInput:disabled[b-obg2lc3o2j], .nrnInput[readonly][b-obg2lc3o2j] {
    background-color: transparent;
    opacity: 1;
}

.input-filter[b-obg2lc3o2j]::-webkit-inner-spin-button,
.input-filter[b-obg2lc3o2j]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}



.inputSelectSimple[b-obg2lc3o2j] {
    margin-left: -14px;
    width: 100%;
}

.datecss[b-obg2lc3o2j] {
    background: none;
    background-position: bottom 9px right 10px;
    background-color: transparent;
    border: transparent;
    border-radius: 9px;
    opacity: 1;
    resize: none;
    outline: none;
    font-family: 'GravityRegular';
    font-size: 14px;
    padding: 9px;
    color: #35414C;
    height: 32px !important;
    margin-left: 0px;
}
/* /Pages/INV/Parametrage/TracabiliteValeur/NewTracabiliteValeur.razor.rz.scp.css */
.ellipsis[b-atmd38dzx2] {
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.artigo_nome[b-atmd38dzx2] {
    margin-left: -1px;
    padding-left: 10px;
    border-style: solid;
    border-bottom: 2px solid #f2f1f8;
    font-size: small;
    /* display: inline-block; */
    /* max-width: 500px; */
    min-width: 189px;
    word-break: break-all;
    border-left: none;
    border-right: none;
    border-top: none;
}

label[b-atmd38dzx2] {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.item-select[b-atmd38dzx2] {
    font-family: 'GravityRegular';
    color: #4C4C4C;
    height: 121px;
    line-height: 43px;
    font-size: 13px;
    text-align: center;
}

.buttons-valid[b-atmd38dzx2] {
    background: #007bc5;
    background-position: 20px 50% !important;
    background-size: 14px !important;
    width: 153px !important;
    height: 41px !important;
    border: none;
    color: #FFFFFF;
    font-size: 15px;
    text-align: center;
    font-family: 'GravityRegular';
    border-radius: 10px;
    margin-bottom: 10px;
}
/* /Pages/INV/Parametrage/Tracabilite/NewTracabilitePage.razor.rz.scp.css */
.ellipsis[b-nx2jsl6xuw] {
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.artigo_nome[b-nx2jsl6xuw] {
    margin-left: -1px;
    padding-left: 10px;
    border-style: solid;
    border-bottom: 2px solid #f2f1f8;
    font-size: small;
    /* display: inline-block; */
    /* max-width: 500px; */
    min-width: 189px;
    word-break: break-all;
    border-left: none;
    border-right: none;
    border-top: none;
}
label[b-nx2jsl6xuw] {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.item-select[b-nx2jsl6xuw] {
    font-family: 'GravityRegular';
    color: #4C4C4C;
    height: 121px;
    line-height: 43px;
    font-size: 13px;
    text-align: center;
}
.buttons-valid[b-nx2jsl6xuw] {
    background: #007bc5 ;
    background-position: 20px 50% !important;
    background-size: 14px !important;
    width: 153px !important;
    height: 41px !important;
    border: none;
    color: #FFFFFF;
    font-size: 15px;
    text-align: center;
    font-family: 'GravityRegular';
    border-radius: 10px;
    margin-bottom: 10px;
}

@media screen and (min-width:1700px) {
    .container-header[b-nx2jsl6xuw] {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        height:850px;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-header[b-nx2jsl6xuw] {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        height:635px;
    }
}
/* /Pages/projectPages/Deliverable/DeliverableDetailPage.razor.rz.scp.css */
@media screen and (min-width:1700px) {
    .container-header[b-7fz45vbu3j] {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        height: 851px;
    }
}

@media screen and (min-width:1300px) and (max-width:1699px) {
    .container-header[b-7fz45vbu3j] {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        height: 634px;
    }
}
/* /Pages/projectPages/DetailsProject.razor.rz.scp.css */
[b-vj53fnnrcd] .modal-ts-content {
    height: 446px;
}

[b-vj53fnnrcd] .modal-body-ts {
    height: 346px;
}

[b-vj53fnnrcd] .entry-details-div {
    margin-left: 13px;
    margin-top: 7px;
}

[b-vj53fnnrcd] .select-entry-style {
    width: 90%;
 }

[b-vj53fnnrcd] .div-box-date-container {
    width: 90%;
}
/* /Pages/projectPages/ListProjectsPage.razor.rz.scp.css */
@media only screen and (max-width: 1050px)
{
    .container-list[b-265joo9idk] {
        width: 1200px;
        overflow: scroll;
    }
    .div-cont[b-265joo9idk] {
        overflow-x: scroll;
    }
}
/* /Pages/projectPages/ProjResourceAssign.razor.rz.scp.css */
.div-group-child[b-bz9vhl09ez] {
    margin-left:0;
}
/* /Pages/ResourcesBookingCalendar/Index.razor.rz.scp.css */
@font-face {
    font-family: Montserrat-Regular;
    src: url('../../../open-iconic/font/fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: franklin-gothic-book;
    src: url('../../../open-iconic/font/fonts/franklin-gothic-book.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Book Regular;
    src: url('../../../open-iconic/font/fonts/Franklin Book Regular.otf') format('opentype');
}

@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-2c4v5ftdwq]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.div-left-menu[b-2c4v5ftdwq] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #00000040;
    border: 0.25px solid #E6E6E6;
    opacity: 1;
    display: flex;
    flex-direction: row;
    margin-bottom: -3px;
    /*	margin-top: -7px;
*/ padding: 0px;
}

.div-list-cal[b-2c4v5ftdwq] {
    height: 106px;
    /* width: 240px;*/
    /*        min-width: 20%;
*/
}

.div-left[b-2c4v5ftdwq] {
    /*        max-height: calc(100vh - 165px); 
        height: calc(100vh - 57px);
*/
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /* box-shadow: 2px 2px 4px #02171E33;*/
    border: 1px solid #EEEEEE;
    opacity: 1;
    width: 240px;
}

.div-ress[b-2c4v5ftdwq] {
    overflow: scroll;
    height: calc(100vh - 57px);
}

.btnstyle[b-2c4v5ftdwq], .btn-competence[b-2c4v5ftdwq], .btnstyle-note[b-2c4v5ftdwq] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}

.div-detail-infos[b-2c4v5ftdwq] {
    width: 984px;
    margin-top: -4px;
    margin-left: -5px;
}

.div-detail-leftmenu[b-2c4v5ftdwq] {
    padding-right: 0px;
    padding-left: 0px;
    max-width: 386px;
    position: relative;
    width: 100%;
    flex: 0 0 33.333333%;
}

.div-taskdetail-header[b-2c4v5ftdwq] {
    display: inline-table;
    box-shadow: 0px 3px 6px #00000029;
    height: 54px;
    width: 100%;
}


[b-2c4v5ftdwq] .btnstyle, .btn-competence[b-2c4v5ftdwq], .btnstyle-note[b-2c4v5ftdwq] {
    border: 1px solid transparent;
    background: none;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    height: 59px;
    letter-spacing: 0.28px;
    color: #2C333A;
    outline: none !important;
}

[b-2c4v5ftdwq] .btn-competence {
    width: 100%;
}


[b-2c4v5ftdwq] .btn-leftmenu-active {
    color: #0898D7;
    height: 59px;
    border-bottom: 4px solid #0898D7;
    opacity: 0.92;
}

[b-2c4v5ftdwq] .btn-leftmenu-comp-active {
    color: #1DD1A1;
    border-bottom: 4px solid #1DD1A1;
    opacity: 0.92;
}

[b-2c4v5ftdwq] .imgstyle {
    margin-top: -1px;
    margin-right: 5px;
    width: 14.5px;
    height: 20px;
}

[b-2c4v5ftdwq] .prj-img-style {
    margin-top: 7px !important;
    margin-bottom: -4px;
}

.div-day[b-2c4v5ftdwq] {
    width: calc(100%/20);
    border-left: 1px solid #EEEEEE;
    /*    height: calc(100vh - 113px );
*/
}

.div-fst[b-2c4v5ftdwq] {
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-bottom: 5px solid #18AA00;
}

.div-sec[b-2c4v5ftdwq] {
    /*    border-left: 1px solid #00000028;
*/ border-top: 1px solid #EEEEEE;
    border-bottom: 5px solid #EEEEEE;
}

.flex-row[b-2c4v5ftdwq] {
    width: 100%;
    /*   margin-top: 9px;*/
}

.date-day[b-2c4v5ftdwq] {
    min-height: 41px;
    height: unset;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 9px;
    text-align: center;
}

.date-cal[b-2c4v5ftdwq] {
    display: grid;
}

.div-day-weekend[b-2c4v5ftdwq] {
    width: calc(100%/20);
    border-left: 1px solid #EEEEEE;
    background: #eeeeee6b;
    /*    height: calc(100vh - 113px );
*/
}

.spandate[b-2c4v5ftdwq] {
    letter-spacing: 0px;
    color: #4B6584;
    opacity: 1;
    padding-right: 34px;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    font-weight: normal !important;
}

.arrow-rightt[b-2c4v5ftdwq] {
    padding-left: 20px;
    cursor: pointer;
    margin-top: 17px;
}

.input-date-month[b-2c4v5ftdwq]::-webkit-calendar-picker-indicator {
    opacity: 0;
    background: black;
    width: 140px;
    position: absolute;
}

.input-date-month[b-2c4v5ftdwq] {
    text-align: center;
    border: none;
    outline: none;
    background: #f1f1f1;
    margin-top: -2px;
}

.div-header-cal[b-2c4v5ftdwq] {
    width: 100%;
    display: flex;
    height: 45px;
    /*    flex-grow: 1;
*/ background-color: #f1f1f1;
    box-shadow: 0px 0px 8px 0px #00000029 inset;
}

.header-calend[b-2c4v5ftdwq] {
    margin-top: 11px;
    flex: auto;
}

.div-cont[b-2c4v5ftdwq] {
    display: flex;
    overflow-y: hidden;
    overflow-x: scroll;
    /*   height: calc(100vh - 115px );*/
}

.calend-cont[b-2c4v5ftdwq] {
    display: flex;
    /*    overflow-x: scroll;
*/
}

/* Designing for scroll-bar */
[b-2c4v5ftdwq]::-webkit-scrollbar {
    width: 9px !important;
}

/* Track */
[b-2c4v5ftdwq]::-webkit-scrollbar-track {
    background: #dcdcdc9c !important;
    border-radius: 8px;
}

/* Handle */
[b-2c4v5ftdwq]::-webkit-scrollbar-thumb {
    background: #7c7b7bb3 !important;
    border-radius: 18px;
}

.span-show-more[b-2c4v5ftdwq] {
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}
/* Handle on hover */
[b-2c4v5ftdwq]::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.div-calend[b-2c4v5ftdwq] {
    display: flex;
    flex-direction: row;
    /*   flex-direction: column;*/
    /*    flex-grow: 1;*/
    /* width:100%;*/
    /*   width: calc(100vw - 240px );
 */
}

.span-selct[b-2c4v5ftdwq] {
    color: #18AA00;
}

.im-arrow[b-2c4v5ftdwq] {
    padding-right: 23px;
    /*    padding-top: 9px;
*/ cursor: pointer;
    width: 33px;
}

@media(max-width:1100px) {
    .date-day[b-2c4v5ftdwq] {
        font-size: 14px;
        padding-left: 4px;
    }
}

.div-searchcal[b-2c4v5ftdwq] {
    border-bottom: 5px solid #EEEEEE;
    /*height: 110px;*/
    height: 109px;
    width: 240px;
    /*height: 6.8em;*/
}

.span-search[b-2c4v5ftdwq] {
    padding-left: 6px;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #4B6584;
}

.input-search[b-2c4v5ftdwq] {
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    border: transparent;
    border-bottom: 3px solid #EEEEEE;
    width: 204px;
    outline: none;
}

.div-pa[b-2c4v5ftdwq] {
    padding-top: 13px;
    padding-left: 18px;
}

[b-2c4v5ftdwq] .div-calsplit {
    border-bottom: 2px solid #EEEEEE;
    height: 97px;
}

[b-2c4v5ftdwq] .div-calsplit-small {
    border-bottom: 2px solid #EEEEEE;
    height: 30px;
}

[b-2c4v5ftdwq] .div-calsplit-smalllast {
    border-bottom: 4px solid #EEEEEE;
    height: 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.div-pers[b-2c4v5ftdwq] {
    height: calc(100% / 2);
    margin-top: -6px;
}

.div-perss[b-2c4v5ftdwq] {
    height: calc(100% / 2);
    margin-top: -2px;
}

.div-split-res[b-2c4v5ftdwq] {
    height: 114px;
    border-bottom: 4px solid #EEEEEE;
}

[b-2c4v5ftdwq] .span-blue {
    font-family: 'Franklin Gothic Medium Regular';
    color: white;
    font-size: 12px;
    padding-left: 6px;
}

[b-2c4v5ftdwq] .div-blue {
    width: 102.5%;
    position: relative;
    height: 26px;
    background: #0043ffe3;
    /*    margin-top: 6px;*/
    /*  border-radius: 4px;*/
}

[b-2c4v5ftdwq] .div-green {
    width: 102.5%;
    position: relative;
    height: 26px;
    /*   margin-top: 6px;*/
    background: #1DD1A1;
    /*  border-radius: 4px;*/
}

[b-2c4v5ftdwq] .div-red {
    width: 102.5%;
    position: relative;
    height: 26px;
    background: #e64e94;
    /* margin-top: 6px;*/
    /* border-radius: 4px;*/
}

[b-2c4v5ftdwq] .div-redEmpty {
    width: 102.5%;
    position: relative;
    height: 26px;
    background: #B20000;
    /* margin-top: 6px;*/
    /* border-radius: 4px;*/
}

[b-2c4v5ftdwq] .div-absence {
    height: 30px;
}

.img-abs[b-2c4v5ftdwq] {
    width: 14px;
    height: 24px;
    margin-left: 4px;
}

.img-ab[b-2c4v5ftdwq] {
    width: 19px;
    height: 21px;
    margin-left: 2px;
}

.div-occup[b-2c4v5ftdwq] {
    height: 30px;
}

.divchauv[b-2c4v5ftdwq] {
    height: 28px;
}

.div-absence[b-2c4v5ftdwq], .div-booking[b-2c4v5ftdwq], .div-occup[b-2c4v5ftdwq] {
    border-bottom: 2px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    background: #eeeeee7d;
}

.div-res-tt[b-2c4v5ftdwq] {
    width: 215px;
}

.divchauv[b-2c4v5ftdwq] {
    border-left: 1px solid #EEEEEE;
    background: #eeeeee7d;
}

.div-scroll-cal[b-2c4v5ftdwq] {
    overflow-y: scroll;
    height: calc(100vh - 229px );
}

.span-chav[b-2c4v5ftdwq] {
    font-family: 'Franklin Gothic Demi Regular';
    font-size: 13.5px;
    text-align: center;
    color: #C4C4C4;
    padding-left: 2px;
}
/*.div-cont::-webkit-scrollbar {
    width: 9px !important;
}*/
.circle-chauv[b-2c4v5ftdwq] {
    border: 2px solid #cd1515ab;
    border-radius: 13px;
    height: 12px;
    width: 93%;
    margin-left: 2px;
    margin-top: 6px;
    text-align: center;
}

.divress[b-2c4v5ftdwq] {
    padding-left: 10px;
    padding-top: 9px;
}

[b-2c4v5ftdwq]::-webkit-scrollbar:horizontal {
    height: 9px;
}


.prog-style[value][b-2c4v5ftdwq] {
    -webkit-appearance: none;
    appearance: none;
    padding-left: 3px;
    width: 85%;
    height: 8px;
    margin-left: 1px;
}

    .prog-style[value][b-2c4v5ftdwq]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .prog-style[value][b-2c4v5ftdwq]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.prog-style[b-2c4v5ftdwq] {
    width: 85%;
}

.label-per[b-2c4v5ftdwq] {
    padding-left: 3px;
    font-size: 10px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #4B6584;
}

[b-2c4v5ftdwq] .div-calsplit-fstt {
    height: 28px;
    border-bottom: 2px solid #EEEEEE;
}

.label-per[b-2c4v5ftdwq] {
    /*    margin-left: 93px;
*/ font-size: 10px;
    padding-left: 3px;
}



.div-allres[b-2c4v5ftdwq] {
    width: 240px;
}

.div-details[b-2c4v5ftdwq] {
    display: flex;
    width: calc(100% - 240px );
}

.div-header-c[b-2c4v5ftdwq] {
    width: calc(100% - 240px );
}
.loading[b-2c4v5ftdwq] {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
}

.loading-image[b-2c4v5ftdwq] {
    position: absolute;
    top: 100px;
    left: 240px;
    z-index: 100;
}
/* /Pages/Security/Login.razor.rz.scp.css */


.login-title[b-3j5cmxb1k1] {
    align-self: center;
    padding-bottom: 20px;
}

.login-subtitle[b-3j5cmxb1k1] {
    align-self: center;
    padding-bottom: 114px;
}

[b-3j5cmxb1k1] .form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

    [b-3j5cmxb1k1] .form-signin .checkbox {
        font-weight: 400;
    }

    [b-3j5cmxb1k1] .form-signin .form-control {
        position: relative;
        box-sizing: border-box;
        height: auto;
        padding: 10px;
        font-size: 16px;
    }

        [b-3j5cmxb1k1] .form-signin .form-control:focus {
            z-index: 2;
        }

    [b-3j5cmxb1k1] .form-signin input {
        margin-bottom: 5px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

        [b-3j5cmxb1k1] .form-signin input[type="password"] {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
/* /Pages/TaskPages/CaledarTaskPage.razor.rz.scp.css */
.div-containerscroll[b-9qxz6tpira] {
    height: calc(100vh - 154px);
}
.datecalendar[b-9qxz6tpira]::-webkit-calendar-picker-indicator {
    background-image: url(/icons/TaskDetail/TaskDetailModal/calendar_blue.svg);
    cursor: pointer;
}
.datecalendar[b-9qxz6tpira]{
    width:120px;
}
.hoverdt:hover[b-9qxz6tpira] {
    cursor: pointer;
}
.hoverdt[b-9qxz6tpira] {
    display: inline;
}
@media screen and (max-width: 1024px) {
    .column-date-ipad[b-9qxz6tpira]{
        column-width:200px !important;
    }
}
/* /Pages/TaskPages/ResourcesTasksPage.razor.rz.scp.css */
.input-date[b-n3fcss16bt] {
    outline: none;
    border: none;
    text-align: left;
    letter-spacing: 0px;
    color: #056DD3;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 15px;
}
[b-n3fcss16bt] .card-res {
    overflow: hidden !important;
     pointer-events: none;
}
[b-n3fcss16bt]::-webkit-scrollbar {
    width: 8px !important;
}

/* Track */
[b-n3fcss16bt]::-webkit-scrollbar-track {
    background: #dcdcdc9c !important;
    border-radius: 8px;
}

/* Handle */
[b-n3fcss16bt]::-webkit-scrollbar-thumb {
    background: #bab6b6a1 !important;
    border-radius: 18px;
}
[b-n3fcss16bt]::-webkit-scrollbar:horizontal {
    height: 6px;
}
[b-n3fcss16bt] .div-card-s{
    height: 147px;
}
[b-n3fcss16bt] .div-dates-res{
    margin-top:-5px;
}
[b-n3fcss16bt] .div-card-content {
    margin-top: 16px;
}
/* /Pages/TaskPages/TaskPage.razor.rz.scp.css */

[b-nxy9quu33z]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Track */
[b-nxy9quu33z]::-webkit-scrollbar-track {
    background: #dcdcdc59;
    margin: 10px;
}

/* Handle */
[b-nxy9quu33z]::-webkit-scrollbar-thumb {
    background: #E0E0E0;
    border-radius: 4px;
}

    /* Handle on hover */
    [b-nxy9quu33z]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/* Buttons */
[b-nxy9quu33z]::-webkit-scrollbar-button:single-button {
    background-color: #dcdcdc59;
    display: block;
    border-style: solid;
    height: 7px;
}
    /* Up */
    [b-nxy9quu33z]::-webkit-scrollbar-button:single-button:horizontal:increment {
        border-width: 4px 0px 4px 4px;
        border-color: transparent transparent transparent #E0E0E0;
    }

        [b-nxy9quu33z]::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
            border-color: transparent transparent transparent #777777;
        }
    /* Down */
    [b-nxy9quu33z]::-webkit-scrollbar-button:single-button:horizontal:decrement {
        border-width: 4px 4px 4px 0px;
        border-color: transparent #E0E0E0 transparent transparent;
    }

[b-nxy9quu33z]::-webkit-scrollbar-button:horizontal:decrement:hover {
    border-color: transparent #777777 transparent transparent;
}
/* Up */
[b-nxy9quu33z]::-webkit-scrollbar-button:single-button:vertical:decrement {
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #E0E0E0 transparent;
}

    [b-nxy9quu33z]::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
        border-color: transparent transparent #777777 transparent;
    }
/* Down */
[b-nxy9quu33z]::-webkit-scrollbar-button:single-button:vertical:increment {
    border-width: 4px 4px 0 4px;
    border-color: #E0E0E0 transparent transparent transparent;
}

[b-nxy9quu33z]::-webkit-scrollbar-button:vertical:single-button:increment:hover {
    border-color: #777777 transparent transparent transparent;
}

.arrow-left[b-nxy9quu33z] {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #ffffff;
    position: absolute;
    right: -2px;
    top: 20px;
}


.div-card[b-nxy9quu33z] {
    border-radius: 1px;
    /*width: 366px;*/
    /*height: 182px;*/
    height: auto;
    box-shadow: 2px 2px 3px #00000040;
}

.card-task:hover[b-nxy9quu33z] {
    box-shadow: 2px 1px 10px #00000040;
}


.taskCode[b-nxy9quu33z] {
    /*overflow: visible;
    width: 37px;
    white-space: nowrap;*/
    line-height: 20.550020217895508px;
    margin-top: -3.275010108947754px;
    text-align: left;
    font-family: 'GravityRegular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(131,149,167,1);
    letter-spacing: 0.25px;
}

.percentage-task-progress[b-nxy9quu33z] {
    text-align: left;
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.35px;
    color: #808080;
    opacity: 1;
    margin-right: 8px;
    padding-top: 16px;
    position: relative;
    top: 5px;
}

.taskTitle[b-nxy9quu33z] {
    /*overflow: visible;
    width: 197px;
    white-space: nowrap;*/
    line-height: 20px;
    margin-top: -1.5px;
    text-align: left;
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0px;
    color: #222F3E;
    opacity: 1;
}

.emplacement[b-nxy9quu33z] {
    /*overflow: visible;*/
    /*width: 55px;*/
    /*white-space: nowrap;*/
    line-height: 16.80000114440918px;
    /*margin-top: -1.4000005722045898px;*/
    text-align: left;
    font-family: 'GravityRegular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(87,101,116,1);
    overflow-wrap: break-word;
}

.userimg[b-nxy9quu33z] {
    width: 47px;
    object-fit: cover;
    border-radius: 50%;
    border-radius: 23px;
    margin-top: 5px;
}

.city[b-nxy9quu33z] {
    overflow: visible;
    width: 55px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'GravityBold';
    font-size: 14px;
    color: #576574;
    color: rgba(87,101,116,1);
}

.cityimg[b-nxy9quu33z] {
    width: 15px;
    height: 15px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 5px;
    margin-left: 15px;
}

.citynb[b-nxy9quu33z] {
    overflow: visible;
    width: 58px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'GravityRegular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(131,149,167,1);
    float: left;
    margin-left: 17px;
}

.b1[b-nxy9quu33z], .b2[b-nxy9quu33z], .b3[b-nxy9quu33z] {
    display: inline-table;
}

.bl1[b-nxy9quu33z], .bl2[b-nxy9quu33z] {
    display: inline-table;
}

.datestyle[b-nxy9quu33z] {
    overflow: visible;
    width: 80px;
    white-space: nowrap;
    line-height: 16.80000114440918px;
    margin-top: -1.4000005722045898px;
    text-align: left;
    font-family: 'GravityRegular';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: rgba(87,101,116,1);
}

.dateimg[b-nxy9quu33z] {
    width: 14px;
    height: 13px;
    transform: matrix(1,0,0,1,0,0);
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.labelper[b-nxy9quu33z] {
    color: #808080;
    font-family: 'GravityRegular';
    font-size: 10px;
    margin-left: 168px;
}

progress[value][b-nxy9quu33z] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 62px;
    height: 6px;
    margin-left: 126px;
    margin-top: -9px;
}



    progress[value][b-nxy9quu33z]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }



    progress[value][b-nxy9quu33z]::-webkit-progress-value {
        background-color: #8395A7;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

.taskTitle:hover[b-nxy9quu33z] {
    text-decoration: underline;
}

/*.task-card {
    width: 368px;width: 368px;
}*/
.task-card[b-nxy9quu33z] {
    width: auto;
}

.div-search-filter[b-nxy9quu33z] {
    display: flex;
    flex-direction: row;
    /*width: 368px*/
}

.div-list-cards[b-nxy9quu33z] {
    height: calc(100vh);
    overflow: scroll;
    overflow-x: hidden;
    width: 368px;
}

.NbreResource[b-nxy9quu33z] {
    border-radius: 50%;
    border: 1px solid #007bff;
    background: #007bff;
    color: white;
    text-align: center;
    /* min-width: 23px; */
    opacity: 1;
    float: right;
    font-size: 10.6px;
    width: 23px;
    height: 23px;
    font-family: Franklin Gothic Medium Regular;
    margin-top: -14px;
    line-height: 18px;
}

.TagMap[b-nxy9quu33z] {
    border-radius: 50%;
    border: 1px solid #ac92ec;
    background: #ac92ec;
    color: white;
    text-align: center;
    /* min-width: 23px; */
    opacity: 1;
    float: right;
    font-size: 10.6px;
    width: 23px;
    height: 23px;
    font-family: Franklin Gothic Medium Regular;
    line-height: 18px;
}

[data-letters][b-nxy9quu33z]:before {
    content: attr(data-letters);
    display: inline-block;
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%;
    background: plum;
    vertical-align: middle;
    margin-right: 1em;
    color: white;
}
.modal-lg[b-nxy9quu33z] {
    padding-left: 385px;
    padding-right: 20px;
    max-width: 100%;
    position: fixed;
    top: auto;
    right: auto;
    left: auto;
    bottom: 0;
}
.modal-body[b-nxy9quu33z] {
    overflow: scroll;
    height: 216px;
    display: flex;
    width: 100%;
}
.close-btn[b-nxy9quu33z] {
    position: absolute;
    padding: 1px;
    top: -6px;
    right: 20px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: none;
    outline: none;
    background-color: white;
    box-shadow: 2px 2px 9px #00000040;
    color: #024662;
    font-size: 30px;
    opacity: 1;
    border: none;
    font-family: none;
}
.scroll-left[b-nxy9quu33z] {
   
}

.scroll-right[b-nxy9quu33z] {
  
}
/*.div-container-card {
    box-shadow: 2px 1px 10px #00000040;
    flex: 0 0 calc(100% / 3);  Adjust the width as needed 
    padding: 10px;
    border: 1px solid #ccc;
}*/
.scroll-container[b-nxy9quu33z] {
    display: flex;
    overflow-x: hidden;
    scroll-behavior: smooth;
    overflow-y: hidden;
}

.scroll-content[b-nxy9quu33z] {
    white-space: nowrap;
    overflow: auto;
    padding-bottom: 10px;   }

.scroll-left[b-nxy9quu33z],
.scroll-right[b-nxy9quu33z] {
    left: -31px;
    z-index: 100000;
    position: relative;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: white;
    box-shadow: 2px 2px 9px #00000040;
    color: #268BFD;
    font-size: 30px;
    opacity: 1;
    border: none;
    font-family: none;
    border: none;
    outline: none;
    cursor: pointer;
}


.scroll-left .scroll-icon[b-nxy9quu33z] {
    filter: grayscale(100%); /* Set the initial color to gray */
}

.scroll-right .scroll-icon[b-nxy9quu33z] {
    filter: grayscale(100%); /* Set the initial color to gray */
}

.scroll-left.active .scroll-icon[b-nxy9quu33z],
.scroll-right.active .scroll-icon[b-nxy9quu33z] {
    filter: none; /* Remove the grayscale filter for active buttons */
}
.scroll-icon[b-nxy9quu33z] {
    width: 16px;
    margin-top: -12px;
}
/*.scroll-left {
    position: fixed;
    z-index: 8;
    left: 369px;
    margin-top: 77px;
}*/
 
/* /Pages/TaskPages/WBSPage.razor.rz.scp.css */

.prog-style[value][b-fibarn5ys4] {
    -webkit-appearance: none;
    appearance: none;
    padding-left: 3px;
    width: 85%;
    height: 8px;
    margin-left: 1px;
}

    .prog-style[value][b-fibarn5ys4]::-webkit-progress-bar {
        background-color: #F2F2F2;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .prog-style[value][b-fibarn5ys4]::-webkit-progress-value {
        background-color: #EA6852;
        border-radius: 7px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }
[b-fibarn5ys4] .th-header-nrn {
    border-top: none !important;
    font-family: 'GravityBold';
    font-size: 14px;
    letter-spacing: 0px;
    color: #024662;
    padding-top: 28px !important;
}

.table-nrn[b-fibarn5ys4] {
    font-family: 'GravityBold';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
 }

[b-fibarn5ys4] .dot-red {
    height: 8px;
    width: 8px;
    background-color: #ea6852;
    border-radius: 50%;
    display: inline-block;
}

[b-fibarn5ys4] .dot-turq {
    height: 8px;
    width: 8px;
    background-color: #63d4e3;
    border-radius: 50%;
    display: inline-block;
}

[b-fibarn5ys4] .dot-blue {
    height: 8px;
    width: 8px;
    background-color: #019CB1;
    border-radius: 50%;
    display: inline-block;
}

[b-fibarn5ys4] .dot-greenLght {
    height: 8px;
    width: 8px;
    background-color: #36df33;
    border-radius: 50%;
    display: inline-block;
}

[b-fibarn5ys4] .dot-green {
    height: 8px;
    width: 8px;
    background-color: #33a02c;
    border-radius: 50%;
    display: inline-block;
}

[b-fibarn5ys4] .dot-purple0 {
    height: 8px;
    width: 8px;
    background-color: #bc95df;
    border-radius: 50%;
    display: inline-block;
}

[b-fibarn5ys4] .dot-purple {
    height: 8px;
    width: 8px;
    background-color: #710dcb;
    border-radius: 50%;
    display: inline-block;
}

[b-fibarn5ys4] .span-code {
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #7A91AA;
    opacity: 1;
    text-align: left;
}

[b-fibarn5ys4] .span-name {
    opacity: 1;
    font-family: 'GravityRegular';
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
}

.tr-list-nrn[b-fibarn5ys4] {
    border-top: none !important;
    font-family: 'GravityRegular';
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    cursor: default !important;
    height: 53px;
}

[b-fibarn5ys4] .tr-list-nrn:hover .div-edit-delete {
    display: block;
    padding-top: 15px;
    float: right;
    padding-right: 15px;
}


.tr-list-nrn:hover[b-fibarn5ys4] {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 2px 1px 4px #00000040;
    border-radius: 5px;
}

    .tr-list-nrn:hover .select-cercle[b-fibarn5ys4] {
        display: none;
    }

    .tr-list-nrn:hover .select-cercle-selected[b-fibarn5ys4] {
        display: block;
    }

[b-fibarn5ys4] .span-num:hover {
    text-decoration: underline;
    color: #34B8F2;
    cursor: pointer;
}

[b-fibarn5ys4] td {
    padding: 0rem !important;
    padding-top: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    height: 53px;
}



[b-fibarn5ys4] .div-group {
    display: flex;
    padding-top: 4px;
}

[b-fibarn5ys4] .btn-edit {
    height: 15px;
    width: 15px;
    margin-right: 20px;
}

[b-fibarn5ys4] .btn-del {
    height: 15px;
    width: 13px;
}

[b-fibarn5ys4] .cen-select {
    margin-top: 15px;
}

[b-fibarn5ys4] .div-group-center {
    display: flex;
    padding-top: 13px;
}

[b-fibarn5ys4] .fa {
    padding-left: 8px;
    float: none !important;
}
.prog-style[b-fibarn5ys4] {
    width: 90% !important;
}
.table-list[b-fibarn5ys4] {
    font-family: 'Franklin Gothic Medium Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0px;
    color: #404A54;
    margin-top: 20 px;
     max-width: none;
    min-width: 740 px;
}
.div-checked[b-fibarn5ys4] {
    width: 2%;
}

.table[b-fibarn5ys4] {
    width: max-content;
    overflow-x: scroll;
}

.table:-webkit-scrollbar[b-fibarn5ys4] {
    width: 1em;
}



.table[b-fibarn5ys4]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}



.table[b-fibarn5ys4]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 7px;
}
.tr-LineWBSBD[b-fibarn5ys4] {
    background-color: #f1f8ff;
}

.tr-LineWBSBD:hover[b-fibarn5ys4] {
    cursor: pointer;
    background: #f1f8ff;
    box-shadow: 2px 1px 4px #f1f8ff;
    border-radius: 5 px;
}
/* /Pages/TimeSheet/TimeSheetComponent.razor.rz.scp.css */
@media screen and (max-width: 1024px) {

    .perso-table[b-6nnspf4g3a] {
        width:113%!important;
    }
    .personal-padding-40[b-6nnspf4g3a] {
        padding-left: 15px!important;
    }
 
}
@media screen and (min-width: 1700px){
    .hourMargin[b-6nnspf4g3a] {
        margin-left: 54% !important;
    }
    .container-list[b-6nnspf4g3a] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 833px;
    }
}

@media screen and (min-width: 1300px) and (max-width : 1699px) {
    .hourMargin[b-6nnspf4g3a] {
        margin-left: 41% !important;
    }
    .container-list[b-6nnspf4g3a] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        overflow-y: scroll;
        height: 613px;
    }
}
/* /Shared/ComponentsPatterns/ButtonCircle.razor.rz.scp.css */
.btn-circle[b-3yb3knhnyi],img[b-3yb3knhnyi] {
    height: 1.5rem;
    width: 1.5rem;
}

.btn-circle[b-3yb3knhnyi] {
    height: 2.5rem;
    width: 2.5rem;
    border-style: none;
/*    border-style: solid;
    border-width: 1px;
    border-color: pink;*/
}
/* /Shared/ComponentsPatterns/CustTooltip.razor.rz.scp.css */

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
.tooltip-wrapper[b-1tivzk4v2i] {
   /* cursor: help;*/
    cursor: pointer;
}

    .tooltip-wrapper:hover .span-tooltip[b-1tivzk4v2i] {
        visibility: visible;
    }


.div-span[b-1tivzk4v2i] {
    height: 30px;
}



.div-conta[b-1tivzk4v2i] {
    border-bottom: 1px solid #ccc;
    max-width: 100%;
    padding-top: 5px;
    padding-bottom: 6px;
    height: 100px;
    line-height: 52px;
}

.arrow-up[b-1tivzk4v2i] {
    width: 0;
    height: 0;
    border-left: solid 13px transparent;
    border-right: solid 13px transparent;
    border-bottom: solid 13px white;
    filter: drop-shadow(-4px 2px 2px #02171E33);
}

.span-tooltip[b-1tivzk4v2i] {
    /*visibility: hidden;*/
    position: absolute;
    /*width: 258px;*/
    margin-top: -10px;
    margin-left: 6px;
    /* height: 40px; */
    /*  bottom: 75%;
    left: 8%;*/
    /*height: calc(200px - 100px);*/
    /*overflow-y: scroll;*/
    background-color: white;
    color: #576574;
    text-align: center;
    border-radius: 6px;
    z-index: 10000;
    font-size: 15px;
    font-family: 'Franklin Gothic Medium Regular';
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
    /* max-height: 60px; */
    border-radius: 10px;
    padding: 10px 10px;
}

    .span-tooltip[b-1tivzk4v2i]::-webkit-scrollbar:vertical {
      
        width: 6px;
    }
    .span-tooltip[b-1tivzk4v2i]::-webkit-scrollbar-thumb {
        background-color: #9ea2a3cf;
        border-radius: 7px;
    }
    .span-tooltip[b-1tivzk4v2i]::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    }
/*    .span-tooltip[span]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }*/
.img-vac[b-1tivzk4v2i] {
    width: 60px;
    height: 60px;
}



/*

.UserDetail {
    font-size: 15.5px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #024662;
    float: left;
    text-align: left;
}
*/
/*.absenceTypeText {
    float: left;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    white-space: nowrap;
    overflow: hidden;*/
    /* max-width: 136px; */
    /*width: 188px;
    text-overflow: ellipsis;
    text-align: left;
}*/

/*.contentDate {
    margin-top: 7px !important;
    padding-left: 0px !important;
    margin-left: -2px;
    font-size: 13px !important;
    color: #4C4C4C !important;
    font-family: gravity-bold;
    background: url(../../../images/Icons/Absence/AbsenceCalendar.svg) no-repeat !important;
    background-position: 100% 65% !important;
    background-size: 11px !important;
}
*/
/* /Shared/ComponentsPatterns/TableRowBox.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}



@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.number-span[b-4fj5knpwcd] {
    color: rgb(112 124 139);
}

.card-res[b-4fj5knpwcd] {
    height: 70px;
    border-radius: 4px;
    padding: 9px 9px 9px 9px;
}
/* /Shared/ComponentsPatterns/Tile.razor.rz.scp.css */
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}
@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

[b-6nfsrq1x9g] .card-info-content {
    height: fit-content;
}

[b-6nfsrq1x9g] .card-item {
    margin-left: 16px;
    margin-top: 14px;
    border: 0.5px solid #e6e6e6;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 4px #02171E33;
    border: 0.5px solid #E6E6E6;
    border-radius: 5px;
    opacity: 1;
    min-width: 338px;
    max-width: 445px;
    height: 158px !important;
}

[b-6nfsrq1x9g] .img-statutLivrer-purple {
    width: 33px;
    height: 33px;
    background: #AC92EC 0% 0% no-repeat padding-box;
    opacity: 1;
    object-fit: cover;
    border-radius: 50%;
    margin-left: -7px;
    margin-top: 6px;
}

[b-6nfsrq1x9g] .span-item {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 16px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 10px;
    left: 58px;
    position: absolute;
}

[b-6nfsrq1x9g] .img-item-value-track {
    width: 21px;
    height: 23px;
}

[b-6nfsrq1x9g] .span-item-number {
    text-align: left;
    letter-spacing: 0px;
    color: #8395A7;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Demi Regular';
    float: right;
    margin-top: 2px;
}

[b-6nfsrq1x9g] .span-item-name {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    top: 38px;
    left: 58px;
    position: absolute;
}

[b-6nfsrq1x9g] .span-item-value-title {
    text-align: left;
    letter-spacing: 0px;
    color: #576574;
    opacity: 1;
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    margin-left: 5px;
}

[b-6nfsrq1x9g] .span-item-value {
    font-size: 14px;
    font-family: 'Franklin Gothic Medium Regular';
    text-align: left;
    letter-spacing: 0px;
    color: #35414C;
    opacity: 1;
}

[b-6nfsrq1x9g] .img-item-value {
    width: 16px;
    height: 16px;
}

[b-6nfsrq1x9g] .px-4 {
    padding-right: 0px !important;
}

[b-6nfsrq1x9g] .content {
    padding-left: 1px !important;
    padding-top: 0px !important;
}

html[b-6nfsrq1x9g], body[b-6nfsrq1x9g] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

[b-6nfsrq1x9g] .cards {
    max-width: 1200px;
    margin-right: 23px;
    margin-left: 14px;
    display: grid;
}

@media (min-width: 1123px) {
    [b-6nfsrq1x9g] .cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1123px) and (max-width:1310px) {
    [b-6nfsrq1x9g] .card-item {
        height: unset !important;
    }

    [b-6nfsrq1x9g] .card-item-content {
        display: flex;
        flex-direction: column;
    }


    [b-6nfsrq1x9g] .card-item-col-sec {
        margin-left: 10% !important;
        margin-top: 0 !important;
    }

    [b-6nfsrq1x9g] .div-col-sec {
        display: flex !important;
        flex-direction: column !important;
        margin-left: 37px !important;
        width: 100% !important;
        margin-top: unset !important;
    }

    [b-6nfsrq1x9g] .div-row-sec {
        display: grid !important;
    }

    [b-6nfsrq1x9g] .div-col-fst {
        width: 100% !important;
    }
}

@media (max-width: 1123px) {

    [b-6nfsrq1x9g] .card-item {
        max-width: 100%;
    }
}

@media (max-width: 800px) {
    [b-6nfsrq1x9g] .div-scroll {
        overflow: scroll;
        height: calc(100% - 150px);
    }
}


[b-6nfsrq1x9g] .card-item-content {
    display: flex;
}

[b-6nfsrq1x9g] .card-item-col-first {
    display: flex;
    flex-direction: column;
    margin-top: 29px;
    margin-left: 10%;
    width: 100%
}

[b-6nfsrq1x9g] .card-item-col-sec {
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    margin-top: 28px;
    width: 100%
}

@media(max - width:1310px) {
    [b-6nfsrq1x9g] .span-qtep {
        margin-left: 20px;
    }

    [b-6nfsrq1x9g] .span-qtel {
        margin-left: 51px;
    }

    [b-6nfsrq1x9g] .span-u {
        margin-left: 95px;
    }

    [b-6nfsrq1x9g] .span-main {
        margin-left: 61px;
    }
}

@media(min - width:1310px) {
    [b-6nfsrq1x9g] .span-qtep {
        margin-left: 10px;
    }

    [b-6nfsrq1x9g] .span-qtel {
        margin-left: 41px;
    }

    [b-6nfsrq1x9g] .span-u {
        margin-left: 57px;
    }

    [b-6nfsrq1x9g] .span-main {
        margin-left: 24px;
    }
}

@media (max-width: 475px) {
    [b-6nfsrq1x9g] .span-qtep {
        margin-left: 19px;
    }
}

[b-6nfsrq1x9g] .div-row-sec {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 4%;
    padding-left: 6%;
}

[b-6nfsrq1x9g] .div-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    min-width: 50%;
    max-width: 100%;
    padding-bottom: 5px;
}

[b-6nfsrq1x9g] .div-col-item {
    display: flex;
    flex-direction: column;
    width: 100%;
}

[b-6nfsrq1x9g] .div-col-fst {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    margin-left: 36px;
    width: 60%;
}

[b-6nfsrq1x9g] .div-col-sec {
    display: flex;
    flex-direction: column; /* margin-left: 42px; */
    width: 40%;
    margin-top: 25px;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.arrow-down[b-k4kyeeo5uv] {
    height: 20px;
    width: 15px;
    position: absolute;
    right: 10px;
    transition: transform 400ms ease-in-out;
    display: block;
}

@media(max-width:1400px) and (min-width:1025px) {
    .nav-menu-for-Ipad[b-k4kyeeo5uv] {
        position: fixed !important;
        top: 0px !important;
    }
}

@media(max-width:1024px) {
    .nav-menu-for-Ipad[b-k4kyeeo5uv] {
        position: fixed !important;
        top:0px!important;
    }
}
/* /Shared/Security/FeatureAuthorizationState.razor.rz.scp.css */

.dev-log-float[b-rvqxih6fck] {
    top: 10px;
    position: fixed;
    right: 10px;
    height: 20vh;
    width: 20vw;
    background-color: aqua;
    z-index: 999999;
    padding: 10px 5px;
}
/* /Shared/Security/LoginLayout.razor.rz.scp.css */

html[b-x9bj1mox1d], body[b-x9bj1mox1d] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a[b-x9bj1mox1d], .btn-link[b-x9bj1mox1d] {
    color: #0366d6;
}

.btn-primary[b-x9bj1mox1d] {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content[b-x9bj1mox1d] {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox])[b-x9bj1mox1d] {
    outline: 1px solid #26b050;
}

.invalid[b-x9bj1mox1d] {
    outline: 1px solid red;
}

.validation-message[b-x9bj1mox1d] {
    color: red;
}

#blazor-error-ui[b-x9bj1mox1d] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-x9bj1mox1d] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


.login-container[b-x9bj1mox1d] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 40px;
    /* background-color: #f5f5f5; */
    /* height:100%; */
    width: 100%;
    align-content: center;
}

.login-body[b-x9bj1mox1d] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
/* /Shared/WindowLayout/WholeScreen.razor.rz.scp.css */
.whole-screen[b-94hoq4hhwr] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    height: 100vh;
    width: 100vw;
    z-index: 15000;
    top: 0;
    left: 0;
    position: absolute;
    background: aliceblue;
}