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

/* ------------------------------ Menu vertical ------------------------------ */
.vTabMenu
{
    width: 250px; 
    display: flex; 
    flex-direction: column; 
    background-color:#3A4B63;
    position:relative;
    padding-bottom:50px;
}

.vTabTab
{
    color: white; 
    padding:10px;
}
.vTabTab:hover
{
    color:white;    
    text-decoration: none;
    background-color:#2fa4e7;
    
}
.vTabTab.active
{
    color:white; 
    background-color:#4E5D72;
}

/* ------------------------------ Styles généraux ------------------------------ */

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #0A0A0A;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #0A0A0A;
  cursor: pointer;
}

/* ------------------------------ Gestion des listes (Datatable) ------------------------------ */

.containerPersistant { flex:1; overflow-y:hidden; }

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

.dt-buttons
{
    border: 1px solid #ced4da;
    border-radius: 5px;
}       
    
table.dataTable tr > td
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    
}
.dataTables_scrollHead 
{
    padding-left: 3px; 
    overflow:visible !important; /* FIX - A partir de Chrome 48 les colonnes ne s'affichent plus. Possiblement regle dans Chrome 50 */
}
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; }

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; }
td.padRight { padding-right:10px !important;border-bottom: 1px solid #ced4da; }
th.padRight { padding-right:10px !important; border-bottom: 1px solid #343a40; }

/* Desactiver les icones d'entete et ajouter un souligner (permet de sauver de l'espace) */
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
     content: "";
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
     content: "";
}

table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {  text-decoration:underline; }


table.dataTable {
  background-color: #fff;
  width: 100%;
}

table.dataTable tr.even.disabledRow { color: lightgray; }
table.dataTable tr.odd.disabledRow { color: lightgray; }
table.dataTable tr.even.inactiveRow { background-color: #ffe7b5; }
table.dataTable tr.odd.inactiveRow { background-color: #ffd890; }

table.dataTable tr.even.totalRow { background-color:#FDD180; font-weight:bold; }
table.dataTable tr.odd.totalRow { background-color:#FDD180; font-weight:bold; }

.dataTables_scrollHead
{
    color:black;
    font-weight: bold;  
}

table.dataTable tr.odd { background-color:#ECECEC; }
table.dataTable tr.even, table.dataTable tr.odd { color:#222222; }

table.dataTable tr.odd.tableRowOrange { background-color:#F0AA00; }
table.dataTable tr.even.tableRowOrange { background-color:#F0BB00; }
table.dataTable tr.odd.tableRowGreen { background-color:#C6E0B4; }
table.dataTable tr.even.tableRowGreen { background-color:#E2EFDA; }
table.dataTable tr.odd.tableRowBlue { background-color:#A0D0FF; }
table.dataTable tr.even.tableRowBlue { background-color:#B0E0FF; }
table.dataTable tr.odd.tableRowRed { background-color:#FF6B6B; }
table.dataTable tr.even.tableRowRed { background-color:#FF7A7A; }

table.dataTable tr.odd:hover, table.dataTable tr.even:hover
{
    background-color:#00A0E0;  
    color: white;
    cursor: pointer;
}

.dataTables_scrollBody
{    
   border-top: 1px solid black;
   border-bottom: 1px solid black;
}

/* ------------------------------ Gestion des listes (CustomTable) ------------------------------ */
.RowRedText { color:red !important; }
.RowBlueText { color:blue !important; }
.RowGreenText { color:green !important; }
.RowHighlight { text-decoration:underline; }
.RowGrayText { color:#999999 !important; }
.RowTotalText { font-weight:bold; }
.RowDetailDisabled { cursor:default !important; }
.RowImportant { background-color:#FFCC00 !important; }


.CustomTable { font-size:16px; line-height: 1.42857143; }
.CustomTable > tr:nth-child(odd) { background-color:#ECECEC; }
.CustomTable > tr:nth-child(even) { background-color:white; }

.CustomTable > tbody > tr:nth-child(odd) { background-color:#ECECEC; }
.CustomTable > tbody > tr:nth-child(even) { background-color:white; }

.CustomTable tr.trBlue:nth-child(odd) { background-color:#E0EEFF; }
.CustomTable tr.trBlue:nth-child(even) { background-color:#CCDDFF; }
.CustomTable tr.trOrange:nth-child(odd) { background-color:#FFEE00; }
.CustomTable tr.trOrange:nth-child(even) { background-color:#FFDD00; }
.CustomTable tr.trRed:nth-child(odd) { background-color:#FFEEEE; }
.CustomTable tr.trRed:nth-child(even) { background-color:#FFDDDD; }
.CustomTable > tr:hover { background-color:#00A0E0; cursor:default; }

.CustomTable > tbody > tr > td { padding:3px 5px 3px 5px; font-size:15.43px;}

.CustomTable > tbody > tr > td { white-space:nowrap; }

.CustomTable > tbody > tr:hover { background-color:#00A0E0; cursor:default; color:white; }

.CustomTable > thead > tr > th,.CustomTable > tr > th { cursor:pointer; user-select: none; padding:3px 5px 3px 5px; background-image:linear-gradient(#cb242b,#921419); border-bottom:1px solid #59595b; color:white; }
.CustomTable > thead > tr { border-bottom: 1px solid black; background-color:white; }
.CustomTable tr.ImportantHover:hover td { background-color:yellow !important; color:#222222 !important; }

.CustomSort {}
.CustomSortUp { text-decoration:underline; }
.CustomSortDown { text-decoration:underline; }

/*.CustomSortUp::after   { padding-left:3px; font:normal normal normal 14px/1 FontAwesome; text-decoration:none; content: "";}*/
/*.CustomSortDown::after { padding-left:3px; font:normal normal normal 14px/1 FontAwesome; text-decoration:none; content: "";}*/


.CustomRow { background-color:#FFFFFF; }
.CustomRowOdd { background-color:#F0FFF0; }
.CustomRowOrange { background-color:#FFEE00; }
.CustomRowOrangeOdd { background-color:#FFDD00; }
.CustomRowRed { background-color:#FFEEEE; }
.CustomRowRedOdd { background-color:#FFDDDD; }

.CustomRow:hover,
.CustomRowOdd:hover,
.CustomRowOrange:hover,
.CustomRowOrangeOdd:hover,
.CustomRowRed:hover,
.CustomRowRedOdd:hover
{
    background-color:yellow;
}

/* ---------------------- Utilitaires ---------------------- */
.close
{
    float: right;
    margin-right: 5px;
    margin-top: 8px;
    cursor: pointer;        
}

.Banderolle
{
    background-image:linear-gradient(#f8f9fa 50%,#eaeaea);
    text-align: center;
    padding: 5px;
    font-size: 20pt;
    font-weight: 500;
    background-color: #f8f9fa;
    border-radius: 5px;
    border: 1px solid #ced4da;
    text-shadow: 2px 2px 2px #d8d8d8;  
    margin-bottom:5px;
}

.componentLabel
{
    display: inline-block;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 9pt;
    background-color: #f4f4f4;
    padding: 3px 10px 3px 3px;
    vertical-align: top;
    height: 25px;
}

.CalendrierListe
{
    background-color: #f8f9fa;
    background-image: linear-gradient(#f8f9fa 50%,#eaeaea);
    padding: 5px;
    border: 1px solid #b4b5b5;
    margin:5px;
    border-radius:5px;
}

/* ---------------------- LightBox ---------------------- */
.ILightBox
{
    position:fixed;
    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;    
}


/* ---------------------- TabControl ---------------------- */
.TabControl.nav-tabs > li.active > a, 
.TabControl.nav-tabs > li.active > a:hover,
.TabControl.nav-tabs > li.active > a:focus 
{
    border-color: #FF8418;
    border-bottom: 1px solid white;
    color: black;
    border-top: 3px solid #FF8418;
    
}

.TabControl.nav-tabs > li.active 
{
    z-index: 1;
}

.TabControl.nav-tabs 
{ 
    border-bottom: 1px solid #FF8418;
    padding-left: 10px; 
}

.TabControl.nav-tabs > li > a:hover 
{   
    color: black;
    border-color: #0386BB;
    background-color: #F9F9F9;
    border-bottom: 1px solid #FF8418;    
}

.TabControl.nav-tabs > li > a 
{
    color: #444444;
    background-color: white;
    border: 1px solid #1995DC;
    border-bottom: 1px solid #FF8418;
    height: 25px;
    border-top-left-radius: 15px;
    border-top: 3px solid #37B3E4;
    margin-left: -5px;    
    padding: 2px 10px;
    text-decoration:none;
}


/* ---------------------- Groupbox ---------------------- */
.GroupBox
{
    border-radius:4px; 
    border: 1px solid #2A74A5; 
    margin:10px 5px 5px 5px;     
}

.GroupBoxTitre 
{
    background-color:#2A74A5; 
    color:white; 
    font-size:10pt; 
    height:20px; 
    padding-left:10px; 
    font-weight:bold;    
}

.GroupBoxContent
{
    padding:10px;
}

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

.multiselect.dropdown-toggle
{
    line-height: 7px;  
    margin-left: -6.4;
    color: #555555;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    font-size: 9pt;
    height: 25px;
    margin-top: -4px;
}

.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.dropdown-toggle::after{ float:right; }
.multiselect-container li:not(.multiselect-item) a { padding-left:0px; font-size:10pt; }
.multiselect-container > li.multiselect-all > a { padding-left:0px; }

label.radio {
    color: #555555;
    font-size: 9pt;
}

.multiselect-search{ height: 25px; }

/* Dropdown */
select.CompatSelect {
    color: #555555;
    font-size: 9pt;
}