/*
 * GL - 02-02-2024 - Refonte design
*/
:root {
    --font-size: 13px;
    --color-primary: #eb5b6a;
    --color-primary-rgb: 235, 91, 106;
    --color-primary-light: #e999a0;
    --color-secondary: #272a5b;
    --color-secondary-rgb: 39, 42, 91;
    --color-text: var(--color-secondary, #272a5b);
    /* Couleur à utilisé quand le BG est sombre */
    --color-text-light: white;
    --width-max: 1375px;
    --z-index-0: 1;
    --z-index-1: 10;
    --z-index-2: 20;
    --z-index-fg-0: 80;
    --z-index-fg-1: 90;
    --z-index-fg-2: 100;
}
/* Définition des polices */
@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-VariableFont_wght.ttf');
    font-weight: 100 900;
}
@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-Italic-VariableFont_wght.ttf');
    font-weight: 100 900;
    font-style: italic;
}
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?hhzsix');
    src: url('fonts/icomoon.eot?hhzsix#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?hhzsix') format('truetype'),
    url('fonts/icomoon.woff?hhzsix') format('woff'),
    url('fonts/icomoon.svg?hhzsix#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
/*
[class^="icon-"],
[class*=" icon-"] {
} */
.icon-alics {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    background-image: none;
    text-indent: 0;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    background-image: none !important;
    float: none;
    text-indent: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}
.fm-button-icon-left .icon-alics
{
    right: auto;
    left: .2em;
    margin-left: 0;
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.icon-picto-afficher-masquer:before {
    content: "\e900";
}
.icon-picto-param:before {
    content: "\e901";
}
.icon-picto-boite-filtres:before {
    content: "\e902";
}
.icon-picto-boite-outils:before {
    content: "\e903";
}
.icon-picto-calendrier:before {
    content: "\e904";
}
.icon-picto-dossier-loupe:before {
    content: "\e905";
}
.icon-picto-download:before {
    content: "\e906";
}
.icon-picto-entretien:before {
    content: "\e907";
}
.icon-picto-entretien2:before {
    content: "\e908";
}
.icon-picto-entretien-pro:before {
    content: "\e909";
}
.icon-picto-filtre:before {
    content: "\e90a";
}
.icon-picto-formation:before {
    content: "\e90b";
}
.icon-picto-loupe:before {
    content: "\e90c";
}
.icon-picto-modifier:before {
    content: "\e90d";
}
.icon-picto-oeil:before {
    content: "\e90e";
}
.icon-picto-personne-etoiles:before {
    content: "\e90f";
}
.icon-picto-reorganiser-colonnes:before {
    content: "\e910";
}
.icon-picto-retablir-param:before {
    content: "\e911";
}
.icon-picto-salarie:before {
    content: "\e912";
}
.icon-picto-salarie-loupe:before {
    content: "\e913";
}
.icon-picto-trash:before {
    content: "\e914";
}
.icon-picto-vider-champs:before {
    content: "\e915";
}
.icon-picto-chevron-up:before {
    content: "\e916";
    font-size: .6em !important;
}
.icon-picto-chevron-down:before {
    content: "\e917";
    font-size: .6em !important;
}
/* --------------------------- Pictos font awesome -------------------------- */
.icon-picto-ajouter
{
    font-family: 'FontAwesome' !important;
    margin-bottom: -2px !important;
}
.icon-picto-ajouter:before
{
    content: "\f196";
}
.icon-picto-lock
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-lock:before
{
    content: "\f023";
}
.icon-picto-unlock
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-unlock:before
{
    content: "\f09c";
}
.icon-picto-check
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-check:before
{
    content: "\f00c";
}
.icon-picto-key
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-key:before
{
    content: "\f084";
}
.icon-picto-dupliquer
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-dupliquer:before
{
    content: "\f24d";
}
.icon-picto-print
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-print:before
{
    content: "\f1c1";
}
.icon-picto-script
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-script:before
{
    content: "\f0f6";
}
.icon-picto-save
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-save:before
{
    content: "\f0c7 ";
}
.icon-picto-cancel
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-cancel:before
{
    content: "\f05e";
}
.icon-picto-refresh
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-refresh:before
{
    content: "\f021";
}
.icon-picto-excel
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-excel:before
{
    content: "\f1c3 ";
}
.icon-picto-piechart
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-piechart:before
{
    content: "\f200";
}
.icon-picto-valise
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-valise:before
{
    content: "\f0f2";
}
.icon-picto-menu
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-menu:before
{
    content: "\f0c9";
}
.icon-picto-next
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-next:before
{
    content: "\f105";
}
.icon-picto-prev
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-prev:before
{
    content: "\f104";
}
.icon-picto-first
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-first:before
{
    content: "\f100";
}
.icon-picto-last
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-last:before
{
    content: "\f101";
}
.icon-picto-cross
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-cross:before
{
    content: "\f00d";
}
.icon-picto-external
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-external:before
{
    content: "\f08e";
}
.icon-picto-backup
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-backup:before
{
    content: "\f0ad";
}
.icon-picto-disable {
    font-family: 'FontAwesome' !important;
}
.icon-picto-disable:before {
    content: "\f204";
}

.ui-icon.ui-icon-closethick,
.ui-icon.ui-icon-circle-close
{
    font-family: 'FontAwesome' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    background: none !important;
    float: none !important;
    text-indent: 0 !important;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none !important;
    float: none !important;
    text-indent: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}
.ui-icon-closethick.ui-icon:before,
.ui-icon.ui-icon-circle-close::before
{
    content: "\f00d";
}
.icon-picto-repeat
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-repeat:before
{
    content: "\f01e";
}
.icon-picto-audit
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-audit:before
{
    content: "\f0f1";
}
.icon-picto-send
{
    font-family: 'FontAwesome' !important;
}
.icon-picto-send:before
{
    content: "\f1d9";
}

body,
html {
    font-size: var(--font-size, 13px);
    margin: 0;
    padding: 0;
    color: var(--color-text, #272a5b);
    background: white;
    font-family: "Work Sans", Arial, sans-serif;
    box-sizing: border-box;
    font-weight: 400;
}
html
{
    width: 100%;
    height: 100%;
}
body
{
    display: flex;
    background: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0, 0, 0, 0) 80px) !important;
    height: 100%;
}

/* -------------------------------------------------------------------------- */
/*                                 ANCIEN CSS                                 */
/* -------------------------------------------------------------------------- */
/*
body * {
    cursor: default;
}
*/
body.wait *,
body.wait {
    cursor: wait !important;
}
a {
    text-decoration: none;
}
img {
    border: none;
}
input {
    font-size: 1em;
}
.full_page {
    position: absolute;
    margin-top: 10px;
    left: 90px;
    width: calc(100% - 100px);
    height: 100%;
}
#application_titre {
    font-weight: 600;
    font-size: 18px;
    display: flex;
    align-items: center;
}
.date {
    text-align: center;
}
.page_principale {
    margin-left: 60px;
}
.menubar li a {
    color: #000000;
}
.ui-autocomplete-loading {
    background: url('images-extra/autocomplete_load.gif') no-repeat right center
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #eee;
    border: 1px solid #ccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

* html .ui-autocomplete {
    height: 200px;
}
.ui-autocomplete a.ui-menu-item-alternate {
    background-color: #F8F8F8;
}
/* .ui-dialog {
    box-shadow: 0px 0px 15px 2px #000;
} */
.caliBloc-container {
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: auto;
}
.caliBloc-entete {
    padding: 8px;
}
.caliBloc-entete-sortable {
    cursor: move
}
.caliBloc-contenu {
    padding: 4px;
    background: white;
}
.caliBloc-toolbar {
    float: right;
    border: none;
    margin-left: 20px;
}
.caliBloc-toolbar div {
    border: none !important;
}
.caliBloc-placeholder {
    border: 1px dotted black;
    visibility: visible !important;
    float: left;
    margin: 5px 5px 5px 0px
}
.caliSlide {
    position: relative;
    overflow: hidden;
}
.caliSlide img {
    width: 98%;
    position: absolute;
    top: 0;
    z-index: 1;
    opacity: 0;
}
.accueil_ligne_linkable {
    padding: 0.2em;
    border: 1px solid transparent;
    font-weight: normal !important;
}
#page {
    position: relative;
    left: 110px;
    top: 10px;
    width: 90%;
}
.obligatoire {
    background: #FFFDF5;
    color: #000000;
    font-style: normal;
}
label:has(+ input.obligatoire)::after, label:has(+ input:required)::after {
    content: " *";
    color: red;
    font-size: 1.2em;
}
.noedit {
    background: #B0CBE6;
    color: #000000;
}
/*
.ui-state-highlight-web,
.ui-widget-content .ui-state-highlight-web,
.ui-widget-header .ui-state-highlight-web {
    border: 1px solid #fad42e;
    background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
    color: #363636;
}
.ui-state-highlight-web a,
.ui-widget-content .ui-state-highlight-web a,
.ui-widget-header .ui-state-highlight-web a {
    color: #363636;
} */
.jxconteneur {
    position: absolute;
}
.ui-pg-div {
    font-weight: 600 !important
}
.ui-jqgrid
{
    font-size: var(--font-size);
}
.ui-jqgrid .ui-pg-table .ui-pg-input {
    width: auto !important;
    float: none !important;
    line-height: 13px;
}
.aide {
    cursor: help;
}
.bulle {
    border-radius: 5px;
    padding: 5px;
}
.FormElement.ui-widget-content {
    width: 100%;
}
div.table {
    display: table;
    width: 100%;
    border-collapse: collapse;
}
div.table>div {
    display: table-row;
}
div.table>div>div {
    display: table-cell;
    padding: 2px;
}
div.table>div:first-child>div:first-child {
    border-top-left-radius: 4px;
}
/* -------------------------------------------------------------------------- */
/*                               FIN ANCIEN CSS                               */
/* -------------------------------------------------------------------------- */
.container_max {
    max-width: var(--width-max, 1375px);
    margin: auto;
}
#main_container {
    margin-top: 55px;
    padding-bottom: 55px;
    min-width: var(--width-max);
}
#titre_page_container
{
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(209, 209, 209);
}
#titre_page_container .titrePage
{
    font-size: 24px;
    line-height: 2em;
    padding-left: 5px;
    font-weight: 600;
}
.formContainer
{
    z-index: var(--z-index-0,1);
}
/* .caliBloc-contenu, .ui-dialog .ui-dialog-content
{
    background: white url("images/fond_form_appli.png") top left no-repeat;
} */
/* -------------------------------------------------------------------------- */
/*                                  Menu haut                                 */
/* -------------------------------------------------------------------------- */
#div_haut_entete {
    height: 55px;
    position: fixed;
    display: flex;
    background: var(--color-secondary, #272a5b);
    box-sizing: border-box;
    box-shadow: inset 0px -10px 10px -5px black;
    color: var(--color-text-light, white);
    top: 0;
    left: 0;
    width: 100%;
    z-index: var(--z-index-fg-2, 100);
}
#logo_app {
    display: flex;
    width: 100px;
    flex-shrink: 0;
    flex-grow: 0;
    padding-bottom: 10px;
}
#logo_app img, #accueil img {
    width: 100%;
    height: 100%;
}
#div_haut_entete .container_max {
    display: flex;
    width: 100%;
    height: 100%;
    gap: 20px;
}

#div_haut_entete #menu_param_container {
    margin-left: auto;
    display: flex;
    margin-right: -110px;
    position: relative;
    flex-shrink: 0;
}
.left-shadow, .right-shadow
{
    width: 110px;
    position: relative;
    overflow: hidden;
}
.left-shadow::before, .right-shadow::before
{
    content: "";
    position: absolute;
    height: 130px;
    width: 20px;
    transform: rotate(50deg);
    box-shadow: 28px -27px 20px 2px #0000003d, 11px -11px 9px 1px #00000059;
    top: -30px;
}
#menu_param
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#menu_param .infos
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#menu_param .infos #infos_login
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 15px;
    font-weight: 300;
}
#menu_param .infos #infos_login i
{
    font-size: 24px !important;
}
#menu_param .menu-param-content
{
    display: none;
    position: absolute;
    top: 100% !important;
    left: 0;
    height: auto;
    overflow: hidden;
    width: calc(100% - 105px);
    margin: 0;
    padding: 10px 0px;
    /* background: linear-gradient(to bottom, #171838, #2b2e69 35px); */
    background: var(--color-secondary);
    box-shadow: 7px 6px 8px -2px rgba(0, 0, 0, 0.41);
    z-index: var(--z-index-fg-1, 90);
    box-sizing: border-box;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
#menu_param .menu-param-content .menu-item,
#menu_param .menu-param-content .menu-item a
{
    width: 100%;
    display: flex;
    padding: 5px 20px;
}
#menu_param .menu-param-content.active
{
    display: flex;
    flex-direction: column;
}
#menu_param .menu-param-content a,
#menu_param .menu-param-content a:visited
{
    color: white !important;
}
#div_haut_entete #menu_param_container::before {
    left: 0;
}
#div_haut_entete #menu_param_container::after {
    right: 90px;
}

/* ---------------------------- Menu et sous menu --------------------------- */
#menu {
    display: flex;
    height: 100%;
    align-items: center;
    margin: 0;
    padding: 0;
}
#menu .menu-item {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
#menu>.menu-item {
    margin-bottom: -20px;
    padding-bottom: 20px;
}
#menu>.menu-item>a {
    font-size: 16px;
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
#menu>.menu-item>a > i {
    transition: transform .2s ease-in;
    transform: rotate(0deg);
}
#menu>.menu-item:hover .fa-chevron-down {
    transform: rotate(180deg);
}
#menu>.menu-item:hover a {
    color: rgba(var(--color-primary-rgb), .7);
}
#menu .menu-item a {
    color: var(--color-text-light, white);
    text-decoration: none;
    text-align: center;
    font-weight: 300;
}
#menu .menu-item.active a,
#menu .liste_sous_menu .menu-item.active,
#menu .liste_sous_menu .menu-item.active a {
    color: var(--color-primary);
    font-weight: 600;
}
#menu .menu-item a .icon-arrow {
    margin-left: 15px;
}
#menu_container .ui-menubar-item .sous_menu {
    left: 0 !important;
    box-sizing: border-box;
}
#menu .sous_menu {
    display: none;
    position: absolute;
    top: 100% !important;
    left: 0;
    height: auto;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .9);
    width: 100vw;
    padding: 0;
    background: white;
    box-shadow: 0px 8px 5px -5px rgb(185, 185, 185);
    z-index: var(--z-index-fg-1, 90);
}
#menu .sous_menu.active {
    display: block;
}
#menu .sous_menu .sous_menu_content {
    margin: auto;
    flex-direction: column;
    padding: 10px;
    box-sizing: border-box;
    padding-top: 30px;
    padding-bottom: 40px;
}
#menu .sous_menu_title {
    width: 100%;
    border-bottom: 1px solid var(--color-primary, #eb5b6a);
    font-weight: 600;
    font-size: 24px;
    color: var(--color-primary, #eb5b6a);
    margin-bottom: 10px;
    padding-bottom: 5px;
    margin-left: 5px;
    display: flex;
    flex-direction: row;
    gap: 15px;
}
#menu .sous_menu_title a{
    display: flex;
    flex-direction: row;
    gap: 15px;
    font-weight: 600;
    font-size: 24px;
    color: var(--color-primary, #eb5b6a) !important;
}
#menu .sous_menu_title i
{
    color: var(--color-secondary, #272a5b);
    font-size: 36px;
}
#menu .liste_sous_menu {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-auto-flow: column;
    column-gap: 10px;
    row-gap: 5px;
}
#menu .liste_sous_menu .menu-item {
    list-style: none;
}
#menu .liste_sous_menu .menu-item a {
    padding: 4px;
    padding-left: 5px;
    padding-right: 60px;
    position: relative;
    text-decoration: none;
    color: var(--color-text, #272a5b);
    font-weight: 600;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}
#menu .liste_sous_menu .menu-item,
#menu .liste_sous_menu .menu-item a {
    color: var(--color-text, #272a5b);
}
#menu .liste_sous_menu .menu-item:not(:nth-child(-n+3)) a::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: -5px;
    background: lightgray;
}

#menu .liste_sous_menu .menu-item a:hover {
    background: rgb(228, 228, 228);
    border-radius: 5px;
}
#menu .liste_sous_menu .menu-item:nth-child(n+4) a {
    padding-left: 60px;
}
#menu .liste_sous_menu .menu-item a:hover::before {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 100%;
    background-color: var(--color-primary, #eb5b6a);
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    right: 30px;
}
#menu .liste_sous_menu .menu-item:nth-child(n+4) a:hover::before {
    left: 30px;
}
.menubar .ui-widget-content .ui-state-focus {
    background: white;
    color: var(--color-text, #272a5b);
}
/* -------------------------- Fin menu et sous menu ------------------------- */
/* -------------------------------------------------------------------------- */
/*                                   Jqgrid                                   */
/* -------------------------------------------------------------------------- */
.ui-widget-header,
.ui-jqgrid-titlebar.ui-widget-header,
.ui-jqgrid .ui-jqgrid-titlebar {
    background: linear-gradient(to right, rgb(238, 238, 240) 0%, rgb(203, 203, 226) 100%);
    height: 30px;
    margin-bottom: 5px;
    color: var(--color-text, #272a5b);
    font-weight: 600;
    border: none;
    border-radius: 5px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 14px;
}
.ui-jqgrid .ui-jqgrid-titlebar {
    position: absolute;
    top: -40px;
    width: 100%;
}
.ui-widget-header.caliBloc-entete {
    margin-bottom: 5px;
}
/* GL - 06-02-2024 - 2px car bordure droite/gauche */
/* .ui-jqgrid-titlebar.ui-widget-header,
.ui-dialog-titlebar.ui-widget-header {
    position: absolute;
    top: -35px;
    width: calc(100% + 2px);
    left: -1px;
} */
.ui-tabs .ui-tabs-nav {
    display: flex;
    gap: 10px;
    padding: 0;
    overflow: auto;
    padding-bottom: 10px;
}
.ui-tabs .ui-tabs-nav::before {
    content: unset;
}
.ui-widget-content .ui-widget-header.caliBloc-entete {
    padding: 5px 10px;
}
.ui-widget-content .ui-widget-header.caliBloc-entete,
.ui-tabs .ui-tabs-nav li {
    background-color: rgb(219, 219, 219);
    border: none;
    border-radius: 5px;
    color: var(--color-text);
    font-weight: normal;
    box-sizing: border-box;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ui-tabs .ui-tabs-nav li {
    opacity: .5;
    padding: 0;
    margin: 0;
}
.ui-tabs .ui-tabs-nav li a.ui-tabs-anchor {
    color: var(--color-text);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 20px;
    min-width: 100px;
    height: 100%;
    box-sizing: border-box;
}
.ui-widget-content .ui-widget-header.caliBloc-entete.ui-state-active,
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    opacity: 1;
    font-weight: 600;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding: 0;
    margin: 0;
}
.ui-tabs-nav.ui-widget-header {
    background: none;
    height: auto;
}
.ui-tab-content,
.ui-tabs-panel {
    overflow: auto;
}
.ui-dialog {
    /*top: 35px !important; C'est mal de faire ça */
    /*overflow: visible;*/
    filter: drop-shadow(0px 3px 10px #151515);
}
.ui-dialog .ui-dialog-content {
    padding: 0;
}
.ui-jqgrid .ui-jqgrid-toppager {
    padding-bottom: 10px !important;
    border-radius: 5px;
}
.ui-jqgrid .ui-jqgrid-bdiv {
    height: 100% !important;
    padding-bottom: 15px;
}
.ui-jqgrid-btable tr,
.ui-jqgrid tr.ui-row-ltr td {
    border: 0;
}
/* .ui-jqgrid-btable tr:nth-child(odd) {
    background: #e9e9e9;
} */
.ui-state-default.ui-jqgrid-hdiv .ui-jqgrid-htable .ui-state-default {
    border: none;
}
.ui-jqgrid tr.jqgrow td {
    text-overflow: ellipsis;
}
.ui-jqgrid tr.ui-search-toolbar th {
    border-color: #bfbfbf !important;
}
/* .ui-jqgrid .ui-jqgrid-toppager
{
	border: 1px solid !important;
	border-bottom: none !important;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-sizing: border-box;
}
.ui-jqgrid .ui-jqgrid-hdiv, .ui-jqgrid .ui-jqgrid-bdiv
{
	border-left: 1px solid !important;
	border-right: 1px solid !important;
    box-sizing: border-box;
}
.ui-jqgrid .ui-jqgrid-pager
{
	border: 1px solid !important;
	border-top: none !important;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-sizing: border-box;
}
.ui-jqgrid .ui-jqgrid-toppager,
.ui-jqgrid .ui-jqgrid-hdiv, .ui-jqgrid .ui-jqgrid-bdiv,
.ui-jqgrid .ui-jqgrid-pager
{
    border-color: #cdd2df !important;
}
 */
.jqGrid_conteneur
{
    margin-top: 50px;
}
.jqGrid_conteneur .ui-jqgrid
{
    border: 1px solid #cdd2df !important;
    border-radius: 5px;
    box-sizing: content-box !important;
}
.ui-widget-content.caliBloc-container {
    border: none;
}

.caliBloc-contenu, .caliAgendaPrincipal {
    border: 1px solid #c8c8c8;
    border-radius: 5px;
}
.formActions {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}
.ui-datepicker, .ui-multiselect-menu {
    background: #f1f1f7;
    filter: drop-shadow(0px 2px 5px rgb(39, 39, 39,.5));
}

.ui-jqgrid .ui-jqgrid-hbox
{
    float: none !important;
    padding-right: 0 !important;
}
.ui-jqgrid-view > table
{
    width: 100%;
}
.ui-jqgrid .ui-jqgrid-htable th div
{
    padding: 0 !important;
}
.ui-jqgrid .ui-jqgrid-htable th
{
    padding: 0 !important;
}
/* th.ui-th-column div, .ui-jqgrid tr.jqgrow td, .ui-jqgrid .ui-jqgrid-htable th, .ui-jqgrid .ui-jqgrid-htable th div
{
    padding: 0 !important;
} */
/* Hack pour empêcher l'ajout des 5px au calcul des colwidth de jqgrid */
.ui-jqgrid tr.jqgrow td
{
    min-width: 6px;
}
.ui-jqgrid tr.jqgfirstrow td
{
    box-sizing: border-box;
}
.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid .ui-jqgrid-pager,
.ui-jqgrid .ui-jqgrid-bdiv
{
    z-index: var(--z-index-0,1);
}
.ui-search-table .ui-search-input > *
{
    width: 100% !important;
}
.ui-jqgrid tr.jqgrow td,
.ui-jqgrid tr.jqgroup td
{
    padding: 2px 5px;
}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button
{
    padding: 5px;
    background : rgb(233, 233, 233);
    border-radius: 5px;
    width: 30px;
    box-sizing: border-box;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button:hover:not(.ui-state-disabled),
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button:hover:not(.ui-state-disabled),
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button.ui-state-hover:not(.ui-state-disabled),
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button.ui-state-hover:not(.ui-state-disabled)
{
    padding: 5px;
    background: rgba(var(--color-primary-rgb), .5);
    color: white;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button.ui-state-disabled,
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button.ui-state-disabled
{
    padding: 5px !important;
    background: none !important;
    width: 4px !important;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button.ui-state-disabled span,
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button.ui-state-disabled span
{
    margin: 0 !important;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div
{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    float: none;
    line-height: 100%;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.icon-alics,
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.icon-alics
{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 18px;
    height: 100%;
    width: 100%;
    margin: 0;
}
.ui-jqgrid .loading, .loading_pivot
{
    z-index: var(--z-index-fg-0, 80);
}
.ui-grid-ico-sort
{
    font-size: 13px !important;
    margin-left: 5px !important;
    font-weight: bold !important;
    color: #d4d4d4;
    height: auto !important;
    margin-left: 5px !important;
    margin-top: 0 !important;
    bottom: 2px !important;
    overflow: visible !important;
}
.ui-grid-ico-sort.ui-state-disabled
{
    display: none;
}
.ui-jqgrid .ui-jqgrid-pager .navtable, .ui-jqgrid .ui-jqgrid-toppager .navtable
{
    border-collapse: separate;
    border-spacing: 5px 0;
}
.ui-jqgrid .ui-pg-selbox, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-selbox
{
    padding-left: 4px !important;
    border-radius: 6px !important;
    border: 1px solid #aeaeae !important;
}
.ui-jqgrid .ui-pg-input, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-input
{
    border: 1px solid #aeaeae !important;
}
.ui-jqgrid .ui-search-table td.ui-search-clear
{
    width: 15px;
}
/**
 * Pour les picto qui apparaissent sur les lignes de jqGrid
 */
.ui-jqgrid-picto-line-container {
    padding: 5px;
    background: rgb(233, 233, 233);
    border-radius: 5px;
    width: 30px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    float: none;
    line-height: 100%;
    cursor: pointer;
}
/*.div_page {*/
/*    position: relative;*/
/*    margin-top: 10px;*/
/*    left: 60px;*/
/*    width: calc(100% - 70px);*/
/*    height: calc(100% - 110px);*/
/*}*/

/******************************************************************************
 *
 *  jQuery UI Dialog - Modern Theme
 *
 ******************************************************************************/
/*==============================================================================
    Overlay
==============================================================================*/
.ui-widget-overlay {
    background: rgba(15,23,42,.28);
    opacity: 1;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

/*==============================================================================
    Dialog
==============================================================================*/
.ui-dialog {
    padding: 0;
    overflow: hidden;
    border: none !important;
    border-radius:10px;
    background: #FFF;
    box-shadow:
            0 20px 60px rgba(15,23,42,.18),
            0 8px 18px rgba(15,23,42,.08);
    animation: dialogAppear .16s ease-out;
}
@keyframes dialogAppear {
    from {
        opacity: 0;
        transform: translateY(-12px) scale(.985);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

/*==============================================================================
    Title bar
==============================================================================*/
.ui-dialog .ui-dialog-titlebar {
    padding: 16px 24px;
    border: 0;
    border-bottom: 1px solid #ECEFF5;
    background: #FFF;
}
.ui-dialog .ui-dialog-title {
    margin: 0;
    color: #1E293B;
    font-size:18px;
    font-weight:600;
    line-height: 30px;
}

/*==============================================================================
    Close button
==============================================================================*/
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    width:30px;
    height:30px;
    margin: 0;
    padding: 0;
    border: none !important;
    border-radius: 8px;
    background: transparent !important;
    transition: background .15s ease;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
    background: #EEF2F7 !important;
}
.ui-dialog .ui-dialog-titlebar-close:focus {
    outline: none;
}
/* on supprime totalement l'ancien sprite */
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
    display: none;
}
/* nouvelle croix */
.ui-dialog .ui-dialog-titlebar-close::before {
    content: "✕";
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #64748B;
    font-size: 17px;
    font-weight: 600;
}

/*==============================================================================
    Content
==============================================================================*/
.ui-dialog .ui-dialog-content {
    padding: 24px;
    background: #FFF;
    color: #334155;
}

/*==============================================================================
    Button bar
==============================================================================*/
.ui-dialog .ui-dialog-buttonpane {
    margin: 0;
    padding: 16px 20px;
    background:#F8FAFC;
    border: 0;
    border-top: 1px solid #ECEFF5;
}
.ui-dialog .ui-dialog-buttonset {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/*==============================================================================
    Buttons
==============================================================================*/
.ui-dialog .ui-dialog-buttonpane button {
    margin: 0;
    min-width: 110px;
    height: 40px;
    padding: 0 20px;
    border-radius: 8px;
    border: 1px solid #D6DCE5;
    background: #FFF;
    color: #344054;
    font-size: 14px;
    font-weight: 500;
    transition: all .15s ease;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
    background: #F5F7FA;
    border-color: #C8D0DA;
}
/*
    Le dernier bouton est considéré comme secondaire, on met les autres en avant.
*/
.ui-dialog .ui-dialog-buttonpane button:not(:last-child) {
    background: #4F6EF7;
    color: #FFF;
    border-color: #4F6EF7;
}
.ui-dialog .ui-dialog-buttonpane button:last-child:hover {
    background: #3E5CE8;
}
/******************************************************************************
 * Dialogues de type "message"
 ******************************************************************************/
.ui-dialog.dialog-message {
    min-width: 320px;
    max-width: 450px;
}
.ui-dialog.dialog-message .ui-dialog-titlebar {
    padding: 12px 18px;
}
.ui-dialog.dialog-message .ui-dialog-title {
    font-size: 16px;
    line-height: 24px;
}
.ui-dialog.dialog-message .ui-dialog-content {
    padding: 18px 20px;
    border: none;
}
.ui-dialog.dialog-message .ui-dialog-content > div{
    display: flex;
    gap: 15px;
}
.ui-dialog.dialog-message ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ui-dialog.dialog-message .ui-dialog-buttonpane {
    padding: 12px 16px;
}
/* S'il n'y a pas de boutons, le pane sera masqué en JS */
.ui-dialog.dialog-message .ui-dialog-buttonpane:empty {
    display: none;
}
.dialog-message i {
    box-sizing: border-box;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    text-align: center;
    padding-top: 4px;
}
.dialog-message.ui-state-highlight i {
    background:#DBEAFE;
    color:#2563EB;
}
.dialog-message.ui-state-error i {
    background:#FEE2E2;
    color:#DC2626;
}
.dialog-message.ui-state-default i {
    background:#F3F4F6;
    color:#667085;
}
/*==============================================================================
    Typography
==============================================================================*/
.ui-widget {
    font-family:
            "Segoe UI",
            Roboto,
            Arial,
            sans-serif;
    font-size: 14px;
}
.ui-widget-content {
    color: #334155;
}

/*==============================================================================
    Optional tweaks
==============================================================================*/
/* un léger espace par rapport au haut de l'écran */
.ui-dialog {
    margin-top: 3vh !important;
    border:1px solid #E5E7EB !important;
}
/* évite les pointillés de focus de vieux thèmes */
.ui-dialog :focus {
    outline: none;
}
.ui-dialog {
    border-radius: 10px !important;
}
.ui-dialog-titlebar {
    border-radius: 0;
}
.ui-dialog-content {
    border-radius: 0;
}
.ui-dialog-buttonpane {
    border-radius: 0;
}
/******************************************************************************
 * TABS
 ******************************************************************************/
.ui-tabs {
    padding: 0;
    border: none;
    background: transparent;
}
/******************************************************************************
 * Barre des onglets
 ******************************************************************************/
.ui-tabs-nav {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    padding-bottom: 10px !important;
    border: none !important;
    border-bottom: 1px solid #E6EAF0;
    background: transparent !important;
}
.ui-tabs-nav::-webkit-scrollbar {
    height:8px;
}
.ui-tabs-nav::-webkit-scrollbar-track {
    background:transparent;
}
.ui-tabs-nav::-webkit-scrollbar-thumb {
    background:#C8CDD8;
    border-radius:10px;
}
.ui-tabs-nav::-webkit-scrollbar-thumb:hover {
    background:#AEB7C7;
}
/******************************************************************************
 * Onglets
 ******************************************************************************/
.ui-tabs-nav li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}
/******************************************************************************
 * Lien
 ******************************************************************************/
.ui-tabs-nav li a {
    display: block;
    padding: 12px 18px;
    color: #667085;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition:
            color .18s,
            opacity .18s;
}
/******************************************************************************
 * Hover
 ******************************************************************************/
.ui-tabs-nav li:hover a {
    color: #1D4ED8;
}
/******************************************************************************
 * Actif
 ******************************************************************************/
.ui-tabs-nav .ui-tabs-active {
    position: relative;
}
.ui-tabs-nav .ui-tabs-active a {
    color:#233876;
    font-weight:600;
}
.ui-tabs-nav .ui-tabs-active::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: -1px;
    height:2px;
    border-radius:1px;
    background: #4F6EF7;
    transition:.18s;
}

.jqgrid-actions {
    white-space: nowrap;
    text-align: center;
}

.jqgrid-actions a {
    display:inline-flex;
    width:24px;
    height:24px;
    justify-content:center;
    align-items:center;

    background:#f6f8fc;
    border:1px solid #dbe3f0;
    border-radius:5px;
    color:#4e5d79;
    padding: 0 4px;
    opacity: .55;
    transition: .15s;
}

tr:hover .jqgrid-actions a, tr.ui-state-highlight .jqgrid-actions a {
    opacity: .9;
}

tr.ui-state-highlight .jqgrid-actions a {
    color:#000000;
    background:#f6f8fc;
    border:1px solid #dbe3f0;
}

.jqgrid-actions a:hover, tr.ui-state-highlight .jqgrid-actions a:hover {
    background:#dce9ff;
    border-color:#7aa8ff;
    color:#1b4e9b;
    opacity: 1;
}
/******************************************************************************
 * Statut des entretiens [test]
 ******************************************************************************/
.s-verrouille {
    --accent: #4DDD61;
}
.s-retard {
    --accent: #FF5C61;
}
.s-planifie {
    --accent: #2644EE
}
.s-en-cours {
    --accent: #000000;
}
.s-attente {
    --accent: #FD8E17;
}
.s-non-concerne {
    --accent: #969403;
}
/*=========================================================
=             Utils                                       =
==========================================================*/
.w-100 {
    width: 100%;
}
.w-50 {
    width: 50%;
}