@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');
}

@font-face {
    font-family: 'Material Symbols Rounded';
    font-style: normal;
    font-weight: 400;
    src: url('font/MaterialSymbolsRounded.woff2') format('truetype');
}



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

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';
}


.material-symbols-rouded {
    font-family: 'Material Symbols Rounded';
    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_network_off::before {
    content: "wifi_off";
}


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

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

.lio_icon_star::before {
    content: "star";
}

.lio_icon_play::before {
    content: "play_circle";
}


.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_synchro_off::before {
    content: "block";
}

.lio_icon_synchro_on::before {
    content: "published_with_changes";
}

.lio_icon_checkbox_yes::before {
    content: "check_box";
}

.lio_icon_checkbox_no::before {
    content: "check_box_outline_blank";
}

.lio_icon_checkbox_nc::before {
    content: "indeterminate_check_box";
}

.lio_icon_radiobutton_yes::before {
    content: "radio_button_checked";
}


.lio_icon_radiobutton_no::before {
    content: "radio_button_unchecked";
}


.lio_icon_visibility::before {
    content: "visibility";
}

.lio_icon_visibility_off::before {
    content: "visibility_off";
}

.lio_icon_networkoff::before {
    content: "portable_wifi_off";
}


.lio_icon_replay::before {
    content: "replay";
}


.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_arrow_right::before {
    content: "arrow_right";
}

.lio_icon_arrow_left::before {
    content: "arrow_left";
}

.lio_icon_dblarrow_down::before {
    content: "keyboard_double_arrow_down";
}

.lio_icon_etape_beford::before {
    content: "arrow_back_ios_new";
}

.lio_icon_etape_next::before {
    content: "arrow_forward_ios";
}

.lio_icon_swaphorizontal::before {
    content: "swap_horiz";
}

.lio_icon_ordreauto::before {
    content: "auto_awesome";
}

.lio_icon_ordremanuel::before {
    content: "low_priority";
}



.lio_icon_movind::before {
    content: "moving";
}


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

.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_reload::before {
    content: "sync";
}

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

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


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

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

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


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

.lio_icon_filejson::before {
    content: "file_json";
}

.lio_icon_filecsv::before {
    content: "csv";
}

.lio_icon_database::before {
    content: "database";
}

.lio_icon_table::before {
    content: "table";
}




.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_erase_point:before {
    content: "remove_circle_outline";
}


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

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

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

.lio_icon_centerfocus:before {
    content: "center_focus_weak";
}


.lio_icon_route:before {
    content: "route";
}

.lio_icon_polyline:before {
    content: "polyline";
}


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

.lio_icon_erase:before {
    content: "ink_eraser";
}




.lio_icon_balise_out:before {
    content: "logout";
}

.lio_icon_tools:before {
    content: "build";
}


.lio_icon_cadenas_close:before {
    content: "lock";
}

.lio_icon_cadenas_open:before {
    content: "lock_open";
}

.lio_icon_car:before {
    content: "directions_car";
}

.lio_icon_map:before {
    content: "location_on";
}

.lio_icon_passkey:before {
    content: "passkey";
}

.lio_icon_key:before {
    content: "key";
}

.lio_icon_fleche_droite:before {
    content: "arrow_right_alt";
}



.lio_icon_mylocation:before {
    content: "my_location";
}

.lio_icon_mobile_report:before {
    content: "receipt_long";
}

.lio_icon_mobile_listevehicule:before {
    content: "view_list";
}



.lio_icon_settings:before {
    content: "settings";
}


.lio_icon_sort_by_alpha:before {
    content: "sort_by_alpha";
}



.lio_icon_menu_mobile {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 3em; /* 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';
}


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

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

.lio_color_location {
    color: #3399CC;
}

.lio-iconred {
    color: darkred;
}

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

.lio-icongreen {
    color: darkgreen;
}

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

.lio-iconsvgwhite {
    height: 24px;
    width: 24px;
    fill: white;
    cursor: pointer;
}

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

    .lio-iconsvgwhite:active {
        color: Highlight;
        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_clignote {
    animation: lio_keyframe_clignote 1s infinite;
}

@keyframes lio_keyframe_clignote {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}


.lio-iconalerte {
    color: orangered;
    font-weight: 800;
}

lio-iconalerte:hover {
    color: darkred;
}

.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-alarme-observation {
    /*background: #b97388;*/
    padding: 5px;
    font-size: 14px;
    color: yellow;
    border: 2px solid #6B1B1B;
    margin-top: 2px;
}






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


.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_flexvertical_item_center {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}


.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;*/
    overflow: hidden;
}

.lio_clipnowrap {
    white-space: nowrap;
    overflow: hidden;
}


.lio_multiline {
    white-space: pre-wrap;
}

.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;
    display: flex;
    flex-direction: column;
}

.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;
        overflow: auto;
    }

.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-filtred > input {
    border: none;
    border-bottom: 2px solid black;
    color: black;
    outline: none;
    /*margin-bottom: 3px;*/
    flex: none;
    padding: 4px;
}

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

    .lio-combo ul {
        padding: 0px;
        margin: 0px;
        flex: auto;
        background-color: white;
        overflow: auto;
        border: 1px solid black;
        max-height: 200px;
    }

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

    .lio-combo 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-combo li:nth-child(even) {
            background-color: #eefcbe;
        }

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


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

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

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

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


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



.lio_InputListCheck {
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    font-weight: normal;
}

    .lio_InputListCheck header {
        background: linear-gradient(#5D5D5D, #242424 );
        color: white;
        flex: auto;
        display: flex;
        flex-direction: row;
        overflow: auto;
        padding: 2px;
    }

    .lio_InputListCheck ul {
        padding: 0px;
        margin: 0px;
        flex: auto;
        display: flex;
        flex-direction: column;
        overflow: auto;
    }

    .lio_InputListCheck li {
        background-color: white;
        list-style-type: none;
        color: black;
        flex: auto;
        padding: 4px;
    }

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

        .lio_InputListCheck li:hover {
            background-color: lightblue;
            color: black;
        }


.lio_virtual_liste {
    padding: 0px;
    margin: 0px;
}

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

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

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



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



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

    .lio_listbox 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_listbox li:nth-child(even) {
            background-color: #eefcbe;
        }

        .lio_listbox li:hover {
            background-color: lightblue;
        }


        .lio_listbox li.selected {
            background-color: orange; /*Highlight;*/
            color: white;
        }

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

    .lio_listbox option:not(checked) {
        color: black;
    }

    .lio_listbox option:focus,
    .lio_listbox option:active,
    .lio_listbox option:checked {
        color: white;
        background-color: #1e90ff;
    }


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




.lio_combobox {
    color: black;
    font-family: 'LioStd';
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    font-weight: normal;
    display: flex;
    flex-direction: column;
}

    .lio_combobox article {
        flex: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 5px;
        background-color: white;
        border: 1px solid black;
    }

    .lio_combobox input {
        border: none;
        display: flex;
        flex-direction: row;
        overflow: auto;
        outline: none;
        flex: 1;
    }

    .lio_combobox ul {
        padding: 0px;
        margin: 1px 0px 1px 0px;
        flex: auto;
        background-color: white;
        overflow: auto;
        border: 1px solid black;
        max-height: 200px;
    }

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

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

        .lio_combobox li:hover {
            background-color: lightblue;
        }


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

    .lio_combobox option:nth-child(even) {
        background-color: #eefcbe;
    }

    .lio_combobox option:not(checked) {
        color: black;
    }

    .lio_combobox option:focus,
    .lio_combobox option:active,
    .lio_combobox option:checked {
        color: white;
        background-color: #1e90ff;
    }


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


.lio_combobox_filtred {
    color: black;
    font-family: 'LioStd';
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    font-weight: normal;
    display: flex;
    flex-direction: column;
}

    .lio_combobox_filtred article {
        flex: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 5px;
        background-color: white;
        border: 1px solid black;
    }


    .lio_combobox_filtred tbody {
        padding: 0px;
        margin: 1px 0px 1px 0px;
        flex: auto;
        background-color: white;
        overflow: auto;
        border: 1px solid black;
        max-height: 200px;
        flex: auto;
        display: flex;
        flex-direction: column;
    }

    .lio_combobox_filtred input {
        border: none;
        display: flex;
        flex-direction: row;
        overflow: auto;
        outline: none;
        flex: none;
        border-bottom: 1px solid black;
    }

    .lio_combobox_filtred ul {
        padding: 0px;
        display: flex;
        flex-direction: column;
        flex: auto;        
        overflow: auto;
    }

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

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

        .lio_combobox_filtred li:hover {
            background-color: lightblue;
        }


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

    .lio_combobox_filtred option:nth-child(even) {
        background-color: #eefcbe;
    }

    .lio_combobox_filtred option:not(checked) {
        color: black;
    }

    .lio_combobox_filtred option:focus,
    .lio_combobox_filtred option:active,
    .lio_combobox_filtred option:checked {
        color: white;
        background-color: #1e90ff;
    }


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




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

    .lio_comboboxcheked input {
        border: none;
        display: flex;
        flex-direction: row;
        overflow: auto;
        outline: none;
        flex: 1;
    }

    .lio_comboboxcheked ul {
        padding: 0px;
        margin: 0px 0px 1px 0px;
        flex: auto;
        background-color: white;
        overflow: auto;
        border-right: 2px solid black;
        border-left: 2px solid black;
        border-bottom: 2px solid black;
        max-height: 200px;
    }

    .lio_comboboxcheked article {
        background-color: white;
        color: black;
        font-size: 12px;
        font-style: normal;
        font-stretch: normal;
        font-weight: normal;
        flex: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 2px;
        background-color: white;
        border: 1px solid black;
        border-radius: 2px;
    }

    .lio_comboboxcheked header {
        background-color: #363636;
        color: white;
        padding: 5px;
        flex: none;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border-radius: 5px 5px 0px 0px;
    }


    .lio_comboboxcheked ol {
        padding: 0px;
        margin: 0px 0px 1px 0px;
        flex: auto;
        background-color: white;
        overflow: auto;
        max-height: 100px;
    }

    .lio_comboboxcheked 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_comboboxcheked li:nth-child(even) {
            background-color: #eefcbe;
        }

        .lio_comboboxcheked li:hover {
            background-color: lightblue;
        }


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

    .lio_comboboxcheked option:nth-child(even) {
        background-color: #eefcbe;
    }

    .lio_comboboxcheked option:not(checked) {
        color: black;
    }

    .lio_comboboxcheked option:focus,
    .lio_comboboxcheked option:active,
    .lio_comboboxcheked option:checked {
        color: white;
        background-color: #1e90ff;
    }


    .lio_comboboxcheked 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_popup_parametre {
    color: black;
    border: 2px solid black;
    border-radius: 2px;
    display: inline-block;
    max-height: 150px;
    outline: none;
    overflow: auto;
    font-family: 'LioStd';
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    font-weight: normal;
}

    .lio_popup_parametre > div:nth-child(even) {
        background-color: #C5C5C5;
    }

    .lio_popup_parametre > div:nth-child(odd) {
        background-color: #E5E5E5;
    }

    .lio_popup_parametre > div:hover {
        background-color: lightblue;
        color: black;
    }


.lio_listeversion {
    color: black;
    background: #C0C0C0;
    font-family: 'LioStd';
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    font-weight: normal;
    display: flex;
    flex-direction: column;
    padding: 5px 10px 5px 10px;
    flex: auto;
    overflow: auto;
    user-select: text;
}

    .lio_listeversion p {
        font-size: 16px;
        font-weight: bold;
        color: cornflowerblue;
        margin: 0px;
    }

    .lio_listeversion dl {
        margin-left: 20px;
    }

    .lio_listeversion dt {
        font-size: 14px;
        font-weight: normal;
    }

    .lio_listeversion dd {
        margin-left: 12px;
        font-weight: normal;
        margin-left: 20px;
        white-space: pre-wrap;
    }


.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_tab_saisie_subtitre {
    color: black;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
}

.lio_tab_saisie_sub {
    color: black;
}

    .lio_tab_saisie_sub > div:nth-child(even) {
        background-color: #C5C5C5;
        padding: 2px 0px 2px 0px;
    }

    .lio_tab_saisie_sub > div:nth-child(odd) {
        background-color: #E5E5E5;
        padding: 2px 0px 2px 0px;
    }



.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);
    }



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

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

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

.lio_button_tools_checked {
    background: linear-gradient(#FFFFFF, red);
    border: 1px solid red;
}

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_menuinfo {
    color: white;
    font-family: 'LioStd';
}

.lio_menuinfo_link {
    color: white;
    font-family: 'LioStd';
}

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

    .lio_menuinfo_link:active {
        color: steelblue;
        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_menunav_nolink {
    color: #808080;
    font-size: 12px;
    font-weight: normal;
    font-family: 'LioStd';
}


.lio_btn_connect_link {
    color: #5E5E5E;
    font-family: 'LioStd';
    cursor: pointer;
}

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




.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_multiligne {
    white-space: pre-wrap;
}

.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_texteBALISE {
    font-size: 12px;
    color: magenta;
    font-family: "LioStd";
}

.lio_popupadresse {
    background-color: #c5c5c5;
    border-radius: 5px;
}

.lio_texte_popupadresse {
    padding: 5px;
    color: black;
    font-size: 12px;
    font-family: 'LioStd';
}

.lio_popupadresse_liste_poi {
    padding: 0px;
    margin: 0px;
    flex: auto;
    background-color: #606060;
    color: white;
}

    .lio_popupadresse_liste_poi ul {
        padding: 0px;
        margin: 0px;
        flex: auto;
        background-color: #606060;
        color: white;
    }

    .lio_popupadresse_liste_poi li {
        /*background-color: white;*/
        list-style-type: none;
        color: black;
        font-size: 12px;
        font-style: normal;
        font-stretch: normal;
        font-weight: normal;
        margin-left: 5px;
        margin-right: 5px;
    }
/*
    .lio_popupadresse_liste_poi li:nth-child(even) {
        background-color: #eefcbe;
    }
*/

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

.lio_popupadresse_liste_poi .nomTypePoi {
    color: white;
}

.lio_popupadresse_liste_poi .nomPoi {
    color: wheat;
    margin-left: 10px;
}

.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_text_histo_pointcourant {
    text-align: center;
    flex: auto;
    color: white;
    font-size: 12px;
    font-weight: 900;
    font-family: "LioStd";
}

.lio_tempsreel_fond {
    background-color: #242424;
}

.lio_tempsreel_wrap_vehicule_fond {
    background-color: #242424;
}

.lio_tempsreel_wrap_vehicule_boutton_fond {
    display: flex;
    flex-direction: row;
}

.lio_tempsreel_wrap_vehicule_boutton {
    display: flex;
    flex-flow: column wrap;
    flex: 1;
    overflow: hidden;
}

.lio_tempsreel_wrap_vehicule_boutton_resize {
    cursor: e-resize;
    border-left: 1px dashed white;
    margin-top: 5px;
    margin-bottom: 5px;
    flex: 1;
    width: 5px;
}

.lio_tempsreel_vehicule_boutton {
    display: inline-block;
    background-image: linear-gradient(#606060,#707070);
    border: 1px solid black;
    border-radius: 2px;
    font-size: 12px;
    color: white;
    font-family: "LioStd";
    padding: 2px;
    margin: 2px;
    height: 30px;
    /*width: 100px;*/
    max-width: 100px;
    overflow: hidden;
}

    .lio_tempsreel_vehicule_boutton:hover {
        color: cornflowerblue;
    }

    .lio_tempsreel_vehicule_boutton:active {
        color: blue;
    }

.lio_tempsreel_vehicule_boutton_texte {
    font-size: 12px;
    font-family: "LioStd";
    margin: 2px;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.lio_mobile_selected :checked {
    color: dodgerblue;
}

.lio_mobile_tempsreellist_nomvehicule {
    font-size: 12px;
    font-family: "LioStd";
    margin: 2px;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.lio_mobile_tempsreel_texte {
    font-size: 12px;
    font-family: "LioStd";
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}


.lio_map_coordonneesposition {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1000;
}

.lio_map_geolocalisation {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1000;
}

.lio_map_geolocalisation_icon {
    padding: 10px;
    border-radius: 20px;
    background-color: white;
}

.lio_tempsreel_vehicule_boutton_led {
    align-self: end;
    height: 4px;
    flex: 1;
    margin: 0px -5px 0px -5px;
}

.lio_map_coordonnees_multi {
    background-color: transparent;
    padding-top: 5px;
}

.lio_map_coordonnees {
    background-color: #606060;
    color: white;
    font-family: 'LioStd';
    border-radius: 5px;
    margin: 0px;
    padding: 5px;
    width: fit-content;
    align-self: flex-end;
}

.lio_map_coordonnees_recherche {
    display: none;
}

.lio_map_coordonnees:hover .lio_map_coordonnees_recherche {
    display: flex;
}

.lio_map_coordonnees_saisie {
    outline: none;
}



.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 {
    background-color: #606060;
    font-size: 10px;
    color: white;
    font-family: 'LioStd';
    border-radius: 5px;
    margin: 5px 0px 0px 0px;
    padding: 5px;
}

.lio_map_tools {
    background-color: #606060;
    font-size: 10px;
    color: white;
    font-family: 'LioStd';
    border-radius: 5px;
    margin: 0px;
    padding: 5px;
}

.lio_map_popup {
    background-color: white;
    border: 1px solid black;
    font-size: 12px;
    color: black;
    font-family: 'LioStd';
    border-radius: 0px;
    margin: 2px 0px 0px 0px;
    padding: 5px;
}

.lio_map_popuplink {
    color: black;
    font-family: 'LioStd';
    font-size: 12px;
}

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

    .lio_map_popuplink:active {
        color: steelblue;
        font-family: 'LioStd';
        text-decoration: underline;
    }




.lio_map_distancier {
    background-color: #606060;
    font-size: 10px;
    color: white;
    font-family: 'LioStd';
    border-radius: 5px;
    margin: 5px 0px 0px 0px;
    padding: 5px;
}



.lio_position_map_tools_topright {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0px;
    z-index: 1000;
}

.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_capteur_nom_ana {
    font-family: 'LioStd';
    font-size: 14px;
    color: white;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

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

.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_tabitem {
    overflow: auto;
    display: flex;
    flex-direction: column;
    flex: none;
}

    .lio_tabitem > header {
        overflow: auto;
        display: flex;
        flex-direction: row;
        flex: auto;
        color: white;
    }

        .lio_tabitem > header > p[al_noselected] {
            background-color: #B0B0B0;
            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;
            margin: 0px;
            z-index: 1;
        }

        .lio_tabitem > header > p[al_selected] {
            background-color: #D5D5D5;
            color: black;
            border-top: 1px solid black;
            border-left: 1px solid black;
            border-right: 1px solid black;
            padding: 5px 10px 5px 11px;
            border-radius: 10px 10px 0px 0px;
            margin: 0px;
            z-index: 3;
        }

    .lio_tabitem > body {
        color: black;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        border-left: 1px solid black;
        border-right: 1px solid black;
        padding: 2px 2px 2px 2px;
        background-color: #D5D5D5;
        position: relative;
        top: -1px;
        z-index: 2;
    }

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

    .lio_titlegroup > header {
        background-color: #606060;
        color: white;
        padding: 5px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border: 1px solid black;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-size: 16px;
    }

        .lio_titlegroup > header > span#iconopen {
            font-family: 'Material Icons';
            font-weight: normal;
            font-style: normal;
            font-size: 24px; /* 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_titlegroup > header > span#iconopen:hover {
                color: cornflowerblue;
                cursor: pointer;
            }

            .lio_titlegroup > header > span#iconopen:active {
                color: cornflowerblue;
                cursor: Highlight;
            }

            .lio_titlegroup > header > span#iconopen::before {
                content: "arrow_drop_down";
            }

        .lio_titlegroup > header > span#iconclose {
            font-family: 'Material Icons';
            font-weight: normal;
            font-style: normal;
            font-size: 24px; /* 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_titlegroup > header > span#iconclose:hover {
                color: cornflowerblue;
                cursor: pointer;
            }

            .lio_titlegroup > header > span#iconclose:active {
                color: cornflowerblue;
                cursor: Highlight;
            }

            .lio_titlegroup > header > span#iconclose::before {
                content: "arrow_left";
            }

    .lio_titlegroup > body {
        background-color: #C5C5C5;
        border-bottom: 1px solid black;
        border-left: 1px solid black;
        border-right: 1px solid black;
        padding: 5px;
        overflow: auto;
        display: flex;
        flex-direction: column;
        flex: none;
        max-height: 250px;
    }



.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;
}




/*TabSetAllias*/
.lio_tabtempsreelvehicule {
}

    .lio_tabtempsreelvehicule > ul {
        display: flex;
        flex-direction: row;
        overflow: auto;
        background-color: #363636;
        padding: 0px;
        margin: 0px;
        flex: none;
    }


        .lio_tabtempsreelvehicule > ul > li {
            background-color: #808080;
            list-style-type: none;
            color: white;
            font-size: 12px;
            font-style: normal;
            font-stretch: normal;
            font-weight: normal;
            flex: none;
            margin-top: 2px;
            padding: 3px 5px 0px 5px;
            border-radius: 0px 5px 0px 0px;
            border: 1px solid black;
        }

            .lio_tabtempsreelvehicule > ul > li[tabactive] {
                background-color: #C0C0C0;
                color: black;
                border-radius: 0px 5px 0px 0px;
                border-top: 1px solid white;
                border-right: 1px solid white;
                border-left: 1px solid white;
                border-bottom: 1px solid #C0C0C0;
            }

    .lio_tabtempsreelvehicule > main {
        display: flex;
        flex-direction: column;
        overflow: auto;
        border-top: 2px solid #C0C0C0;
    }
/* Carto*/
.lio_PopupContent {
    border: 2px solid black;
    border-radius: 2px;
    display: inline-block;
    max-height: 150px;
    outline: none;
    overflow: auto;
}





.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_TourneeAvancement_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 5px;
    padding: 5px;
    border: 1px solid black;
    border-radius: 2px;
    background-color: white;
    color: black;
}

.lio_TourneeAvancement_NouvelleTournee,
.lio_TourneeAvancement_AjouteDansOrdre {
    background-color: rgba(0,255,0,1);
}

.lio_TourneeAvancement_AjouteErreurOrdre {
    background-color: rgba(212,158,247,1);
}

.lio_TourneeAvancement_AjoutePasDansLaTournee,
.lio_TourneeAvancement_PasDeTourneeEnCours,
.lio_TourneeAvancement_AbsentDesTournees {
    background-color: orange;
}

.lio_TourneeAvancement_NonEffectue {
    background-color: white;
}


.lio_mobile_header {
    flex: none;
    background-color: #242424;
    padding: 2px;
}

.lio_mobile_bottommenu {
    flex: none;
    background-color: #242424;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-top: 1px solid white;
    padding: 5px;
    background-color: black;
}



/*.lio_mobile_buttonicon {
    margin: 2px;
    font-size: 30px;
}*/

.lio_mobile_buttonicon {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 10px;
    color: #E7CBBB;
    cursor: pointer;
    border-radius: 4px;
    /*border : 1px solid red;*/
}

.lio_mobile_iconsize {
    font-size: 40px;
}

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




.lio_mobile_nomapp {
    font-size: 30px;
    color: #F0F0F0;
    font-style: italic;
    font-family: 'LioGramondItalic';
}


.lio_mobile_tempsreel_item {
    background-color: #acacac;
    padding: 5px;
    border-bottom: 1px solid black;
    color: black;
    font-size: 12px;
}

.lio_mobile_tempsreel_vehicule {
    font-size: 16px;
    font-weight: bold;
}

.lio_mobile_tempsreel_immat {
    font-size: 12px;
}


.lio_mobile_tempsreel_adresse {
}

.lio_mobile_tempsreel_commune {
}

.lio_mobile_tempsreel_date {
}

.lio_mobile_tempsreel_contactoff {
    font-size: 16px;
    font-weight: bold;
    color: darkred;
}

.lio_mobile_tempsreel_vitesse {
    font-size: 16px;
    font-weight: bold;
    color: limegreen;
}

.lio_mobile_tempsreel_vitesseunitee {
    font-size: 12px;
    font-weight: bold;
    color: limegreen;
}

.lio_mobile_etapetitre {
    /*align-self: center;*/
    border: 1px solid Highlight;
    border-radius: 5px;
    color: black;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    /* background-color: lightblue*/
    background: linear-gradient(0deg,lightblue 0%, LightSteelBlue 50%, lightblue 100%);
}

.lio_mobile_etape {
    border: 1px solid white;
    border-radius: 5px;
    padding: 5px;
    /*background: linear-gradient(#ffffff, #c5c5c5);*/
    /*background: linear-gradient(0deg,  rgba(255,255,255,1) 0%, rgba(197,197,197,1) 50%, rgba(255,255,255,1) 100%);*/
    background: linear-gradient(0deg, rgba(210,210,210,1) 0%, rgba(255,255,255,1) 50%, rgba(210,210,210,1) 100%);
    color: black;
}
/*
.lio_mobile_etapedeplacement {
    align-self: center;
    border: 1px solid white;
    border-radius: 5px;
    color: black;    
    padding: 5px;
    background-color: #c5c5c5
}*/



.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;
}

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

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

    .lio_InputFileAlliasButton:hover {
        background: linear-gradient(#FFFFFF, Highlight);
    }

.lio_InputFileAllias {
    display: flex;
    flex-direction: row;
    flex: auto;
    overflow: auto;
    background-color: white;
    color: black;
    position: relative;
}


    .lio_InputFileAllias ul {
        padding: 0px;
        margin: 0px;
        flex: auto;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        overflow-x: clip;
    }

    .lio_InputFileAllias li {
        display: flex;
        flex-direction: row;
        flex: auto;
        background-color: white;
        list-style-type: none;
        color: black;
        /*font-size: 12px;*/
        font-style: normal;
        font-stretch: normal;
        font-weight: normal;
        flex: none;
    }

    .lio_InputFileAllias:hover {
        background-color: #69f184;
    }



.lio_InputFileAlliasOneFile {
    display: flex;
    flex-direction: row;
    flex: auto;
    overflow: auto;
    background-color: white;
    color: black;
    position: relative;
}


    .lio_InputFileAlliasOneFile ul {
        padding: 0px;
        margin: 0px;
        flex: auto;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        overflow-x: clip;
        justify-content: center
    }

    .lio_InputFileAlliasOneFile li {
        display: flex;
        flex-direction: row;
        flex: auto;
        background-color: white;
        list-style-type: none;
        color: black;
        font-style: normal;
        font-stretch: normal;
        font-weight: normal;
        flex: none;
    }

    .lio_InputFileAlliasOneFile[dragging] {
        background-color: #69f184;
        border: 4px dashed black;
    }



.lio_cursor_add {
    cursor: url('/cursor/CusrorAdd.png'),auto
}

.lio_cursor_cut {
    cursor: url('/cursor/CusrorCut.png'),auto
}

.lio_cursor_removepoint {
    cursor: url('/cursor/CusrorRemovePoint.png'),auto
}




.lio_cursor_del {
    cursor: url('/cursor/CusrorDel.png'),auto
}

.lio_cursor_fusion {
    cursor: url('/cursor/CusrorPolyLine.png'),auto
}

.lio_cursor_hlp {
    cursor: url('/cursor/CusrorHLP.png'),auto
}

.lio_cursor_collecte {
    cursor: url('/cursor/CusrorCollecte.png'),auto
}

.lio_cursor_bilaterale {
    cursor: url('/cursor/CusrorBilaterale.png'),auto
}

.lio_cursor_marchearriere {
    cursor: url('/cursor/CusrorMarcheArriere.png'),auto
}


.lio_cursor_reverseline {
    cursor: url('/cursor/CusrorRevertLine.png'),auto
}


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

    25% {
        width: 50%;
    }

    50% {
        width: 75%;
    }

    75% {
        width: 85%;
    }

    100% {
        width: 100%;
    }
}