/* ------------------------------ 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:1500;
}

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

.ILockScreen::before {
    position: absolute;
    top: 0;
    left: 0; 
    bottom: 0;
    right: 0;
    background-image: url('/config/lockscreen.jpg?6');
    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;
   min-width: 230px;
}

.frameAgendaContent 
{ 
    flex-direction:row; 
    /*display:flex; 
    flex-shrink:0;*/
}

.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:hidden;*/
   overflow-x:scroll;
   overflow-y:scroll;
   position:relative;
}

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

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

.agendaCol
{
    display:flex;
    flex-direction: column;
    flex-shrink:0;
    flex-grow:1;
    min-width: 230px;
}

.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;
    font-size:10pt;
}
 
.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 !important;
}

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

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


.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.catalogue-cart-container {
    padding: 10px;
    font-family: monospace;
    display:flex;
    flex-flow:column;
}

.catalogue-cart-container button {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.catalogue-cart-container form {
    height:70%;
}

.catalogue-cart-table-container {
    height:100%;
}

.table-cart-row-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
}

.catalogue-panier-quantite-item{
    padding-right:10px;
}

.catalogue-panier-sous-total-item  {
    padding-left: 15px;
}

.catalogue-panier-sous-total-item input{
    width:50px;
    color:black;
    border:none;
}

.catalogue-panier-quantite-item, .catalogue-panier-quantite-item input
{
    width:30px;
    text-align: right;
}


.catalogue-cart-table-container table {
    width: 100%;
}

.catalogue-cart-table {
    height: inherit;
}

.catalogue-cart-table tbody {
    display: block;
    height: 97%;
    overflow-y: auto;
    overflow-x: hidden;
}

.catalogue-cart-table thead {
    background-color: #178acc;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    display:block;
}

.catalogue-cart-table thead tr td:first-child {
    padding-left:70px;
}

.catalogue-cart-table tr td:nth-child(8) {
    width:200px;
    padding-left: 10px;
}

.catalogue-cart-table thead tr td:nth-child(2) {
    width:150px;
}

.catalogue-cart-table thead tr td:nth-child(2) {
    padding-left:73px;
}

.catalogue-cart-table thead tr td:nth-child(3), .catalogue-cart-table tbody tr td:last-child {
    width:50px;
}

.catalogue-cart-table tr td:last-child
{
    padding:12px;
}

.catalogue-cart-table tr td:nth-child(6)
{
    width:50px;
}

.catalogue-cart-table tr td:nth-child(7)
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catalogue-cart-table tbody tr {
    height:57px;
    font-weight:bold;
}

.catalogue-cart-table tbody tr td img {
    height:50px;
}

.catalogue-cart-table tbody tr td button {
    float:right;
    border:0px;
    color:red;
    margin-right:5px;
    font-size:14pt;
    background-color:white;
}

.catalogue-cart-table tbody tr td button{
    font-size:12pt;
}

.catalogue-cart-table tbody tr td button:hover {
    font-size:13pt;
}

.catalogue-cart-empty-table-td { 
    text-align:center;
    font-style:italic;
    font-weight:normal;
    width:unset !important;
}


.customScrollbarSimple{
    scrollbar-width: thin;
}

.customScrollbarSimple::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.customScrollbarSimple::-webkit-scrollbar-track {
    border-radius: 12px;
    background: #e9e9e9;
}
.customScrollbarSimple::-webkit-scrollbar-thumb{
    border-radius: 12px;
    background: #bebcbc;
}
.customScrollbarSimple::-webkit-scrollbar-thumb:hover{
    background: rgba(0,0,0,0.4);
}

.catalogue-article {
    display: flex;
    flex-direction: column;
    width: 175px;
    height: 175px;
    text-align: center;
    background-color: #f9f9f9;
    cursor:pointer;
    background-image: linear-gradient(to bottom, #f3f3f3, white 50%, #ffffff, #f3f3f3); 
    box-shadow:2px 2px 5px 0px #0000002b; 
    border-radius:5px; 
    border: 1px solid #b9b8b8;
}

.catalogue-article-prix{
    position: absolute;
    top: 5px;
    right: 5px;
    font-weight: 600;
    font-size: 11pt;
    color: #222222;
    background-color:white;
    padding: 2px 10px;
    border-radius: 15px;
    min-width: 67px;
    z-index: 1;
}

/* PASSWORD STRENGTH METER */
.password-meter-container
{
    background-color: rgba(0, 0, 0, 0.1);
    height: 0.5em;
}

.password-meter-text
{
    height:20px;
}

.password-meter {
    float:left;
    
  /* Reset the default appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  width: 100%;
    height: inherit;
    
  /* Applicable only to Firefox */
  background: none;
}

.password-meter::-webkit-meter-bar {
  background: none;
}

.password-meter.bad 
{
    background: red;
    width:25%;
}

.password-meter.weak 
{
    background: yellow;
    width:50%;
}

.password-meter.good 
{
    background: #1d8be2;
    width:75%;
}

.password-meter.strong 
{
    background: green; 
    width:100%;
}



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

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

.InputHolistik  > label {
    margin-bottom: 8px;
    display:block;
    margin-top:10px;
}
.InputHolistik  > input, .InputHolistik > select, .InputHolistik > 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%;
}

.InputHolistik  > input, .InputHolistik > select:not(.MultiSelectHolistik) {
    height: 40px;
}

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

.InputHolistikMandatory {
    color:red; 
}

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

.HolistikRow > * {
    width:100%; 
}

.HolistikConsentContainer {
    margin-top:20px;
}

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

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

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

.ResponsiveHidden {
    display:none;
}

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

@media  (min-width:1281px)   { 
    .HolistikContainer 
    {
        max-width:700px;
        margin-left:auto;
        margin-right:auto;
    }
    
}

.HolistikAvailibilitiesContainerBox{
    
    height: 50px; 
    display:flex;
    align-items: center;
    justify-content: center;
    border: 0.1px solid rgb(192, 196, 201);
    border-collapse: collapse;
    outline: 0.1px solid rgb(192, 196, 201); 
    
}   

.HolistikAvailibilitiesContainerBox > span {
    pointer-events: none;
}

.HolistikAvailibilitiesContainerCursor{
    cursor: pointer;
    background-color: rgb(249, 250, 251);
}

.HolistikAvailibilitiesContainerNotCursor{
    background-color: rgb(91, 184, 240, 0.19); 
}

.HolistikAvailibilitiesContainer {
    display:flex;
    flex-direction: row;
    
}
  
.HolistikAvailibilitiesDiv {
    flex:1;
    display:flex;
    flex-direction: column;
    
}
 
@media  (min-width:720px)   { 
    .HolistikAvailibilitiesContainer {
        display:flex;
        flex-direction: column;
        column-gap: 1px;
    }
    .HolistikAvailibilitiesDiv {
        display:flex;
        flex-direction: row;
        row-gap: 1px; 
    }
    .HolistikAvailibilitiesContainerBox{
    flex:1;
    height: 40px; 
    display:flex;
    align-items: center;
    justify-content: center;
    outline: 0.1px solid rgb(192, 196, 201); 
    } 
    .HolistikAvailibilitiesContainerBox > span {
    pointer-events: none;
    }
    .HolistikAvailibilitiesContainerCursor{
    cursor: pointer;
    background-color: rgb(249, 250, 251);
    }
    .HolistikAvailibilitiesContainerNotCursor{
        background-color: rgb(91, 184, 240, 0.19); 
    }

}