/* ------------------------------ Frame general ------------------------------ */

body {  height: 100vh; font-size:9pt; }
.topBar  { display:none; }
.containerPersistant { flex:1; overflow-y:hidden; }

/* Écran standard */
@media (min-width: 768px) 
{    
    .topBar  { display:block; } 
    .GlobalZoom {display:none !important;}
}

@media (max-width: 767px)
{
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #000000; }
    .navbar-default .navbar-toggle .icon-bar { background-color:#1995dc; }
    .AgendaDashboard {display:none !important;}
    .AgendaDashboardShow {display:none !important;}
    .AgendaDashboardHide {display:none !important;}
    .ui-effects-placeholder {display:none !important;}
}




/* Style des icon bar */
.nav-pills
{
    display: inline-block; 
    padding-top: 1px;    
}

.modal-dialog { margin-top:150px; }

.NonWebKit
{
    display:none;    
}

.WebKitOnly:not(*:root) /* Supports only WebKit browsers */
{
  display: inline-block;   
}


.ContextMenu 
{
    position: absolute;
    display:none;
    top: 0px;
    left: 0px;
    z-index: 99;   
}

/* ------------------------------ Flexbox ------------------------------ */

.PanelV, .PanelH {
    align-content: space-between;
    align-items: stretch;
    display: flex;
    overflow-y:hidden;
}
.PanelV { flex: 1 1 0px; flex-flow: column nowrap; }
.PanelH { flex: 1 1 0px; flex-flow: row nowrap; }
.PanelFix, .flexFix { flex: 0 1 auto; }

.flexFill { flex: 1 1 0px; }
.flexBoxV { flex-flow: column nowrap; }
.flexBoxH { flex-flow: row nowrap; }
.flexBoxV, .flexBoxH {
    align-content: space-between;
    align-items: stretch;
    display: flex;
}

/* ------------------------------ Menu Principal ------------------------------ */

/* Nécessaire pour que le menu s'affiche par dessus dans les petits écrans */
.mainNavBar { z-index: 999; font-size:10pt; }

.navbar-sm {min-height:32px;}
.navbar-sm .navbar-brand, .navbar-sm .navbar-nav>li>a {padding-top:5px; padding-bottom:5px; color: #3a3436;}
.navbar-sm .navbar-brand {height: 32px; padding-top:0px; padding-left: 0px; padding-right: 5px;}
.navbar-sm .navbar-toggle {margin: 3px 9px 3px 0px; padding: 4px 4px 4px 4px;}
.navbar-sm .navbar-toggle .icon-bar {width: 16px;}

@media (min-width: 768px) 
{
    .navbar .navbar-nav  { display: inline-block; margin-left:15px; }
    .navbar-sm {height:32px;}  
    .dropdown-menu { margin-left: -2px; }   
    .multiselect-container>li>a { padding-right: 15px; }    
    .navbar-right { margin-right: 0px; }  
    .navbar-brand { display:none; }        
    .navbar .navbar-collapse { text-align: center; padding-right: 0px; }    
    .navbar-right { float: right; }    
}

/* Shrink les text pour les écrans "médium" (EX: Affiche seulemnt l'icône du compte utilisateur) */
.longMenuText { padding-left: 5px; display:inline; }

@media (min-width:768px) and (max-width:1024px) {
  .longMenuText { display:none; }
}

@media (max-width:900px) {
  .MenuItemHideSmall { display:none !important; }
}


#menuUser { min-width:100px; }

/* ------------------------------ Tablette ------------------------------ */

.userProfile
{
    height: 50px; 
    display:inline-block;
    vertical-align: middle;
    line-height: 50px;
    width: 200px;
    text-overflow:ellipsis;
    margin-bottom: 5px;
    white-space:nowrap;    
}

.userProfile > .userProfilePhotoContainer 
{
   height:48px;
   display:inline-block;
   width:41px;
}

.userProfile > .userProfilePhotoContainer > .userProfilePhoto
{
   width: 40px;
   height: 48px;
   display: block;
}


.userProfile > .userProfileTextContainer 
{
   padding-top:8px;
   padding-left:5px;
   vertical-align:top;
   line-height:initial;
   display:inline-block;
}

.userProfile > .userProfileTextContainer > .userProfileText
{
   text-overflow: ellipsis;
   overflow: hidden;
   width:140px;
   display: inline-block;
}

.userProfile > .userProfileTextContainer > .userProfileTitle
{
   text-overflow: ellipsis;
   overflow: hidden;
   width:140px;
   display: inline-block;
}

.TabletteHeader
{
   height: 50px;
   line-height: 40px;
   z-index: 100;
}

.TabletteHeader > .TabletteHeaderButton
{
   display: inline-block;
   cursor:pointer; 
   overflow: hidden; 
   margin-top: 5px; 
   height: 40px; 
   margin-left: 5px;
   margin-right: 5px;
}

.TabletteHeader > .TabletteHeaderButton > .TabletteHeaderButtonIcon
{
   margin-left:5px; 
   margin-right:5px;
}

/* ------------------------------ Composants ------------------------------ */

.RequiredField
{
    color: inherit;
}

SPAN.RequiredField
{
    color: red;
}

.Liens 
{
    color: initial;
    cursor: pointer;
    text-decoration: initial;
}
.Liens:hover
{
    color: #00A0E0;
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
}

.Ligne { float: left; clear: both; width: 100%; }

.btn { font-size: 10pt; padding: 5px; }

label { margin-bottom:0px; }


.InputAddon { width: auto; }
.ILabel { font-weight: bold; text-align: left; }
.LabelOverlay
{
    color: white;
    font-size: 7pt;
    height: 13px;
    line-height: 9px;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px;
    position: absolute;
    z-index: 5;
    top: 0px;
    pointer-events: none;
    left: 0px;
    display:none;
}
.Composant { padding-bottom: 5px; }

.GroupBox
{
    display:flex;
    flex-shrink:0;
    flex-flow: column nowrap;
    overflow:visible;           
}

.GroupBoxContent
{
    overflow:visible;     
}

.Panel
{
    padding: 5px 5px 5px 5px;
    float:left;    
}

.interrogationMark 
{
    margin-left: 5px;
    padding: 2px 1px 0px 0px;
    border-radius: 10px;
    height: 12px;
    display: inline-block;
    width: 12px;    
}

.TabSheet
{
    overflow-y:auto;
}

.well 
{    
    padding-top:0px;
    margin-top:10px;
}

.Banderolle
{
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
    height: 30px;
    line-height: 30px;    
}

.Banderolle > a.Close
{
    float: right;
    margin-right: 10px;
    font-size: 14pt;
    color: black;
    height:30px;
    line-height:30px;
    cursor: pointer;
}

.componentLabel
{
    display:inline-block;
    line-height: 21px;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
}

.btn.btn-default.multiselect-clear-filter
{
    height:38px;
    width:35px;
    z-index:-1;    
}

/* Ne pas forcer les composants bootstrap a prendre 100% de la largeur */
.ManualWidth { width: auto !important; }
/* .input-group-addon, .input-group-btn { width: auto important!; } */


.ForceFullSize
{
    position:absolute !important;
    top:0px !important; 
    left:0px !important; 
    border: 0 !important;
    margin: 0 !important;
    width:100% !important; 
    height:100vh !important; 
    z-index:9999 !important;  
    padding-bottom:0px !important;    
    padding-left:0px !important;    
    padding-right:0px !important;    
    padding-top:5px !important;
    pointer-events: initial !important;
}

.ForceFullSize canvas
{
    width:1170px !important;  
    height:538px !important;
}

.ForceFullSize .OnForceFullSize
{
    display:inline-block !important;    
}

/* ------------------------------ Grosseur des composants ------------------------------ */

.input-sm 
{
    height: 23px;
    padding: 0px 5px;
}

select.input-sm 
{
    height: 23px;
    padding: 0px 1px;
    line-height: 23px;
}

.input-group-addon.input-sm 
{
    padding: 0px 5px;
    height: 23px;
}

/* Composant non compatible avec le zoom */
.slider
{
    zoom:normal;
}

/* ------------------------------ Utilitaires ------------------------------ */

.CursorPointer {  cursor: pointer; }
.Unselectable {
    -webkit-user-select: none;    
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* ------------------------------ Gestion des détails ------------------------------ */

/* Side Menu */
.ListMenuOption p, .ListMenuFonction p 
{
    margin-left: 20px;      
    position: relative;
    top: 50%;
    transform: translateY(-50%);  
}

.OngletContenu { padding:5px 5px 5px 5px; }

/* --------------------------- ScrollSpy SideBar --------------------------- */

/* DÉSACTIVÉ A LA DEMANDE DE CE (MODE COMPACT)
.GroupSideBarNav { width: 110px; }
 .GroupSideBarNav .nav .nav>li>a:before{content:'\00B7';padding-right:5px;} */

.GroupSideBarNav .nav>li>a 
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.GroupSideBarNav .nav .nav>li>a 
{
    overflow:hidden;  
    white-space: nowrap;
    text-overflow: ellipsis;
}

.GroupSideBarNav .nav ul.nav { display: none; }
.GroupSideBarNav .nav>.active>ul.nav { display: block; }
.GroupSideBarNav > ul { overflow-y:auto; }

/* --------------------------- ScrollSpy SideBar Documentation --------------------------- */

.DocumentationBarNav { width: 240px; }
.DocumentationBarNav .nav .nav>li>a:before{content:'\00B7';padding-right:5px;}

.DocumentationBarNav .nav>li>a 
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.DocumentationBarNav .nav .nav>li>a 
{
    overflow:hidden;  
    white-space: nowrap;
    text-overflow: ellipsis;
}

.DocumentationBarNav .nav ul.nav { display: none; }
.DocumentationBarNav .nav>.active>ul.nav { display: block; }
.DocumentationBarNav > ul { overflow-y:auto; }

/* --------------------------- ScrollSpy SideBar AideEnLigne --------------------------- */

.AideEnLigneNav { width: 300px; }

.AideEnLigneNav .nav>li>a 
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.AideEnLigneNav .nav .nav>li>a 
{
    overflow:hidden;  
    white-space: nowrap;
    text-overflow: ellipsis;
}

.AideEnLigneNav > ul { overflow-y:auto; }

.AideEnLigneNav .nav ul.nav { display: none; }
.AideEnLigneNav .nav>.active>ul.nav { display: block; }

/* ------------------------------ Gestion des listes ------------------------------ */

.ListDelete { cursor: pointer; color: red; }
.ListDelete:hover { text-decoration: underline; }

.btnListeHistorique.actif 
{
    color: green;    
    font-weight:bold;
    background-image: linear-gradient(#FFFFFF 0%,white 90% ,#008000 90% );
}

.btnListe
{
    max-width: 125px;
    overflow: visible;
}

@media (max-width: 1024px) 
{
    .btnListe
    {
        max-width: 28px;
        overflow: hidden;
    }
}

.btnListeGroup 
{
    margin-left:5px !important;
}

table.dataTable tr > td
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    
}
.dataTables_scrollHead 
{
    padding-left: 3px; 
    overflow:visible !important; /* FIX - A partir de Chrome 48 les colonnes ne s'affichent plus. Possiblement réglé dans Chrome 50 */
}
table.dataTable tr.odd, table.dataTable tr.even { padding: 2px 2px 2px 2px; }
table.dataTable tr.even { padding: 2px 2px 2px 2px; }
div.dataTables_wrapper div.dataTables_paginate { margin-top:5px; }
div.dataTables_wrapper div.dataTables_info { margin-top:5px; }
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before { top: 2px; }
/*div.dataTables_wrapper div.dataTables_filter input { height: 15px; }*/

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting { padding-right: 0px; } 

.padRight { padding-right:10px !important; }

li.dt-button.buttons-columnVisibility { cursor: pointer; height: 20px; font-size: 12px;}
.dropdown-menu > li.dt-button.buttons-columnVisibility > a:hover { background-color: orange; }
.dropdown-menu > li.dt-button.buttons-columnVisibility > a:focus { background-color: orange; }
/* ------------------------------ Tweak DataTable ------------------------------ */
/* Désactiver les icones d'entête et ajouter un souligner (permet de sauver de l'espace) */

table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting:after {  content: ""; }
table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {  text-decoration:underline; }

/* Listes responsives verticalement */
.dataTables_wrapper {
  display: flex;
  flex: 1 1 auto;
  flex-flow: column nowrap;
  width: 0;
  overflow: hidden;
}

table.dataTable {
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}
.dataTables_wrapper .dataTables_scroll {
  display: flex;
  flex: 1 1 auto;
  flex-flow: column nowrap;
  width: 0;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody 
{ 
    flex: 1 0 0px; 
    overflow-y:scroll !important; /* Toujours afficher la scrollbar vertical autrement il y a un probleme de flickering & display sur chrome */
}

.dataTables_wrapper .row:nth-child(1) { flex: 0 1 auto; }
.dataTables_wrapper .row:nth-child(2)  { flex: 1; display:flex; }
.dataTables_wrapper .row:nth-child(2) .col-sm-12 { flex: 1; display:flex; }
.dataTables_wrapper .row:nth-child(3) { flex: 0 1 auto; }

/* ------------------------------ Tweak Dropzone ------------------------------ */

.dz-success
{
    background-image: linear-gradient(to right,honeydew,white);
}

.dz-error
{
    background-image: linear-gradient(to right,#fff0f0,white);
}

.dz-success:hover,.dz-error:hover
{
    background-image:none;    
}

.dz-success .dropSuccess
{
    display:inline-block !important;
}

.dz-error .dropError
{
    display:inline-block !important;
}

.dz-complete .progress
{
    display:none !important;
}

/* ------------------------------ Tweak MultiSelect ------------------------------ */

.multiselect.dropdown-toggle
{
    height: 23px;
    line-height: 7px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 1px solid #CCCCCC;    
}

.multiselect.dropdown-toggle.RoundedBox
{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; 
}

.multiselect.dropdown-toggle > .caret { float: right; }
.multiselect.dropdown-toggle { text-align: left; }

.multiselect-container li:not(.multiselect-item) a { padding-left:0px; font-size:10pt; }

.multiselect-container > li.multiselect-all > a { padding-left:0px; }


/* ------------------------------ Tweak ColorPicker ------------------------------ */

.colorpicker-element .input-group-addon i, .colorpicker-element .add-on i 
{
    height:21px;
    width:21px;
    border: 1px solid #CCCCCC;    
}

/* ------------------------------ FileInput ------------------------------ */

.FileInputCaption
{
    border-top-left-radius:0px !important; 
    border-bottom-left-radius:0px !important;
    border-top-right-radius:3px !important;
    border-bottom-right-radius:3px !important;  
    padding-top:2px;
    min-width:100px;
}

.FileInputRemoveButton
{
    margin-left:3px !important;
    width:24px;
    overflow:hidden;
    border-top-left-radius:3px !important;
    border-bottom-left-radius:3px !important;
}

.file-caption-name { white-space: nowrap; }

.file-input-new .file-preview, .file-input-new .close, .file-input-new .glyphicon-file,
.file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button,
.file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button {
    display: initial;
}

/* ------------------------------ InputWarning ------------------------------ */

.InputWarning
{
    color:red;
    border:0;
}

/* ---------------------- LightBox ---------------------- */
.ILightBox
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display: flex;
    align-items: center;
    background-color:rgba(0, 0, 0, 0.8);
    z-index:1000;
}

.ILightBoxContent
{
    margin:auto;
    min-width:10%;
    min-height:10%;
    max-width:90%;
    max-height:90%;
    border-radius:5px;
    overflow-y:auto;
    background-color:white;
    border: 5px solid white;    
}

/* ---------------------- LockScreen ---------------------- */
.ILockScreen
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;   
    z-index:8000;
}

.ILockScreen::before {
    position: absolute;
    top: 0;
    left: 0; 
    bottom: 0;
    right: 0;
    background-image: url('/config/lockscreen.jpg?3');
    content: "";
    z-index: -1;
    background-size:     cover;                
    background-repeat:   no-repeat;
    background-position: center center    
}

/* ---------------------- Tweak SpinJS Spinner center ---------------------- */

.SpinnerRelative
{
    position: relative !important;
}


/* ---------------------- Tweak tinyMCE ---------------------- */
.tinyMCEFlex
{
    width: 100%;
    height:100%;
    display:flex;
    flex-grow:1;
}

.tinyMCEFlex > .mce-tinymce
{
    width: 100%;
    display: flex;
    flex-flow: row;    
}

.tinyMCEFlex > .mce-tinymce > .mce-container-body
{
    display: flex;
    flex-flow: column;
    flex-grow: 1;
}

.tinyMCEFlex > .mce-tinymce > .mce-container-body > .mce-edit-area
{
    display: flex;
    flex-grow: 1;   
}

.tinyMCEFlex > .mce-tinymce > .mce-container-body > .mce-edit-area > iframe
{
    height: auto !important;
}

.mce-btn-group div
{
    white-space: normal !important;
    color:#FF3300 !important;
}

div.mce-fullscreen
{
    height:100% !important;
}

body.mce-fullscreen > .IGlobalContainer > .IGlobalMenu
{
    display:none;
}

/* ------------------------------ Agenda ------------------------------ */

.AgendaFilters 
{
    margin-top: 3px;
}

.AgendaDashboard
{
    display:flex;
    flex-direction:column;
    width: 317px;
    margin-left: 5px;
    overflow:hidden;
}

.AgendaDashboardHeader
{
    position:relative;
}

.AgendaDashboardShow
{
    display:none;
    width:25px;
    margin-left: 5px;   
    cursor:pointer;
}

.AgendaHeader
{
   margin-bottom:5px; 
   height:32px;
   z-index:100;
}

.AgendaHeaderButtonCenterContainer
{
    display: inline-block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;

}

.AgendaHeaderButtonLeft
{
    float: left;  
    margin-left:5px; 
}

.AgendaHeaderButtonLeftContainer
{
    display: inline-block;
    overflow: visible;
}

.AgendaHeaderButtonRight
{
    float: right;  
    margin-right:5px;
}

.AgendaHeaderButtonRightContainer
{
    display: inline-block;
}

.AgendaBox
{
    display:none;
    position:relative;
}

.frameAgendaHeader
{
   display:flex; 
   flex-shrink:0;
   flex-direction:row;
   height:35px;  
}

.frameAgendaHeaderTime
{
   display:inline-block;
   flex-grow:0; 
   flex-shrink:0; 
   width:55px; 
   overflow:hidden; 
}

.frameAgendaHeaderColumns
{
   display:inline-block; 
   flex-grow:1; 
   overflow-x:hidden;
   overflow-y:scroll;
   margin-right:2px;
   /*margin-right:19px;*/
}

.frameAgendaHeaderColumnsScroll
{
   display:flex;
   flex-direction:row; 
   height:35px; 
   white-space:nowrap;
}

.frameAgendaHeaderColumn
{
   display:inline-block; 
   flex-grow:1; 
   flex-shrink:0; 
   padding: 0px 5px 0px 5px;
   overflow:hidden;
   text-align:center;
   text-overflow:ellipsis;
}

.frameAgendaContent { flex-direction:row; }

.frameAgendaContentTime 
{
   flex-grow:0;
   flex-shrink:0;
   display:inline-block;
   width:55px;
   overflow-x:hidden;
   overflow-y:hidden;
   position:absolute;
   z-index:1;
}

.frameAgendaContentBody
{
   display:inline-block;
   flex-grow:1;
   overflow-x:scroll;
   overflow-y:scroll;
   position:relative;
}

.agendaRowHeader
{
   cursor:pointer;
   font-family: tahoma;
   height:18px;
   width:55px; 
}

.agendaCol
{
    display:flex;
    flex-direction: column;
    flex-shrink:0;
    flex-grow:1;
}

.agendaRow 
{
   display:flex;
   flex-direction:row;
   white-space:nowrap;
}

.agendaRowColumn
{
   position:relative;
   display:inline-block; 
   height:18px; 
   flex-grow:0; 
   flex-shrink:0;   
}

.agendaHeaderRowColumn
{
   position:relative;
   display:inline-block; 
   height:18px; 
   flex-grow:0; 
   flex-shrink:0;   
}

.agendaRowHeaderLabel
{
   font-family: tahoma;
   position:relative;
   height:22px; 
   flex-grow:0; 
   flex-shrink:0; 
}

.agendaEvent
{
   border-radius:5px;
   overflow:hidden;
   white-space: nowrap;
   margin: 2px 5px 0px 5px;
   padding-right:5px;
   text-overflow: ellipsis;
   border: 1px solid #222222;
   font-weight:bold;   
   height:19px;
   line-height:19px;
   overflow:hidden; 
}

.agendaEvent:hover
{
   /*background-image:none !important;  */
   border:1px solid red;
}


.agendaEventSelected
{
   animation: SelectedEvent 1s 15;
   /* animation: SelectedEvent 1s infinite; */
}


@keyframes SelectedEvent {
  0%, 100%  { filter:saturate(1) }
  50% { filter:saturate(5); }
}

.agendaBackgroundEvent
{
   margin: 2px 5px 0px 5px; 
}

.agendaMemoire
{
    position: absolute;
}

.agendaMemoireEvent
{
   border-radius:5px;
   overflow:hidden;
   white-space: nowrap;
   margin: 2px 5px 0px 5px;
   padding: 0px 5px;
   text-overflow: ellipsis;
   border: 1px solid #222222;
   font-weight:bold;   
   height:19px;
   line-height:19px;
   overflow:hidden; 
}

/* Agenda sur petite resolution */
@media (max-width:1025px) 
{
  .ButtonBar .AgendaHeaderButtonLeft span { display: none !important; }
}

.autoCompleteTable 
{ 
    width: 100%; 
    background-color: #F4F4F4;
    border-radius: 3px;
}

table.autoCompleteTable  
{
    border-collapse: collapse;
    border-radius: 3px;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}
 
.autoCompleteTable table, th, td 
{
    padding: 1px;
}

.autoCompleteTable th
{
    border-bottom: 1px solid black;
}

table.autoCompleteTable tr > td
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

table.autoCompleteTable tr.even, table.autoCompleteTable tr.odd
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 2px;
}

table.autoCompleteTable tr:last-child:hover 
{
    background-color: white !important;
    color: black !important;
    cursor: default !important;
}

.disabledOption, .disabledOption>a>label.radio, .disabledOption>a>label.checkbox, .disabledOption>a>label
{
    color: #A7A7A7;
}

.disabledOption:hover, .disabledOption>a>label.radio:hover, .disabledOption>a>label.checkbox:hover, .disabledOption>a>label:hover
{
    color: #CCCCCC !important;
}

.active.disabledOption, .active.disabledOption>a>label.radio, .active.disabledOption>a>label.checkbox, .active.disabledOption>a>label
{
    color: #CCCCCC !important;
}

.hoverRow:hover 
{
    cursor: pointer;
    background-color: #00A0E0;
    color: white;
} 


/* ------------------------------ Tableau DC ------------------------------ */

.idDashboardDCTableau
{
	white-space:nowrap;
	margin: auto;
	border-radius: 4px;
	border: 1px solid #a7a7a7;
	background-color: #f1f1f1;
}

.idDashboardDCTableau > .idDashboardDCBlocHeader > .idDashboardDCBlocHeaderTitre
{
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 10px;
	padding: 5px;
	color: #222222;
	text-shadow: 0px 0px 2px white;
	background-image: linear-gradient(#f8f8f8,#e0e0e0 80%,#cccccc);
	border-radius: 6px;
	margin: 5px;
	border: 1px solid #a7a7a7;
        white-space:normal;
}

.idDashboardDCTableau > .idDashboardDCBlocHeader > .idDashboardDCBlocHeaderTitre > .fa-chevron-left
{
	margin-top:3px;
	float:left;
	cursor:pointer;
}

.idDashboardDCTableau > .idDashboardDCBlocHeader > .idDashboardDCBlocHeaderTitre > .fa-chevron-right
{
	margin-top:3px;
	float:right;
	cursor:pointer;
}


.idDashboardDCTableau > .idDashboardDCBlocHeader > .idDashboardDCBlocHeaderTitre > .fa:hover
{
    color:#ff8418;
}

.idDashboardDCTableau > .idDashboardDCBlocHeader > .idDashboardDCBlocHeaderOptions
{
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 10px;
	padding: 5px;
	color: #222222;
	text-shadow: 0px 0px 2px white;
	background-image: linear-gradient(#f8f8f8,#e0e0e0 80%,#cccccc);
	border-radius: 6px;
	margin: 5px;
	border: 1px solid #a7a7a7;
	height:32px;
}

.idDashboardDCTableau > .idDashboardDCBlocHeader > .idDashboardDCBlocHeaderColonnes
{
	text-align:left;
	font-weight:bold;
	color:white;
	background-color:#444444;
	border-top:1px solid #222222;
	border-bottom: 1px solid #222222;
}


.idDashboardDCTableau > .idDashboardDCBlocBody
{
	text-align:left;
}


.idDashboardDCTableau > .idDashboardDCBlocBody > .idDashboardDCLigneClinique,
.idDashboardDCTableau > .idDashboardDCBlocBody > .idDashboardDCLigneGlobal > .idDashboardDCBlocCliniques > .idDashboardDCLigneClinique
{
	text-align:left;
}

.idDashboardDCTableau > .idDashboardDCBlocBody > .idDashboardDCLigneClinique > .idDashboardDCBlocDisciplines,
.idDashboardDCTableau > .idDashboardDCBlocBody > .idDashboardDCLigneGlobal > .idDashboardDCBlocCliniques > .idDashboardDCLigneClinique > .idDashboardDCBlocDisciplines

{
	background-color:#f1f1f1;
}

.idDashboardDCTableau > .idDashboardDCBlocBody > .idDashboardDCLigneClinique > .idDashboardDCBlocDisciplines > .idDashboardDCLigneDiscipline,
.idDashboardDCTableau > .idDashboardDCBlocBody > .idDashboardDCLigneGlobal > .idDashboardDCBlocCliniques >  .idDashboardDCLigneClinique > .idDashboardDCBlocDisciplines > .idDashboardDCLigneDiscipline
{
	border-top:1px solid #444444;
}


.idDashboardDCTableau > .idDashboardDCBlocBody > .idDashboardDCLigneClinique > .idDashboardDCBlocDisciplines > .idDashboardDCLigneDiscipline > .idDashboardDCBlocCategories > .idDashboardDCLigneCategorie,
.idDashboardDCTableau > .idDashboardDCBlocBody > .idDashboardDCLigneGlobal > .idDashboardDCBlocCliniques > .idDashboardDCLigneClinique > .idDashboardDCBlocDisciplines > .idDashboardDCLigneDiscipline > .idDashboardDCBlocCategories > .idDashboardDCLigneCategorie
{
    border-top:1px dotted #444444;
}

.idDashboardDCTableau > .idDashboardDCBlocBody > .idDashboardDCLigneClinique > .idDashboardDCBlocDisciplines > .idDashboardDCLigneDiscipline > .idDashboardDCBlocEmployes > .idDashboardDCLigneEmploye,
.idDashboardDCTableau > .idDashboardDCBlocBody > .idDashboardDCLigneClinique > .idDashboardDCBlocDisciplines > .idDashboardDCLigneDiscipline > .idDashboardDCBlocCategories > .idDashboardDCLigneCategorie > .idDashboardDCBlocEmployes > .idDashboardDCLigneEmploye,
.idDashboardDCTableau > .idDashboardDCBlocBody > .idDashboardDCLigneClinique > .idDashboardDCBlocDisciplines > .idDashboardDCLigneDiscipline > .idDashboardDCBlocCategories > .idDashboardDCLigneCategorie > .idDashboardDCBlocGroupes > .idDashboardDCLigneGroupe,
.idDashboardDCTableau > .idDashboardDCBlocBody > .idDashboardDCLigneGlobal > .idDashboardDCBlocCliniques > .idDashboardDCLigneClinique > .idDashboardDCBlocDisciplines > .idDashboardDCLigneDiscipline > .idDashboardDCBlocEmployes > .idDashboardDCLigneEmploye,
.idDashboardDCTableau > .idDashboardDCBlocBody > .idDashboardDCLigneGlobal > .idDashboardDCBlocCliniques > .idDashboardDCLigneClinique > .idDashboardDCBlocDisciplines > .idDashboardDCLigneDiscipline > .idDashboardDCBlocCategories > .idDashboardDCLigneCategorie > .idDashboardDCBlocEmployes > .idDashboardDCLigneEmploye,
.idDashboardDCTableau > .idDashboardDCBlocBody > .idDashboardDCLigneGlobal > .idDashboardDCBlocCliniques > .idDashboardDCLigneClinique > .idDashboardDCBlocDisciplines > .idDashboardDCLigneDiscipline > .idDashboardDCBlocCategories > .idDashboardDCLigneCategorie > .idDashboardDCBlocGroupes > .idDashboardDCLigneGroupe
{
	border-top: 1px solid #d0d0d0;
	background-color:#f1f1f1;
	filter:brightness(0.95);
}
.idDashboardDCGraph
{
	display:inline-block;
	margin-top:1px;
	display:none;
	text-align:initial;
	background-image: linear-gradient(red, #ff7b80 80%,red);
	border: 1px solid black;
	background-color:red;
	border-radius:2px;
}

.bootbox
{
    z-index: 9999;
}

/* Dropdown submenu */
.navbar-nav li.dropdown-submenu:hover > .dropdown-menu 
{
  display: block;
}
.dropdown-submenu 
{
  position:relative;
}

.dropdown-submenu>.dropdown-menu {
  top:0;
  left:100%;
  margin-top:-6px;
}

/* Caret after the submenu */
.dropdown-submenu>a:after
{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;margin-right:-10px;
}
.dropdown-submenu:hover>a:after
{
  border-left-color:#555;
}

.CalendrierFiltres
{
    display:none;
    border-bottom: 1px solid #cccccc;
    padding: 10px 10px 5px 5px;
    background-color: #f9f9f9;    
}

.sectionItem
{
    background-color: white;
    margin: 5px;
    padding:10px;
    border: 1px solid #b6b8b9;
    border-radius: 3.5px;
    box-shadow: 1px 1px 2px #999999;
}


/*NOTIFICATIONS*/


@media (max-width: 767px) 
{
    .overheadNotificationTopIcon
    {
        top:-14px !important;
        min-width: 17px !important;
        font-size: 6pt !important;
        height: 20px !important;
    }
}

 .overheadNotificationContainer
{
    position:relative; 
}

.overheadNotificationBaseIcon
{
    width:20px;
    text-align:center;
    position:absolute;
}

.overheadNotificationTopIcon
{
    min-width:14px;
    text-align:center;
    position:absolute;
    margin-left:11px;
    top:-7px;
    border:1px solid #c10a0a;
    background-color: #c90707;
    border-radius:19px;
    font-size:7pt;
    color:white;
}

.NATB-Resp-Container-Flex-Row 
{
    display: flex;
    flex-direction:row;
    flex-wrap: wrap;
}

.NATB-Resp-Container-Flex-Row.NATB-Resp-Column-Gap-10
{
    column-gap:10px;
}

.NATB-Resp-2-Components {
    width: 49%;
}

.NATB-Resp-2-Components .btn-group, .NATB-Resp-2-Components .btn-group button {
    width: 100%;
}

@media (max-width:824px) {
    .NATB-Resp-2-Components {
        width: 100%;
    }
}

@media (max-width:1000px) {
    .NATB-Resp-2-Components.GroupBox  {
        width: 98%;
    }
}


/* ---------- Formulaire plainte --------- */
.PlainteFormulaireContainer {
    margin:auto; 
    margin-top:30px; 
    margin-right: 20px;
    margin-left:20px;
    padding:20px; 
    background-color:white; 
    border: 1px solid #cacaca; 
    box-shadow: 0px 0px 6px 2px #c5c5c5; 
    border-radius:5px; 
    display:flex; 
    flex-direction:column;
}

.InputPlainteFormulaire {
    color: rgb(55, 65, 81);
}

.InputPlainteFormulaire  > label {
    margin-bottom: 8px;
    display:block;
    margin-top:10px;
}
.InputPlainteFormulaire  > input, .InputPlainteFormulaire > select, .InputPlainteFormulaire > textarea {
    background-color: rgb(249, 250, 251);
    border: 1px solid rgb(192, 196, 201);
    border-bottom-width: 2px;
    border-radius: 4px;
    padding:12px;
    width:100%;
}

.InputPlainteFormulaire  > input, .InputPlainteFormulaire > select:not(.MultiSelectPlainteFormulaire) {
    height: 40px;
}

.InputPlainteFormulaire  > input:focus, .InputPlainteFormulaire > select:focus, .InputPlainteFormulaire > textarea:focus {
    border-color: #2196F3;
}

.InputPlainteFormulaireMandatory {
    color:red; 
}

.PlainteFormulaireRow {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:10px;
}

.PlainteFormulaireRow > * {
    width:100%; 
}

.PlainteFormulaireConsentContainer {
    margin-top:20px;
}

.ButtonPlainteFormulaire {
  align-items: center;
  background-clip: padding-box;
  background-color: #0075be;
  border: 1px solid transparent;
  border-radius: .25rem;
  color: #fff;
  font-size: 16px;
  padding: calc(.875rem - 1px) calc(1.5rem - 1px);
  transition: all 250ms;
}

.ButtonPlainteFormulaire:hover,
.ButtonPlainteFormulaire:focus {
  background-color: #00609b;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

.ButtonPlainteFormulaire:disabled {
    cursor: not-allowed;
    pointer-events: all !important;
    opacity:0.5;
}

.ResponsiveHidden {
    display:none;
}

@media  (min-width:720px)   { 
    .PlainteFormulaireRow > * {
        flex: 1;
    }
   
}

@media  (min-width:1281px)   { 
    .PlainteFormulaireContainer 
    {
        max-width:700px;
        margin-left:auto;
        margin-right:auto;
    }
}
    
.PlainteFicheAllignementBloc {
    display: inline-block;
}
@media  (max-width:1800px)   { 
    .PlainteFicheAllignementBloc 
    {
        display: block;
    }
   
}