/* Pages de gestion */
ul#gestion_menu li,
ul#gestion_sub_menu li
{
    display:inline;
}

ul#gestion_menu li a,
ul#gestion_sub_menu li a
{
    text-decoration: none;
    border: 1px solid;
    padding: 5px 10px;
    display: inline-block;
    color: black;
}
ul#gestion_sub_menu li a
{
    border: 1px solid;
    padding: 3px 8px;
}
ul#gestion_menu li a:hover,
ul#gestion_menu li a.selected,
ul#gestion_sub_menu li a:hover,
ul#gestion_sub_menu li a.selected
{
    background-color: green;
    color: white;
}

/* Modèles */
.edit-model div.title { font-size: 1.2em; }
.edit-model .contexte div.title { margin-top: 0.5em; }
.edit-model .contexte div.title::before
{
    font-family: FontAwesome;
    content: "\f0da";
    padding-right: 5px;
}
.edit-model .contexte label { display: block; }
.edit-model .title input
{
    font-size: var(--fontSizeMedium);
    display: block;
    margin-bottom: 20px;
    width: 100%;
}

/* Documents */
.titre-session
{
    background-color: rgb(253 186 116);
    padding: var(--spacing3);
    font-size: 1.2em;
}
table.signature tr.docrow td.doc-infos
{
    padding-left: 2em;
}
table.signature tr.soustraitance
{
    background-color: var(--colorGrey1);
}
a.download-link { text-decoration: none; }
/* Documents */
.titre-session
{
    background-color: rgb(253 186 116);
    padding: var(--spacing3);
    font-size: 1.2em;
}
table.signature tr.docrow td.doc-infos
{
    padding-left: 2em;
}
table.signature tr.soustraitance
{
    background-color: var(--colorGrey1);
}
a.download-link { text-decoration: none; }
/* BPF */
.fullwidth input:not([type='checkbox']):not([type='radio']) { width: 100%; }

.toc
{
    position: fixed;
    right: 0px;
    top: 80px;
    width: 80px;
    background-color: var(--colorBackground);
    border: 1px solid var(--colorLink);
    transition: width 0.3s;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    z-index: 99999;
}
.toc .title
{
    width: 1.5em;
}
.toc .title
{
    background-color: var(--colorLink);
}
.toc .title span
{
    transform-origin: bottom right;
    transform: rotate(-90deg);
    display: block;
    color: var(--colorBackground);
    font-size: 1.4em;
    margin-top: 2.8em;
}
.toc p
{
    margin: 0;
}
.toc.bpf
{
    top: 60px;
    background-color: #BDB;
}
.toc:hover
{
    width: 700px;
}
.toc .content
{
    padding-left: 10px;
    width: 100%;
}
.toc a
{
    padding: 3px;
    color: var(--colorLink);
    display: inline-block;
    width: 100%;
    text-decoration: none;
}
.toc a:hover
{
    background-color: var(--colorLink);
    color: var(--colorBackground);
}

.toc.bpf a
{
    color: black;
}
.toc.bpf a:hover
{
    background-color: #2d2d2d;
    color: white;
}

/* Page aide */
.objet.aide
{
    display: flex;
    border-top: 1px solid;
}

.objet.aide > div:first-child
{
    width: 100px;
    font-size: 0.8em
}


.select_by_date
{
    float: left;
    border: 1px solid var(--colorGrey2);
    border-radius: 5px;
    padding: var(--spacing3) var(--spacing2);
    margin-bottom: var(--spacing4);
}
.gestion-board + *,
.gestion-board .white-board
{
    clear: both;
}

.bouton
{
    padding: 6px 20px;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    background-color: var(--colorGrey3);
    color: var(--colorGrey1);
    border-color: var(--colorGrey1);
}
.text-icon i:first-child
{
    margin-right: 0.5rem;
}
.text-icon i:last-child
{
    margin-left: 0.5rem;
}

.dataTables_wrapper
{
    border-top: 1px solid var(--colorGrey2);
}

body.gestion div.dt-processing
{
    position: fixed;
    top: 60vh;
    left: 50vw;
    width: 50vw;
    margin-left: -25vw;
    margin-top: -22px;
    height: 40vh;
    padding-top: 15vh;
    text-align: center;
    padding: auto;
    z-index: 99999;
    background: white;
    opacity: .9;
    font-size: 3em;
}

div.action-grid
{
    grid-template-columns: repeat(4, 1fr);
}

/* Canal d'infos dans tableau de bord */
.info-canal
{
    margin-top: 1.25rem;
    color: var(--colorGrey3);
    background-color: white;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
}
.info-canal > h3
{
    padding: 0.75rem;
    margin: 0;
    font-size: 1.5rem;
}
.info-canal .flexrow
{
    border: 0 solid #e5e7eb;
    border-top-width: 1px;
    padding: 0.75rem;
    align-items: stretch;
}
.info-canal .info
{
    display: flex;
    width: 16%;
    font-size: 0.85rem;
    line-height: 1.2rem;
    justify-content: space-between;
    padding: 0 0.5rem;
    align-items: flex-start;
}
.tab_infos .info-canal { box-shadow: none; }
.tab_infos .info-canal .info
{
    width: 100%;
    margin-bottom: .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.75rem;
    border-radius: .75rem;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
}
.tab_infos .info-content { width: 75%; }
.tab_infos .info-content > :first-child { margin-top: 0; }
.tab_infos .metadata { width: 15%; padding-top: 0.25rem; }
.tab_infos .info .metadata .date
{
    border-radius: .375rem;
    background-color: var(--colorHover);
    color: white;
    text-align: center;
}
.tab_infos .info .metadata .category { color: var(--colorHover); }

.tab_default .info-canal .info:hover
{
    background-color: var(--colorGrey1);
}
.info-canal .info .date { font-weight: bold; color: var(--colorHover); }
.info-canal .info .resume a, .info-canal .info .resume { color: var(--colorText); }
.info-canal .close-info { font-size: 1.4rem; cursor: pointer; padding: 0.5rem; border-radius: 0.5rem; }
.info-canal .close-info:hover { background-color: var(--colorGrey2);}

.help_block.full
{
    background-color: rgb(238 242 255);
    color: rgb(49 46 129);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    padding: 1.25rem;
    display: flex;
    flex-direction: row;
}
.help_block.full .icons
{
    text-align: center;
    font-size: 1.5em;
    width: 3em;
}
.help_block.desc .icons
{
    float: right;
}
.help_block.full .help_text
{
    margin: 0 1em;
    font-size: 0.9em;
}
.help_block.desc .help_text
{
    font-size: 0.85em;
    color: rgb(100 116 139);
    padding: var(--spacing1);
    background-color: #F8F8F8;
}
.help_block .help_text .title
{
    margin: 0px 0px 5px;
    font-size: 1.3em;
}
.help_block .help_text p,
.help_block .help_text ul,
.help_block .help_text ol
{
    margin: var(--spacing1) 0;
    line-height: 1.3em;
}
.bouton_bloc > .bouton
{
    display: block;
}
.global-enregistrer.tofix
{
    position: fixed;
    bottom: 40px;
}

fieldset
{
    border-color: var(--colorGrey2);
    border-style: solid;
    border-width: 1px;
    border-radius: 15px;
    margin: 10px;
    padding: 5px 10px;
}
fieldset legend
{
    font-size: 1.6em;
    font-weight: bold;
    margin-left: 10px;
    padding: 5px;
}

#draft
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    gap: 20px;
    background-color: white;
    font-size: 1rem;
}
#draft .banner
{
    position: relative;
    background-color: white;
    height: 10vh;
    width: 75vw;
}
#draft .banner table, #draft .banner tr, #draft .banner td, #draft .banner th
{
    border: none;
}
#draft #draft_doc
{
    width: 75vw;
}
#draft_doc #content td
{
    border: 1px solid gray;
}
#draft #pdfheader.banner
{
    border-bottom: 1px solid;
}
#draft #pdfheader h1
{
    line-height: 1.8rem;
    font-size: 1.8rem;
}
#draft #content
{
    overflow: scroll;
    height: 80vh;
}
#draft .test-expression
{
    border: 1px dotted gray;
}
#draft .test-expression::before
{
    font-family: FontAwesome;
    content: "\3f";
    padding: 2px 0.4rem;
    color: orange;
}

.doc_infos
{
    font-size: 0.85rem;
    text-align: center;
    padding: 0 1rem;
}

#draft_menu
{
    position: relative;
    display: block;
    width: 20vw;
}
#draft_menu .doc_name
{
    text-align: center;
    font-size: 1.3rem;
    background-color: #BDB;
    padding-bottom: 0.6rem;
    margin-bottom: 0.6rem;
}
#draft_menu .inter
{
    text-align: center;
    font-size: 0.9rem;
    text-transform: uppercase;
    margin-top: 0.5rem;
    border-top: 1px solid #8D8;
}
#draft_menu .debug
{
    bottom: 0px;
    position: absolute;
    font-size: 0.7rem;
    line-height: 0.6rem;
    margin: 0 10px 20px;
    color: #9f9f9f;
}
#draft_menu .current
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: rgb(229, 247, 229);
}
#draft_menu .current::after
{
    font-family: FontAwesome;
    content: '\f0da';
    font-size: 2rem;
    color: #8D8;
    border-left: 1px solid #8D8;
    margin-left: 5px;
    background-color: white;
}
#draft_menu .debug ul
{
    margin: 0;
}
.draft header,
.draft footer
{
    display: none;
}
#draft .draft_session
{
    background-color: #FDBA74;
    text-align: center;
    font-size: 0.85rem;
}
#draft img { display: inline-block; }
#draft ul
{
    padding-left: 1.5rem;
    list-style: disc;
}

.input_jpost_dynamic.ckw
{
    border: 2px orange solid;
    border-radius: 10px;
    padding: 0.3rem 1rem;
    gap: 0.5rem;
    align-items: baseline;
}
.ckw_title
{
    background-color: #8D8;
    text-align: center;
}
.to-remove
{
    border: 2px dotted orange;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-color: white;
}
[data-ckw="text"] .mce-content-body [contentEditable="false"][data-mce-selected].locked
{
    cursor: default;
}
#draft div.saut-de-page
{
    display: block;
    width: 100%;
    border-top: 2px dashed orange;
    margin-top: 1.6rem;
}
#draft div.saut-de-page::after
{
    display: inline-block;
    position: relative;
    font-size: 0.9rem;
    padding: 0 0.5rem;
    content: 'saut de page';
    background-color: white;
    color: #666;
    left: 50%;
    transform: translate(-50%, -0.9rem);
}
#draft div.folio
{
    padding: 4px 10px;
    margin-top: 1rem;
    background-color: #DDD;
    border-radius: 10px;
    color: black;
    font-size: 0.85rem;
    display: inline-block;
}
#draft .input_jpost_dynamic.ckw input
{
    padding: 0 var(--spacing1);
    background-color: #EFE;
}


/* Autocomplete */
ul.ui-autocomplete
{
    max-height: 50vh;
    overflow-y: auto;
}
ul.ui-autocomplete .ui-menu-item div.ui-menu-item-wrapper
{
    position: relative;
    padding: 3px 1em 3px .4em;
    display: inline-block;
    width: 100%;
}

ul.ui-autocomplete .ui-state-active
{
    color: black;
    background-color: var(--colorGrey2);
}
ul.ui-autocomplete .ui-menu-item div.ui-menu-item-wrapper:before,
.tox-menu .kw_item:before
{
    padding: 3px 1em 3px .4em;
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900);
    margin-right: var(--spacing1);
}
ul.ui-autocomplete .ui-menu-item.type-div div.ui-menu-item-wrapper:before,
.tox-menu .kw_item.div:before
{
    content: "\f1dd";
}
ul.ui-autocomplete .ui-menu-item.type-span div.ui-menu-item-wrapper:before,
.tox-menu .kw_item.span:before
{
    content: "\f031";
}

.ui-autocomplete-category,
.tox-menu .kw_cat
{
    color: var(--colorGrey3);
    text-align: center;
    font-weight: bold;
    width: 100%;
    border-bottom: var(--colorGrey2) solid 1px;
}

.opaga .tox .tox-collection__item-container { display: block; }
.tox-collection__item .kw_desc
{
    font-size: 0.8rem;
    color: #888;
    padding-left: 3em;
}
.tox-collection__item.tox-collection__item--active .kw_desc { color: white; }
.tox .tox-collection--list .tox-collection__item { padding: 4px 0 !important; }
.tox .tox-collection--list .tox-collection__item--active { background-color: var(--colorGrey2) !important;}