@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

@font-face {
    font-family: "LioGramondItalic";
    src: url('font/GARAIT.TTF') format('truetype');
    font-style: italic;
}

@font-face {
    font-family: "LioGaramont";
    src: url('font/GARA.TTF') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'LioStd';
     src: url('font/l_10646.ttf') format('truetype');
   /*src: url('font/Mythias.otf') format('truetype');*/
    font-style: normal;
}

@font-face {
    font-family: "LioDigital";
    src: url('font/DS-DIGIT.TTF') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('font/MaterialIcons-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    src: url('font/MaterialIconsOutlined-Regular.otf') format('truetype');
}





html, body {
    /* font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-family: 'LioStd';
}

a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

input[type=date]::-webkit-calendar-picker-indicator {
    margin-left: -25px;
    padding-left: 0px;
}

input[type=time]::-webkit-calendar-picker-indicator {
    margin-left: 0px;
    padding-left: 0px;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    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 {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.grid-vertical {
    display: flex;
    flex-direction: column;
}

.grid-horizontal {
    display: flex;
    flex-direction: row;
}

.al-grid-centrer {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.al-cadre {
    border: solid;
    border-bottom-width: 2px;
    border-color: black;
}

.al-icon {
    color: white;
}

    .al-icon:hover {
        color: black;
        cursor: pointer;
    }

.lioautoheight {
    background-color: red;
    height: calc(100% - 20px);
}


.testpopup {
}

    .testpopup:focus {
        color: red;
        font-size: 40px;
        padding: 10px;
        background-color: red;
    }

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 18px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 18px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}


.lio_icon_croixclose::before {
    content: "close";
}

.lio_icon_plus::before {
    content: "add";
}

.lio_icon_moins::before {
    content: "remove";
}


.lio_icon_datagridplus::before {
    content: "add";
}

.lio_icon_copy::before {
    content: "content_copy";
}

.lio_icon_poubelle::before {
    content: "delete_outline";
}

.lio_icon_person::before {
    content: "person";
}

.lio_icon_personadd::before {
    content: "person_add_alt_1";
}

.lio_icon_profil::before {
    content: "group";
}

.lio_icon_profiladd::before {
    content: "group_add";
}

.lio_icon_edit::before {
    content: "create";
}

.lio_icon_cancel::before {
    content: "clear";
}

.lio_icon_check::before {
    content: "check";
}

.lio_icon_ok::before {
    content: "check";
}


.lio_icon_globe::before {
    content: "public";
}

.lio_icon_save::before {
    content: "save";
}

.lio_icon_arrow_up::before {
    content: "arrow_drop_up";
}

.lio_icon_arrow_down::before {
    content: "arrow_drop_down";
}


.lio_icon_dropdown::before {
    content: "expand_more";
}

.lio_icon_rapport_flag_ok::before {
    content: "flag";
}

.lio_icon_rapport_flag_erreur::before {
    content: "report_gmailerrorred";
}

.lio_icon_send::before {
    content: "send";
}

.lio_icon_mail_send::before {
    content: "send";
}

.lio_icon_mail::before {
    content: "mail";
}

.lio_icon_mail_drafts::before {
    content: "drafts";
}

.lio_icon_undo::before {
    content: "undo";
}

.lio_icon_photo_camera::before {
    content: "photo_camera";
}


.lio_icon_task_check::before {
    content: "task";
}

.lio_icon_search::before {
    content: "search";
}

.lio_icon_folder::before {
    content: "folder";
}

.lio_icon_folder_new::before {
    content: "create_new_folder";
}


.lio_icon_file::before {
    content: "description";
}

.lio_icon_file_new::before {
    content: "note_add";
}


.lio_icon_downloadfile::before {
    content: "file_download";
}

.lio_icon_print::before {
    content: "print";
}

.lio_icon_zoomout::before {
    content: "zoom_out";
}

.lio_icon_zoomin::before {
    content: "zoom_in";
}

.lio_icon_filteron::before {
    content: "filter_alt";
}

.lio_icon_filteroff:before {
    content: "filter_alt_off";
}

.lio_icon_cut:before {
    content: "content_cut";
}

.lio_icon_layer:before {
    content: "layers";
}

.lio_icon_libadd:before {
    content: "library_add";
}



.lio24x24 {
    height: 24px;
    width: 24px;
}

.lio16x16 {
    height: 16px;
    width: 16px;
}


.lio-iconred {
    color: darkred;
}

    .lio-iconred:hover {
        color: cornflowerblue;
        cursor: pointer;
    }

.lio-icongreen {
    color: darkgreen;
}

.lio-iconred:hover {
    color: cornflowerblue;
    cursor: pointer;
}


.lio-iconwhite {
    color: white;
}

    .lio-iconwhite:hover {
        color: cornflowerblue;
        cursor: pointer;
    }

    .lio-iconwhite:active {
        color: Highlight;
    }


.lio-iconblack {
    color: #808080;
    /* color: rgba(0, 0, 0, 0.54);*/
}

    .lio-iconblack:hover {
        color: cornflowerblue;
    }

    .lio-iconblack:active {
        color: Highlight;
    }

.lio-icon-actif {
    color: dodgerblue;
}

    .lio-icon-actif:hover {
        color: deepskyblue;
    }

    .lio-icon-actif:active {
        color: blue;
    }


.lio_h {
    height: 24px;
    margin-top: 2px;
    margin-bottom: 2px;
}


.lio_pointer {
    cursor:pointer;
}

.btn-alarme {
    border: 1px solid #242424;
    border-radius: 5px;
    color: black;
    font-family: 'LioStd';
    font-size: 12px;
    background: linear-gradient(#ffffff, #c5c5c5);
}

    .btn-alarme:hover {
        background: linear-gradient(rgb(170 122 122), rgb(170 34 34));
        color: white;
    }

    .btn-alarme:disabled {
        color: slategrey;
        /* background: linear-gradient(#ffffff, #c5c5c5);*/
    }

.btn-message {
    border: 1px solid #242424;
    border-radius: 5px;
    color: black;
    font-family: 'LioStd';
    font-size: 12pt;
    background: linear-gradient(#ffffff, #c5c5c5);
    min-width: 100px;
    margin-left: 5px;
    margin-right: 5px;
}

    .btn-message:hover {
        background: linear-gradient(#ffffff, cornflowerblue);
        color: black;
    }


.lio-background-alarme {
    background: linear-gradient(rgba(167,0,0,0.8),rgba(199,18,18,0.8));
}

.lio-interaction-alarme {
    cursor: pointer;
}

.lio-border-alarme {
    border: 3px solid white;
    border-radius: 10px
}

.lio-border-alarme-miniature {
    border: 1px solid white;
    border-radius: 5px;
}


.lio-animationAlarme {
    opacity: 1;
    animation: 3s linear 0s normal forwards 1 lio-fadeinalarme;
}

@keyframes lio-fadeinalarme {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.lio_saisie {
    background-color: #c5c5c5;
    color: black;
}

    .lio_saisie button {
        border: 1px solid #242424;
        border-radius: 5px;
        background: linear-gradient(#ffffff, #c5c5c5);
    }

        .lio_saisie button:hover {
            background: linear-gradient(#ffffff, #5d5d5d);
        }

        .lio_saisie button:active {
            background: linear-gradient(#ffffff, Highlight);
        }


.lio_saisie_button {
    border: 1px solid #242424;
    border-radius: 5px;
    background: linear-gradient(#ffffff, #c5c5c5);
}

    .lio_saisie_button:hover {
        background: linear-gradient(#ffffff, #5d5d5d);
    }

.lio_saisie input {
    color: black;
    background-color: white;
    border: 1px solid black;
}

    .lio_saisie input:focus {
        color: black;
        background-color: white;
        border: 1px solid black;
        outline: none;
    }

    .lio_saisie input::placeholder {
        color: red;
        font-style: oblique;
    }

.lio_saisie textarea {
    color: black;
    background-color: white;
    border: 1px solid black;
    outline: none;
    resize: none;
    overflow: auto;
}

    .lio_saisie textarea:focus {
        outline: none;
    }


.lio_textbox {
    color: black;
    background-color: white;
    border: 1px solid black;
    outline: none;
    padding: 2px;
}


.lio_merge_g {
    margin-left: 5px;
}

.lio_merge_d {
    margin-right: 5px;
}

.lio_merge_gd {
    margin-right: 5px;
    margin-left: 5px;
}

.lio_merge_hb {
    margin-top: 5px;
    margin-bottom: 5px;
}

.lio_merge_b {
    margin-bottom: 5px;
}

.lio_merge_h {
    margin-top: 5px;
}

.lio_padding_gd {
    padding-left: 5px;
    padding-right: 5px;
}

.lio_flex_stretch {
    flex: auto;
    overflow: auto;
}

.lio_flexvertical {
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.lio_flexvertical-reverse {
    display: flex;
    flex-direction: column-reverse;
    overflow: auto;
}


.lio_flexvertical_item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.lio_flexhorizontal_item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.lio_flexhorizontal_center {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}


.lio_item {
    display: flex;
    flex: none;
    /*background-color: coral;*/
    align-self: center;
}
.lio_item_centrervh {
    display: flex;
    flex: none;
    align-self: center;
    justify-content: center;
}

.lio_flexhorizontal_item_center {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


.lio_flexhorizontal {
    display: flex;
    flex-direction: row;
    overflow: auto;
}

.lio_flexhorizontal-reverse {
    display: flex;
    flex-direction: row-reverse;
    overflow: auto;
}

.lio_stack_horizontal {
    display: flex;
    flex-direction: row;
    align-items: center;
    /*overflow : clip;*/
}

.lio_clip {
    overflow: clip;
}

.lio_flexcentrer {
    display: flex;
    flex: auto;
    align-items: center;
    justify-content: center;
}

.lio_stack_centrer {
    display: flex;
    align-items: center;
    justify-content: center;
}





.lio_flexcentrerhv {
    align-content: center;
    justify-content: center;
}

.lio_font_std {
    font-family: 'LioStd';
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    font-weight: normal;
}

.lio_ok {
    color: seagreen;
}

.lio_no {
    color: brown;
}

.lio-tools-border-left {
    border-left: 2px solid #606060;
}

.lio-table-background {
    background-color: white;
}

.lio-table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    overflow: auto;
}

    .lio-table thead {
        display: block;
        /*width: 100%;*/
        border: 4px dotted green;
    }

    .lio-table tbody {
        display: block;
        overflow-y: auto;
        overflow-x: hidden;
        border: 4px dotted red;
        width: 100%;
    }

    .lio-table th {
        border-width: 0px 1px 0px 0px;
        border-color: white;
        border-style: solid;
        padding: 2px;
        background: linear-gradient(#5D5D5D, #242424 );
        color: white;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin: 0px;
        font-style: normal;
        font-stretch: normal;
        font-weight: normal;
    }
    /*
    .lio-table th {
        border-width: 0px 1px 0px 0px;
        border-color: white;
        border-style: solid;
        padding: 2px;        
        background: linear-gradient(#5D5D5D, #242424 );
        color: white;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin: 0px;
        font-style: normal;
        font-stretch: normal;
        font-weight: normal;
        position: sticky;
        top: 0; /* Don't forget this, required for the stickiness 
    }
    */
    .lio-table td {
        border-width: 0px 1px 0px 0px;
        border-color: grey;
        border-style: solid;
        text-align: left;
        padding: 2px;
        overflow: clip;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin: 0px;
        color: black;
    }

    .lio-table th:last-child {
        border-style: none;
        resize: none;
    }

    .lio-table tr:nth-child(odd) {
        background-color: #eefcbe;
    }

    .lio-table tr:nth-child(even) {
        background-color: white;
    }

    .lio-table tr:hover {
        background-color: lightblue;
    }

    .lio-table tr.selected {
        background-color: Highlight;
        color: white;
    }

    .lio-table tr.edit {
        background-color: #f78b98;
        color: white;
    }


.lio_input {
    background-color: white;
    border: 1px solid black;
    padding: 2px;
}

.lio_datagrid {
    background-color: white;
    display: flex;
    flex-direction: column;
    overflow: auto;
}



.lio_datagrid_rowheader {
   display: flex;
    flex-direction: row;      
    background: linear-gradient(#5D5D5D, #242424 );
}

.lio_datagrid_row {
    display: flex;
    flex-direction: row;
   /* overflow-clip-margin: 30px;*/   
      overflow:clip;
}

.lio_datagrid_cellheader {
    border-width: 0px 1px 0px 0px;
    border-color: white;
    border-style: solid;
    padding: 2px 0px 2px 0px;
    color: white;
    text-align: left;
    overflow: clip;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px;
    font-style: normal;
    font-stretch: normal;
    font-weight: normal;
    /*align-items: center;*/
    display: flex;
    flex-direction: column;
    flex:none;
}



.lio_datagrid_cell {
    border-width: 0px 1px 0px 0px;
    border-color: grey;
    border-style: solid;
    text-align: left;
    padding: 2px;
    overflow: clip;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px;
    color: black;
   /* align-items: center;*/
    display: flex;
    flex-direction: column;
    flex: none;
}

.lio_datagrid .lio_datagrid_row .lio_datagrid_cell:nth-last-child(1) {
    border-right-width: 0px;
}


.lio_datagrid .lio_datagrid_row:nth-child(odd) {
    background-color: #eefcbe;
}

.lio_datagrid .lio_datagrid_row:nth-child(even) {
    background-color: white;
}

.lio_datagrid .lio_datagrid_row:hover {
    background-color: lightblue;
}

.lio_datagrid .lio_datagrid_row:nth-last-child(n) {
    border-bottom-width: 1px;
}


.lio_datagrid .lio_datagrid_row.selected {
    background-color: Highlight;
    color: white;
}

.lio_datagrid .lio_datagrid_row.edit {
    background-color: #f78b98;
    color: white;
}


.lio-table-grid {
}

    .lio-table-grid tr:nth-child(odd) {
        background-color: #eefcbe;
    }

    .lio-table-grid tr:nth-child(even) {
        background-color: white;
    }

.lio-liste {
    color: black;
    font-family: 'LioStd';
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    font-weight: normal;
}

    .lio-liste ul {
        padding: 0px;
        margin: 0px;
        flex: auto;
        background-color: white;
    }

.lio-liste-ul {
    padding: 0px;
    margin: 0px;
    flex: auto;
}

.lio-liste li {
    background-color: white;
    list-style-type: none;
    color: black;
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    font-weight: normal;
    flex: auto;
}

    .lio-liste li:nth-child(even) {
        background-color: #eefcbe;
    }

    .lio-liste li:hover {
        background-color: lightblue;
    }


    .lio-liste li.selected {
        background-color: Highlight;
        color: white;
    }

.lio-liste option:nth-child(even) {
    /* background: linear-gradient(#eefcbe, #eefcbe);*/
    background-color: #eefcbe;
}

.lio-liste option:not(checked) {
    color: black;
}

.lio-liste option:focus,
.lio-liste option:active,
.lio-liste option:checked {
    /* background: linear-gradient(green, green);*/
    color: white;
    background-color: #1e90ff;
}


.lio-liste option:hover {
    background-color: lightblue;
    color: black;
}



.lio_liste_parametre {
}

    .lio_liste_parametre ul {
        padding: 0px;
        margin: 0px;
        flex: auto;
    }

    .lio_liste_parametre li {
        background-color: #C5C5C5;
        list-style-type: none;
        color: black;
        font-size: 12px;
        font-style: normal;
        font-stretch: normal;
        font-weight: normal;
        flex: auto;
    }

        .lio_liste_parametre li:nth-child(even) {
            background-color: #D5D5D5;
        }

.lio_tab_saisie {
    color: black;
}

    .lio_tab_saisie > div:nth-child(even) {
        background-color: #B5B5B5;
        padding: 2px 5px 2px 5px;
    }

    .lio_tab_saisie > div:nth-child(odd) {
        background-color: #D5D5D5;
        padding: 2px 5px 2px 5px;
    }

.lio_mission_saisie {
    color: white;
    background-color: #acacac;
}

    .lio_mission_saisie > div {
        padding-top: 5px;
    }

    .lio_mission_saisie textarea {
        color: black;
        background-color: white;
        border: 1px solid black;
        outline: none;
        resize: none;
        overflow: auto;
    }

    .lio_mission_saisie button {
        min-height: 45px;
        min-width: 120px;
    }

    .lio_mission_saisie input {
        outline: none;
    }



.lio_tournee_titre {
    font-size: 12pt;
    font-weight: bold;
}

.lio_tournee_detail {
    font-size: 8pt;
}


.lio-dark-bandeau {
    background-color: #242424;
    color: white;
}

.lio_checkbox {
    /* background: url('images/check-box.png') no-repeat;*/
    background: url('/images/Check_NotChecked.png') no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    padding: 0 0 0 0px;
}

    .lio_checkbox:checked {
        background: url('/images/Check_Checked.png') no-repeat;
        height: 16px;
        width: 16px;
        display: inline-block;
        padding: 0 0 0 0px;
    }


.lio_custom_checkbox {
    user-select: none;
    border: none;
    box-shadow: none;
    outline: none;
    margin: 0px;
    padding: 0px;
}
    /* Hide the browser's default checkbox */
    .lio_custom_checkbox input {
        position: absolute;
        box-shadow: none;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
        border: none;
    }
        /* .lio_custom_checkbox span {
        background-image: url('/images/filtrageoff.png');
        display: inline-block;
        border: none;
        height: 24px;
        width: 24px;
    }

    .lio_custom_checkbox input:checked + span {
        background-image: url('/images/filtrage.png');
    }*/


        .lio_custom_checkbox input:checked + .lio_filtre {
            color: yellow;
        }

.lio_cbx_filtre {
    background-image: url('/images/filtrageoff.png');
    display: inline-block;
    vertical-align: middle;
    border: 1px solid red;
    border: none;
    height: 24px;
    width: 24px;
}

.lio_custom_checkbox input:checked + .lio_cbx_filtre {
    background-image: url('/images/filtrage.png');
}

.lio_cbx_checkbox {
    background: url('/images/Check_NotChecked.png') no-repeat;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid red;
    border: none;
    height: 13px;
    width: 13px;
}

.lio_cbx_checkbox_checked {
    background: url('/images/Check_Checked.png') no-repeat;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid red;
    border: none;
    height: 13px;
    width: 13px;
}

.lio_custom_checkbox input:checked + .lio_cbx_checkbox {
    background: url('/images/Check_Checked.png') no-repeat;
}


.lio_svg_filter_yellow {
    height: 12px;
    width: 12px;
    display: inline-block;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' ><path fill='yellow' stroke-linecap='round' d='M 0 0 L 6 8 L 6 16 L 10 14 L 10 8 L 16 0 Z' /></svg>");
}

.lio_svg_filter {
    height: 12px;
    width: 12px;
    display: inline-block;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' ><path fill='white' stroke-linecap='round' d='M 0 0 L 6 8 L 6 16 L 10 14 L 10 8 L 16 0 Z' /></svg>");
}

.lio_custom_checkbox input:checked + .lio_svg_filter {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 16' ><path fill='yellow' stroke-width='0' stroke-linecap='round'  d='M 0 0 L 6 8 L 6 16 L 10 14 L 10 8 L 16 0 Z' /></svg>");
}

.lio_flechecompteur {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 16' ><path fill='red' stroke-width='0' stroke-linecap='round'  d='M 151 150 L160 71 L 149 69 Z' /></svg>");
}

button {
    color: black;
    font-size: 12px;
    font-family: 'LioStd';
    outline: none;
    background: linear-gradient(#FFFFFF, #C5C5C5);
    border: 1px solid #242424;
    border-radius: 5px;
}

    button:hover {
        background: linear-gradient(#FFFFFF, cornflowerblue);
    }

    button:active {
        background: linear-gradient(#FFFFFF, Highlight);
    }


.lio_button {
    color: black;
    font-size: 12px;
    font-family: 'LioStd';    
    outline: none;
    background: linear-gradient(#FFFFFF, #C5C5C5);
    border: 1px solid #242424;
    border-radius: 5px;
}

    .lio_button:hover {
        background: linear-gradient(#FFFFFF, cornflowerblue);
    }

    .lio_button:active {
        background: linear-gradient(#FFFFFF, Highlight);
    }

input[type=date] {
    font-size: 1em;
    font-family: 'LioStd';
    color: black;
    background-color: white;
    outline: none;
}

input[type=time] {
    font-size: 12px;
    font-family: 'LioStd';
    color: black;
    background-color: white;
    outline: none;
}


.lio_borderround {
    border: 1px solid white;
    border-radius: 5px;
}

.lio_border_splitdroit {
    border-right: 4px solid #242424;
}

.lio_label_centrer {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    background-color: coral;
}


/* Text sur fond fonce*/
.lio_fond_clair {
    background-color: #C5C5C5;
}


.lio_fond_menu {
    background-color: #606060;
    height: 43px;
}

.lio_fond_menu_relief {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #e0e0e0;
    height: 2px;
}

.lio_fond_menu_bas {
    background-color: #242424;
    height: 10px;
}


.lio_btn_fond_menu {
    color: white;
}

.lio_btn_menu_link {
    color: #5E5E5E;
    font-family: 'LioStd';
}

    .lio_btn_menu_link:hover {
        color: LightSteelBlue;
        font-family: 'LioStd';
        text-decoration: underline;
    }


.lio_menunav {
    background-color: #242424;
    padding: 5px;
}

.lio_menunav_logo {
    width: 64px;
    height: 64px;
    object-fit: contain;
    margin-right: 10px;
}

.lio_menunav_block {
    margin: 5px;
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
}



.lio_menunav_titre {
    color: LightSteelBlue;
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px 3px 0px;
    font-family: 'LioStd';
}

.lio_menunav_link {
    color: white;
    font-size: 12px;
    font-weight: normal;
    font-family: 'LioStd';
}

    .lio_menunav_link:hover {
        text-decoration: underline;
        color: LightSteelBlue;
    }



.lio_info {
    background-color: #242424;
    color: white;
}

.lio_fond_info {
    background-color: #242424;
    color: white;
}

.lio_fond_info_border {
    border: 2px solid #242424;
    border-radius: 5px;
}


.lio_info_option {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-top: 1px solid white;
    padding: 5px;
    /*background: linear-gradient(#292929, black); */
    background-color: black;
}

.lio_info_icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 10px;
    color: #E7CBBB;
    cursor: pointer;
    border-radius: 4px;
    width: 50px;
}

    .lio_info_icon:hover {
        background-color: #525252;
    }


.lio_texte {
    font-size: 12px;
    font-family: 'LioStd';
}

.lio_texte_overflow {
    text-overflow: ellipsis;
    overflow:hidden;
    display:inline-block;
}


.lio_texte_middle {
    vertical-align: middle;
}

.lio_texteinfo {
    color: #6B6B6B;
    font-size: 12px;
    font-family: 'LioStd';
}

.lio_texteinfoGrand {
    color: #6B6B6B;
    font-family: "LioStd";
    font-size: 24px;
}

.lio_texteinfoPetit {
    color: #6B6B6B;
    font-size: 10px;
    font-family: "LioStd";
}

.lio_texteAdresse {
    font-size: 12px;
    color: #CCC66C;
    font-style: italic;
    font-family: "LioStd";
}

.lio_textePOI {
    font-size: 12px;
    color: magenta;
    font-family: "LioStd";
}

.lio_texte_popupadresse {
    background-color: #c5c5c5;
    color: black;
    font-size: 12px;
    font-family: 'LioStd';
}

.lio_texteMessage {
    font-size: 14px;
    /*color: white;*/
    font-family: "LioStd";
}

.lio_texteMessageInfo {
    font-size: 12px;
    /*color: white;*/
    font-family: "LioStd";
}

.lio_texteMessageCheck {
    font-size: 10px;
    font-family: "LioStd";
}


.lio_texteWait {
    font-size: 20px;
    color: white;
    font-family: "LioStd";
}

.lio_texteWaitInfo {
    font-size: 12px;
    text-align: center;
    color: white;
    font-family: "LioStd";
}

.lio_map_coordonnees {
    position: absolute;
    background-color: #606060;
    font-size: 10px;
    color: white;
    font-family: 'LioStd';
    border-radius: 5px;
    right: 10px;
    bottom: 10px;
    margin: 0px;
    z-index: 1000;
    padding: 5px;
}

.lio_map_nomPlan {
    position: absolute;
    background-color: #606060;
    font-size: 16px;
    color: white;
    font-family: 'LioStd';
    border-radius: 5px;
    right: 10px;
    bottom: 10px;
    margin: 0px;
    z-index: 1000;
    padding: 5px;
}

.lio_map_plan {
    position: absolute;
    background-color: #606060;
    font-size: 10px;
    color: white;
    font-family: 'LioStd';
    border-radius: 5px;
    right: 10px;
    top: 10px;
    margin: 0px;
    z-index: 1000;
    padding: 5px;
}



.lio_map_tools_topright {
    position: absolute;
    background-color: #606060;
    font-size: 10px;
    color: white;
    font-family: 'LioStd';
    border-radius: 5px;
    right: 10px;
    top: 10px;
    margin: 0px;
    z-index: 1000;
    padding: 5px;
}


.lio_map_zoomcontrolInScaleLine {
    position: absolute;
    left: 10px;
    color: white;
    bottom: 8px;
    font-size: 10px;
    padding: 2px;
    margin: 2px;
}


.lio_map_zoomcontrolmini {
    padding: 5px;
    background-color: #606060;
    color: white;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    left: 10px;
    bottom: 20px;
}

.lio_map_zoomcontrol {
    padding: 5px;
    background-color: #606060;
    color: white;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    width: 120px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.lio_capteur_OFF {
    width: 50px;
    color: white;
    border: 1px solid black;
    background: linear-gradient(#606060, silver );
    border-radius: 3px;
    font-family: 'LioStd';
    font-size: 10px;
    text-align: center;
    padding: 1px;
    margin: 4px;
}

.lio_capteur_ON {
    width: 50px;
    color: white;
    border: 1px solid black;
    background: linear-gradient(#1B4DF5, #5578F0);
    border-radius: 3px;
    font-family: 'LioStd';
    font-size: 10px;
    text-align: center;
    padding: 1px;
    margin: 4px;
}

.lio_capteur_nom {
    font-family: 'LioStd';
    font-size: 14px;
    color: white;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lio_capteur_pannel {
    background-color: #606060;
    padding-top: 1px;
    padding-bottom: 1px;
}



.lio_tab_activate {
    background-color: #C5C5C5;
    color: black;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding: 5px 10px 5px 10px;
    border-radius: 10px 10px 0px 0px;
}

.lio_tab_notactivate {
    background-color: #B0B0B0;
    color: black;
    border: 1px solid black;
    padding: 5px 10px 5px 10px;
    border-radius: 10px 10px 0px 0px;
}

.lio_tab_disabled {
    background-color: #B0B0B0;
    color: grey;
    font-style: italic;
    border: 1px solid black;
    padding: 5px 10px 5px 10px;
    border-radius: 10px 10px 0px 0px;
}

.lio_tab_tools {
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid black;
}

.lio_tab {
    background-color: #C5C5C5;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding: 5px 10px 5px 10px;
}

.lio_titlegroup_title {
    background-color: #606060;
    color: white;
    padding: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: 1px solid black;
}


.lio_titlegroup_state_active::before {
    content: "check_circle";
    color: lightgreen;
}

.lio_titlegroup_state_inactive::before {
    content: "highlight_off";
    color: indianred;
}


.lio_titlegroup_child {
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}
/* Carto*/

.lio_PopupContent {
    border: 2px solid black;
    border-radius: 2px;
}


.LioMap_Zoom {
    transform: translate(-20%, -20%) scale(0.6);
    /*border: 2px solid red;*/
    width: 91px;
    display: flex;
    flex-direction: column;
    margin: 5px auto auto 5px;
}

.LioMap_plus {
    height: 73px;
    width: 91px;
    background-image: url('/images/mapcontrol_plus_sombre.png');
    cursor: pointer;
    margin: 0px;
}

    .LioMap_plus:hover {
        background-image: url('/images/mapcontrol_plus_clair.png');
    }

.LioMap_moins {
    height: 57px;
    width: 91px;
    /*background-size: 50px;*/
    /*object-fit: contain;*/
    background-image: url('/images/mapcontrol_moins_sombre.png');
    cursor: pointer;
    border: 0px;
    margin: 0px;
}

    .LioMap_moins:hover {
        background-image: url('/images/mapcontrol_moins_clair.png');
    }

.LioMap_vue {
    height: 83px;
    width: 91px;
    border-image-width: 0px;
    border: 0px;
    margin: 0px;
    background-image: url('/images/mapcontrol_focus_sombre.png');
    cursor: pointer;
}

    .LioMap_vue:hover {
        background-image: url('/images/mapcontrol_focus_clair.png');
    }

.lio_mission_item {
    padding: 2px;
}

.lio_mission_heure {
    font-size: 12px;
    font-weight: bold;
    color: black;
    text-align: center;
}

.lio_mission_date {
    font-size: 6pt;
    color: black;
    text-align: center;
    margin-right: 2px;
}

.lio_mission_titre {
    margin-left: 10px;
}

.lio_mission_description {
    margin-left: 10px;
    font-size: 7pt;
}

.lio_mission_statut_Terminee_Visite,
.lio_mission_statut_Terminee {
    background-color: rgb(255,140,0);
    color: white;
}

.lio_mission_statut_Non_effectuee,
.lio_mission_statut_Suspendue,
.lio_mission_statut_Visite_sans_termine {
    background-color: rgb(69,119,180);
    color: white;
}

.lio_mission_statut_Visite_Annulee,
lio_mission_statut_Visite_Refusee {
    background-color: rgb(121,121,121);
    color: white;
}


.lio_mission_statut_En_Cours_trajet,
lio_mission_statut_En_Cours_arrivee_a_destination {
    background-color: rgb(4,174,68);
    color: white;
}


.lio_scrool {
    border-radius: 3px;
    background-color: #C0C0C0;
    opacity: 0.33;
}
    .lio_scrool:hover {
        border-radius: 3px;
        border: 1px solid black;
        background-color: #C0C0C0;
        opacity: 1;
        cursor:pointer;
    }

    .lio_scrool > div {
        background-color: #242424;
        border-radius: 3px
    }


.progress {
    /*position: relative;*/
    height: 10px;
    width: 100px;
    border: 1px solid white;
    background-color: #292929;
    border-radius: 2px;
}

    .progress .color {
        /* position: absolute;*/
        background-color: white;
        width: 0px;
        height: 10px;
        /* border-radius: 15px;*/
        animation: progres 65s 1 linear;
    }


.lio_etape_nompoi {
    color: darkblue;
}

@keyframes progres {
    0% {
        width: 0%;
    }

    25% {
        width: 50%;
    }

    50% {
        width: 75%;
    }

    75% {
        width: 85%;
    }

    100% {
        width: 100%;
    }
}

;